Dónde van estos bloques
Estos bloques van dentro de la sección Product info (en su columna Details) en la página de producto, y dentro de Landing info en la página de aterrizaje. En el constructor, selecciona la sección, haz clic en Add new block y elige uno. Arrástralo donde quieras, por ejemplo justo debajo del botón de compra. Los bloques principales (título, descripción y formulario de pedido) se explican en ¿Cómo configuro la sección Product info de mi página de producto (imágenes, título, descripción, botón fijo)? y en ¿Cómo configuro la sección Landing info y el formulario de pedido (botones, cuenta atrás, WhatsApp)?
Collapsibles (pestañas y acordeones)
Una lista de filas que se abren al hacer clic. Úsala para el envío, las devoluciones, los materiales o los cuidados. Puedes añadir hasta 3 bloques Collapsibles, cada uno con hasta 20 filas.
- Style: líneas separadoras, tarjetas o simple.
- Interaction: Accordion (abrir una fila cierra las demás) o Independent (pueden estar abiertas varias filas).
- Opened by default: las filas empiezan abiertas. Con Accordion, solo la primera fila empieza abierta.
- Cada fila Collapsible tiene un Title, un Icon opcional y su propio contenido: textos, imágenes, separadores, grupos, una línea de tiempo de entrega, insignias o imágenes de antes y después.
Delivery timeline
Muestra una fecha estimada de entrega en tres pasos: Ordered, Shipped y Delivered. Las fechas se calculan en directo a partir del día en que visita el comprador.
- Mode: Bar (tres pasos en fila), Vertical (apilados) o Compact (una línea con solo la estimación de entrega). Surface: simple o tarjeta.
- Content: cambia el nombre de cada paso y añade una línea opcional de Description. Puede usar
{{ordered_date}},{{shipped_date}},{{delivered_date}}y{{counter}}(una cuenta atrás en directo hasta tu hora límite). - Schedule: Ships in at least y Ships in at most (días), Delivered in at least y Delivered in at most (días), y tus Working days. Los días que no trabajas se saltan, así que un pedido del viernes puede pasar al lunes.
- Courier works different days: actívalo para definir Courier days distintos para la entrega.
- Order cutoff time: los pedidos hechos después de esta hora (según el reloj del propio comprador) cuentan desde el siguiente día laborable.
- Appearance: estilo y tamaño de la línea de progreso, tamaño de los iconos y espacio entre pasos.
La línea de tiempo es una promesa que se muestra a los compradores. No cambia tus métodos de envío reales. Esos se configuran en Métodos de envío.
Size guide
Añade un pequeño enlace Size guide con un icono de regla junto a un grupo de variantes (por ejemplo "Talla"). Al hacer clic se abre una ventana emergente con tu tabla de medidas.
- Variant name: el nombre del grupo de variantes junto al que va el enlace, exactamente como lo escribiste en el producto. Separa varios nombres con comas para cubrir más de un idioma (por ejemplo "Size, Talla").
- Link text y Popup title (por ejemplo "Guía de tallas de camisetas").
- Chart: crea la tabla con Add row y Add column. Activa First row is a header para usar la primera fila como nombres de columna.
Deja toda la tabla vacía para ocultar el enlace. Si el enlace no aparece, comprueba que el nombre de la variante coincide con el grupo de variantes de tu producto.
Badges
Una fila de mensajes cortos de confianza con iconos, como "Envío gratis", "Pago contra reembolso" o "Devoluciones en 30 días". Hasta 2 bloques Badges, cada uno con hasta 6 insignias. Define Surface (tarjeta, simple o separador), Direction (icono encima o al lado del texto), Desktop columns, Mobile columns, tamaño del icono, tamaño del texto y espaciado. Cada Badge tiene un Icon y un Text corto.
Before and after
Dos imágenes superpuestas con un separador que los compradores arrastran para compararlas: antes y después, dos colores o dos acabados. Define la Before image y la After image con etiquetas opcionales, Direction (lado a lado o arriba y abajo), Ratio, Divider position, Show a hint when it comes into view y Follow the mouse on desktop. Hasta 2 por sección. Para usarlo en otra parte de tu tienda, añade la sección Before and after, consulta Antes y después, olas, partículas y volver arriba.
Colores
Cada uno de estos bloques sigue por defecto los colores de la sección. Desactiva Use parent color scheme para elegirle otro esquema.