Demostración
Las 10 secciones del pack, funcionando en una página de producto
Demostración: así se ven las 10 secciones en una página de producto real. Este producto es de ejemplo y no está a la venta.
Aquí llevan los colores y las letras de esta web; en tu tienda toman los de tu tema. Las fotos son de Unsplash.
Sección de cabecera de producto
Foto, precio y botón de compra en la primera pantalla
El botón sale como «Agotado» porque este producto no se vende. En tu tienda añade a la cesta, con el precio real de Shopify.
Producto de ejemplo · no está a la venta
Café en grano de tueste medio, 250 g
Un café de tueste medio para cafetera italiana, de filtro o prensa, con la fecha de tueste en la bolsa.
Impuestos incluidos.
- Fecha de tueste impresa en la bolsa
- En grano o molido para tu cafetera
- Bolsa de 250 g con cierre
Sección problema y solución
Tu cliente se reconoce en el problema y ve cómo lo resuelves
El problema
Abres el paquete y a los pocos días ya no huele igual
Compras café molido sin saber cuándo se tostó y, cuando lo notas, ya está a medias.
Cómo te ayuda
- Sabes qué te llevas: la fecha de tueste va impresa en la bolsa.
- A tu medida: en grano o molido para italiana, filtro o prensa.
- Bien cerrado: bolsa con cierre para guardarlo entre usos.
Textos de ejemplo de un producto inventado.
Sección antes y después
Comparador deslizable de dos fotos y pasos de uso
Desliza la línea con el dedo, el ratón o las flechas del teclado.
Del grano verde al tostado
El mismo tipo de grano antes y después de tostarlo.
Cómo se prepara
Muele justo antes
Si lo compras en grano, muele solo lo que vas a usar.
Prepara a tu manera
Italiana, filtro o prensa: eliges la molienda al comprar.
Guárdalo bien cerrado
Cierra la bolsa y guárdala en un sitio fresco y seco.
Sección de tabla comparativa
Tu producto frente a las alternativas, punto por punto
El precio de la primera columna sale solo del producto. En el móvil, la tabla se lee sin mover la pantalla de lado.
Compara antes de comprar
¿Grano, molido o cápsulas?
Ejemplo con un producto inventado y alternativas genéricas, sin marcas.
| Característica | 
Este café
|
Café molido envasado | Cápsulas |
|---|---|---|---|
| Precio | 12,90 € | No aplica | No aplica |
| Fecha de tueste en el envase | Sí | Depende de la marca | Depende de la marca |
| Eliges la molienda | Sí | No | No |
| Sirve para italiana, filtro y prensa | Sí | Sí | No |
| Necesitas una máquina concreta | No | No | Sí |
Ejemplo. En tu tienda, compara solo datos objetivos y comprobables, y pon la fecha si comparas precios.
Sección de packs por cantidad
Tu cliente elige 1, 2 o 3 unidades y ve cuánto ahorra
El ahorro solo sale cuando los descuentos automáticos están creados en Shopify con los mismos porcentajes (en esta demo lo están). El botón sale como «Agotado» porque este producto no se vende.
Sección de fecha de entrega estimada
Tu cliente ve entre qué días le llega el pedido
Aquí la sección no aparece a propósito: se oculta sola cuando el producto está agotado o no lleva envío, para no dar una fecha de algo que no se puede pedir. Este café de ejemplo no se vende, así que te enseño una captura de la misma sección, con estos mismos ajustes, en esta web.
Sección de envíos, devoluciones y garantía
Cómo llega el pedido, cómo se devuelve y qué garantía das
Compra con todo claro
- EnvíoEjemplo: 2-4 días laborables a la península
- DevolucionesEjemplo: nos escribes y te mandamos los pasos
- PagoEjemplo: las formas de pago de tu tienda
- AtenciónEjemplo: cómo y cuándo respondes
Garantía de ejemplo
Si no te gusta el tueste, te cambiamos la bolsa por otro tueste en los 30 días siguientes, aunque esté abierta. Es un compromiso extra: no cambia tu garantía legal.
Sección de reseñas
Opiniones de compradores, con cómo las verificas
No hay ni una opinión inventada: los recuadros llevan el texto de relleno «Aquí va la opinión real de un cliente». En tu tienda, la sección no se ve hasta que escribes cómo verificas las opiniones y añades al menos una real.
Ejemplo · sin opiniones inventadas
Aquí van las opiniones reales de tus clientes
-
Aquí va la opinión real de un cliente, copiada tal cual (puedes corregir faltas, no cambiar lo que dice).
Nombre del cliente -
Aquí va otra opinión real. Las estrellas solo salen si el cliente las dio.
Nombre del cliente -
Aquí va una opinión real de alguien que recibió algo a cambio: la sección lo dice debajo.
Nombre del clienteOpinión con incentivo: ejemplo de lo que recibió
Cómo verificamos estas opiniones: Ejemplo: aquí explicas cómo compruebas que cada opinión es de un cliente real (por ejemplo, con su número de pedido).
Sección de preguntas frecuentes
Las dudas (FAQ) en desplegables, sin salir de la página de producto
Antes de comprar
Preguntas frecuentes
¿Qué molienda elijo?
Para cafetera italiana, molienda media-fina; para filtro, media; para prensa, gruesa. Si tienes molinillo, pídelo en grano.
¿Cuándo se tostó?
La fecha de tueste va impresa en cada bolsa.
¿Cómo lo guardo?
Con la bolsa bien cerrada, en un sitio fresco, seco y sin luz directa.
¿Hacéis envíos a las islas?
Respuesta de ejemplo: aquí pones tus zonas de envío y sus plazos reales.
Barra de compra fija para móvil
El botón «Añadir a la cesta» siempre a la vista (sticky add to cart)
Sube un poco y la verás abajo: aparece cuando ya has pasado el botón de compra de arriba, se esconde mientras se ve otro botón de compra (el de los packs) y al llegar al pie. Aquí dice «Agotado» porque este producto no se vende. En esta demo sale también en el ordenador; en tu tienda eliges si solo en el móvil.