Diseño y ajustes del constructor
17 artículos
- ¿Qué son las pestañas de Settings del constructor y cómo las uso? Un resumen de todas las pestañas de Settings del constructor: Branding, Colors, Fonts, Layout, Animations, Automations, Inputs, Icons, Prohibitions, Checkout, Checkout form, Maintenance page, Custom CSS y Custom Javascript, definidas por mercado.
- ¿Cómo añado un favicon, una imagen de fondo y mi logotipo a mi tienda? La pestaña Branding del constructor: define tu favicon (el icono de la pestaña del navegador) y una imagen de fondo con Size (Cover, Contain) y Repeat. Dónde poner tu logotipo en el encabezado y el pie de página, y dónde están los colores y las fuentes.
- ¿Cómo funcionan los esquemas de colores y cómo cambio los colores de mi tienda? Gestiona esquemas de colores en la pestaña Colors del constructor: fondo, texto, enlaces, distintivos, bordes, sombra, botones principal y secundario, y campos de formulario. Cómo eligen esquema las secciones, Use parent color scheme, el límite de 9 esquemas y por qué reordenar cambia los colores.
- ¿Cómo cambio las fuentes y el grosor del texto de mi tienda? Cambia las fuentes de tu tienda en la pestaña Fonts del constructor: las fuentes Body, Heading, Subheading y Accent, fuentes del sistema frente a fuentes que no son del sistema, la búsqueda de fuentes, el texto en árabe y Text weight (Normal, Medium, Bold).
- ¿Cómo cambio el ancho de página de mi tienda? Define el ancho máximo de página de tu tienda en la pestaña Layout del constructor (de 900 a 1400 px), cómo funciona en móviles y pantallas grandes, y cómo las secciones de ancho completo llegan de borde a borde.
- ¿Cómo añado o desactivo las animaciones al desplazarse y el zoom de imágenes en mi tienda? Usa la pestaña Animations del constructor: Scroll reveal (None, Fade, Slide up, Slide in, Zoom) para animar las secciones mientras los compradores se desplazan, e Images zoom effect para ampliar las imágenes de producto bajo el ratón. Por qué las animaciones no se ven en el constructor.
- ¿Cómo hago que los vídeos se reproduzcan automáticamente en mi tienda? Activa Autoplay Videos en la pestaña Automations del constructor para que los vídeos empiecen cuando los compradores llegan a ellos. Incluye vídeos subidos e incrustados de YouTube, Vimeo, TikTok y Dailymotion, por qué no tienen sonido y la pausa cuando salen de la pantalla.
- ¿Cómo cambio el estilo de los campos de formulario de mi tienda? Usa la pestaña Inputs del constructor para dar estilo a todos los campos de formulario de tu tienda (checkout, contacto, boletín, formulario de reseñas): el Type de las etiquetas (Collapse o Expand), los iconos de los campos (None, Default, Label) y la Position del icono (Start o End).
- ¿Cómo hago que los iconos de mi tienda sean más gruesos? Usa la pestaña Icons del constructor para definir el Stroke de todos los iconos de tu tienda, Default o Heavy: los iconos del carrito y de búsqueda del encabezado, las flechas del menú, los iconos de los campos del formulario y los iconos de las secciones.
- ¿Cómo evito que los visitantes copien mis textos e imágenes o hagan clic derecho en mi tienda? Usa la pestaña Prohibitions del constructor: impide copiar, seleccionar textos e imágenes, el clic derecho e inspeccionar la página, y evita que el logotipo del encabezado enlace a la página de inicio. Qué pueden y qué no pueden hacer estas protecciones.
- ¿Cómo elijo entre Add to cart y Fast checkout? Usa la pestaña Checkout del constructor para definir el Checkout method (Add to cart con carrito, o Fast checkout directo desde la página de producto) y el Secondary method que añade el otro botón. Qué cambia en las páginas de producto, las tarjetas, el carrito y la página del carrito.
- ¿Cómo añado, oculto, hago obligatorios, renombro o reordeno los campos de mi formulario de pedido? Edita tu formulario de pedido en la pestaña Checkout form del constructor: cada campo (nombre, teléfono, correo, dirección, ciudad, región, código postal, nota, envío, pago, código de descuento), Disabled, Enabled o Required, etiquetas, textos de ejemplo, desplegables, zonas de entrega y orden.
- ¿Cómo pongo mi tienda en modo mantenimiento o muestro una página de "próximamente"? Activa el modo mantenimiento en la pestaña Maintenance page del constructor para ocultar tu tienda detrás de un mensaje mientras la preparas. Define el título, el mensaje y el esquema de colores, y aprende cómo funciona por mercado y cómo volver a abrir tu tienda.
- ¿Cómo creo menús de navegación y los añado al encabezado y al pie de página? Crea menús de navegación con hasta tres niveles de enlaces (desplegables y mega menús), enlaza a productos, colecciones, páginas y políticas, y luego conecta un menú al encabezado o al pie de página de tu tienda en el constructor.
- ¿Puedo añadir código personalizado, scripts o metaetiquetas a mi tienda (HTML, CSS, JavaScript, sección head)? Dónde puedes añadir tu propio HTML, CSS y JavaScript en el constructor (sección Custom code, Custom CSS, Custom Javascript), por qué no puedes pegar código en la sección head y qué aplicación usar en su lugar para la verificación de Google Search Console, Google Tag Manager y los píxeles.
- ¿Cómo añado CSS personalizado a toda mi tienda o a una sola sección? Añade tu propio CSS en el constructor: la pestaña Custom CSS de los ajustes para toda la tienda, y la pestaña Custom CSS de una sección, que solo da estilo a esa sección. Cómo se limita el CSS de una sección, el selector &, las media queries y consejos cuando tu CSS no funciona.
- ¿Cómo añado JavaScript personalizado a toda mi tienda? Añade tu propio JavaScript a todas las páginas de tu tienda con la pestaña Custom Javascript del constructor. Cuándo se ejecuta el código, por qué no se vuelve a ejecutar en cada página, los errores y por qué las etiquetas de seguimiento y los códigos de verificación van mejor en aplicaciones.