Secciones y bloques del constructor
38 artículos
- Secciones y bloques: ¿cómo los añado y reordeno, y qué secciones puede tener cada página? Diferencia entre secciones y bloques en el constructor de la tienda, cómo añadirlos y reordenarlos, qué secciones ofrece cada página, cuáles son obligatorias y cuántas de cada tipo puede tener una página.
- ¿Cómo configuro el encabezado, el pie de página y la barra de anuncios (secciones globales)? Resumen de las secciones que suelen aparecer en todas las páginas: encabezado, pie de página y barra de anuncios, además de iconos de redes sociales, boletín y volver arriba. Cómo cada página guarda su propia copia y cómo copiar una en todas las páginas.
- ¿Cómo configuro el encabezado de mi tienda (logotipo, menú, búsqueda, carrito, encabezado fijo y transparente)? Configura la sección Header: tamaño y posición del logotipo, tipo de menú (mega, desplegable, lateral) y barra de navegación móvil, icono de búsqueda, carrito lateral o desplegable, selector de país con banderas, encabezado fijo al desplazarse y encabezado transparente sobre un hero.
- ¿Cómo añado una barra de anuncios con mensajes que rotan o se desplazan? Añade una barra de anuncios para promociones, envío gratis o avisos: hasta 7 mensajes, elige Slider (un mensaje cada vez) o Ticker (una línea que se desplaza), y define el tiempo entre mensajes, el separador, la dirección, el tamaño de fuente, el ancho, los colores y el relleno.
- ¿Cómo configuro el pie de página de mi tienda (sobre nosotros, menú, iconos sociales, iconos de pago, enlaces a políticas, copyright)? Configura la sección Footer y sus bloques: sobre nosotros con logotipo y datos de contacto, menú del pie, iconos de redes sociales, iconos de pago, enlaces de privacidad y políticas, copyright con Powered by, texto, separador y grupos para crear columnas.
- ¿Qué secciones puedo añadir a la página de inicio (hero, productos destacados, pase de diapositivas, indicador, colecciones)? Un resumen de las secciones de la página de inicio en el constructor: Hero, Slideshow, Featured products, Collections, Indicator (números animados) y Benefits, además de las tarjetas de producto y de colección, con un enlace a la guía completa de cada una.
- ¿Cómo configuro el banner Hero de mi página de inicio? Configura el banner Hero de tu página de inicio: una o dos imágenes o vídeos, altura (pequeña, pantalla completa, imagen, personalizada), texto y botones encima, posición y alineación, superposición de color para que el texto se lea bien y por qué un vídeo del hero puede no reproducirse.
- ¿Cómo añado un pase de diapositivas con varias diapositivas a mi página de inicio? Añade un Slideshow (carrusel, deslizador de imágenes) a tu página de inicio: hasta 7 diapositivas con imágenes o vídeos, texto y botones en cada una, modo Frame, Inset o Layer, altura de los medios, velocidad de rotación automática, flechas, puntos, contador y botón de pausa.
- ¿Cómo muestro productos destacados (más vendidos, más nuevos, en oferta) en mi página de inicio? Muestra una cuadrícula o un carrusel de productos en tu página de inicio con la sección Featured products: productos más nuevos, más antiguos, más vendidos, con descuento o mejor valorados, limítala a una colección y define cantidad, columnas, botón de ver más y carrusel en móvil.
- ¿Cómo muestro mis colecciones en la página de inicio o en la página de colecciones? Muestra tus colecciones (categorías) en tarjetas con la sección Collections en la página de inicio o en la de todas las colecciones: orden personalizado, más nuevas, más vendidas, mejor valoradas o alfabético, diseño en cuadrícula, carrusel o bento, número de colecciones y enlaces a subcolecciones.
- ¿Cómo muestro subcolecciones en una página de colección? Muestra las colecciones hijas (subcolecciones, subcategorías) de la colección que se está viendo con la sección Sub collections de la página de colección: orden, número de colecciones, diseño en cuadrícula, carrusel o bento, tarjetas y por qué la sección no aparece en algunas colecciones.
- ¿Cómo añado tarjetas de ventajas como envío gratis o pago seguro? Añade la sección Benefits a tu página de inicio: tarjetas con un icono o tu propia imagen, un título y un texto corto, para promesas como envío gratis, pago contra reembolso, pago seguro o devoluciones fáciles. Columnas, estilo, tamaño del icono, línea de acento y efecto al pasar el ratón.
- ¿Cómo muestro números y estadísticas animados (sección Indicator)? Muestra cifras clave como clientes satisfechos, pedidos entregados o años en el negocio con la sección Indicator: números que cuentan hacia arriba al llegar a ellos, prefijo y sufijo (+, %, K), etiquetas encima o debajo, elementos por fila, tamaño de fuente, negrita y separadores.
- ¿Cómo añado una sección de preguntas frecuentes con preguntas y respuestas? Añade una sección FAQ (preguntas frecuentes) a tus páginas: preguntas que se abren al hacer clic, modo acordeón o independiente, abiertas por defecto, estilo con separador, tarjeta o simple, un título al lado o encima de las preguntas, y datos de FAQ para los buscadores.
- ¿Cómo añado un deslizador de imágenes de antes y después? Añade la sección Before and after (comparador de imágenes) a tus páginas: elige la imagen de antes y la de después, etiquetas, lado a lado o arriba y abajo, proporción, posición del separador, una pista al aparecer en pantalla, seguir el ratón en escritorio y un título al lado o encima.
- ¿Qué secciones hay en las páginas de producto y de aterrizaje (información del producto, reseñas, productos relacionados)? Un resumen de las secciones de la página de producto y de la página de aterrizaje: Product info (galería, título, descripción, formulario de pedido, botón fijo), Landing info, el formulario de pedido, Reviews, Related products y los bloques extra de la página de producto, con enlaces a cada guía.
- ¿Cómo configuro la sección Product info de mi página de producto (imágenes, título, descripción, botón fijo)? Configura la sección Product info de tu página de producto: la galería de imágenes y vídeos (cuadrícula o carrusel, miniaturas, zoom, galería fija), los bloques de título y descripción del producto, separadores, columnas iguales y el botón o la barra de compra fija.
- ¿Cómo configuro la sección Landing info y el formulario de pedido (botones, cuenta atrás, WhatsApp)? Configura la sección Landing info de tu página de aterrizaje y el formulario de pedido (producto y aterrizaje): formulario integrado o emergente, el marcador {{form}}, distintivo de ahorro, cuenta atrás, texto de regalo, resumen, botones de compra y el botón de pedido por WhatsApp.
- ¿Cómo añado pestañas desplegables, fechas de entrega, una guía de tallas, insignias o imágenes de antes y después a mi página de producto? Bloques de la página de producto en el constructor: pestañas desplegables (acordeón) para la información de envío y devoluciones, una línea de tiempo con la fecha estimada de entrega y hora límite, una tabla de tallas en ventana emergente, insignias de confianza y un deslizador de antes y después.
- ¿Cómo muestro las reseñas de clientes en mi página de producto (sección Reviews)? Configura la sección Reviews en las páginas de producto y de aterrizaje: el resumen y el reparto de estrellas, el botón y el formulario de reseña, la tarjeta de reseña con zoom de imágenes, cuadrícula o carrusel, reseñas por página, orden y qué aparece cuando no hay reseñas.
- ¿Cómo muestro productos relacionados en mi página de producto? Añade una sección Related products a las páginas de producto y de aterrizaje: elige el origen (más nuevos, más vendidos, con descuento, mejor valorados, misma colección o productos que eliges para cada producto), la cantidad, cuadrícula o carrusel, las columnas y la tarjeta de producto.
- ¿Cómo cambio el aspecto de las tarjetas de producto y de colección? Cambia la tarjeta de producto (proporción de la imagen, título, precio y distintivo de ahorro, valoración, botón de compra: añadir al carrito, comprar ahora o ver producto, muestras de variantes) y la tarjeta de colección (estilo estándar o superpuesto, imagen, título, número de productos, botón).
- ¿Qué secciones puedo añadir a cualquier página y qué hay en las páginas de carrito, checkout y contacto? Un resumen de las secciones que puedes añadir a cualquier página (texto, imagen, separador, iconos de redes sociales, boletín, código personalizado) y de la sección principal de las páginas de colección, búsqueda, carrito, checkout, agradecimiento, contacto, política y 404.
- ¿Cómo personalizo la página del carrito y la página de checkout? Personaliza la sección Cart de la página del carrito (proporción y tamaño de imagen, densidad, barra de envío gratis, carrito vacío) y la sección Checkout de la página de checkout (formulario de pedido, opciones de envío y pago, resumen), y descubre cuándo ven los compradores cada página.
- ¿Cómo personalizo la página de agradecimiento (confirmación del pedido) después de un pedido? Personaliza la página de agradecimiento que ven los clientes después de pedir: la sección Order confirmation, el resumen del pedido, la información del pedido (ID o número, fecha, métodos de pago y envío), los datos del cliente, tu mensaje con {{first_name}} y otras variables, botones e imágenes.
- ¿Cómo configuro la página de contacto y su formulario? Configura la sección Contact de tu página de contacto: el correo que recibe los mensajes, los campos del formulario (nombre, correo, asunto, mensaje), el mensaje de éxito, el captcha contra el spam, el texto y el estilo del botón, el diseño y por qué pueden no llegar los mensajes.
- ¿Cómo personalizo la página de resultados de búsqueda? Personaliza la página de búsqueda que muestra los resultados cuando los compradores buscan en tu tienda: la sección Search products, columnas, columnas en móvil, la tarjeta de producto, el texto encima de los resultados, cómo se encuentran los productos y el botón de ver más.
- ¿Cómo personalizo la cuadrícula de productos de la página de colección (Collection products)? Personaliza la página de colección: la cuadrícula Collection products, columnas, columnas en móvil, espaciado, la tarjeta de producto, un título con {{collection_name}}, {{collection_description}} y {{products_count}}, subcolecciones, el orden de los productos y el botón de ver más.
- ¿Cómo cambio el aspecto de mis páginas de políticas (sección Policy)? Da estilo a la página que muestra tu política de privacidad, términos del servicio y políticas de reembolso, envío y cookies: la sección Policy, el tiempo de lectura, el ancho, los colores, el relleno, el CSS personalizado y dónde editar el texto de las políticas.
- ¿Cómo personalizo mi página 404 (página no encontrada)? Personaliza la página 404 que ven los compradores cuando un enlace no existe: la sección 404, sus textos, botones, separadores y grupos, el botón Return to Homepage predeterminado, el ancho, los colores y el relleno.
- ¿Cómo añado iconos de redes sociales a mi tienda (Instagram, TikTok, Facebook, WhatsApp)? Añade la sección Social media icons: enlaza Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp y Telegram, elige iconos o aspecto de app, en línea o fijos en el borde de la pantalla, forma, tamaño, colores y efecto al pasar el ratón.
- ¿Cómo añado un formulario de suscripción al boletín en mi tienda? Añade la sección Newsletter para conseguir suscriptores por correo: formulario integrado o ventana fija en una esquina, título, mensaje de éxito, campo de correo, frase de privacidad, botón de flecha o de texto, botón integrado, grupos, colores y adónde van las suscripciones.
- ¿Cómo uso las secciones y bloques Text, Image y Divider? Ajustes de las secciones y bloques Text, Image y Divider: editor de texto, títulos predefinidos, tamaño, interlineado, espaciado entre letras, ancho y alineación, ancho de imagen, proporción, ajuste, radio de las esquinas y enlace, grosor, longitud y alineación del separador, colores y relleno.
- Bloques Group, Text, Button y Divider: ¿cómo funcionan los ajustes de los componentes de diseño? Resumen de los bloques Group, Text, Button y Divider que se usan en todo el constructor, con todos los ajustes de Button: texto, tipo de enlace (URL, correo, teléfono, ancla), estilo y ancho en escritorio y en móvil. Enlaces a las guías de Group y de Text, Image y Divider.
- ¿Cómo uso los bloques Group para colocar contenido lado a lado o en columnas? Cómo funciona el bloque Group: bloques lado a lado o apilados, grupos anidados, dirección, apilar en vertical en móvil, posición y alineación, espacio entre elementos, ancho fill, fit o personalizado, espaciado, esquema de colores, borde, radio de las esquinas, superposición de fondo y relleno.
- ¿Cómo añado imágenes de antes y después, olas animadas, partículas o un botón para volver arriba? Resumen de las secciones extra para tus páginas: un deslizador para comparar imágenes de antes y después, franjas de olas animadas, partículas flotantes (nieve, burbujas, estrellas) y un botón para volver arriba, con enlaces a la guía completa de cada una.
- ¿Cómo añado olas animadas o partículas flotantes (nieve, burbujas, estrellas) a mi tienda? Añade las secciones Animated waves y Animated particles: estilo, altura, capas, velocidad y dirección de las olas, voltear, solapar y fusionar con el encabezado, y forma de las partículas (punto, burbuja, estrella, nieve), cantidad, tamaño, velocidad, dirección, opacidad y colores.
- ¿Cómo añado un botón para volver arriba en mi tienda? Añade la sección Back to top: un botón redondo con una flecha en una esquina inferior que aparece al desplazarse y lleva a los compradores de vuelta arriba. Define su esquina, su tamaño, el anillo de progreso y el esquema de colores, y muéstralo en todas las páginas.