Página de inicio en Shopify: qué poner y en qué orden
Una buena página de inicio en Shopify dice en una frase qué vendes, lleva en un clic a tus colecciones o productos más vendidos, muestra por qué fiarse de ti y cuáles son tus condiciones de envío y devolución, y carga rápido. Se monta con las secciones del editor de temas, sin apps, y no conviene llenarla de secciones.
El orden de las secciones
Este es el orden que proponemos para una tienda pequeña o mediana, de arriba abajo. Cada sección cumple una función concreta (tercera columna); si no la cumple, quítala.
| # | Sección | Su función | Cómo saber si funciona |
|---|---|---|---|
| 1 | Banner principal con una frase y un botón | decir qué vendes y a quién, y llevar a la colección principal | clics en el botón; visitas a la colección desde la portada |
| 2 | Colecciones destacadas (3 o 4) | dar caminos claros según lo que busca cada visitante | qué colección recibe más visitas desde la portada |
| 3 | Productos más vendidos | enseñar lo que ya funciona, con precio | añadidos al carrito desde la portada |
| 4 | Opiniones o fotos de clientes | dar confianza a quien no te conoce | difícil de medir; revisa que sean reales y recientes |
| 5 | Franja de condiciones | envío, plazo, devoluciones y pago en una línea | menos preguntas por chat sobre envío |
| 6 | Historia breve de la marca | explicar quién hay detrás | visitas a la página «Sobre nosotros» desde la portada |
| 7 | Suscripción al boletín | captar el correo de quien todavía no compra | altas al formulario |
Con seis o siete secciones tienes una portada completa. Shopify recomienda no añadir demasiadas secciones a las plantillas de página porque un número alto de secciones reduce el rendimiento web (Mejorar el rendimiento de la tienda online, consultado el 23 de octubre de 2026).
Montarla en el editor de temas
- En Tienda online > Temas, haz una copia del tema publicado y abre la copia en el editor de temas.
- Con la página de inicio seleccionada, elimina las secciones de ejemplo que no vas a usar.
- Añade las secciones en el orden de la tabla y arrástralas para ordenarlas.
- En el banner, escribe una frase concreta («Cerámica hecha a mano en Valencia, envío en 48 h a la península») mejor que un eslogan genérico, y un solo botón.
- Revisa la vista previa en móvil desde el propio editor y en tu teléfono con un enlace de vista previa del tema sin publicar.
- Publica la copia cuando estés conforme.
Desde el editor también puedes editar productos y colecciones sin volver al panel, y pedir ayuda a Sidekick, el asistente de IA de Shopify. La sección gestión de la tienda reúne más guías como esta. Si necesitas una página de campaña aparte, no la metas en la portada: créala como página propia, como explicamos en landing page en Shopify.
Lo que no debes poner
- Carruseles largos. Un carrusel de cinco diapositivas obliga al visitante a esperar para ver el mensaje que importa. Si usas uno, que el texto sobre las imágenes cumpla el contraste que pide Shopify: 3:1 para texto grande (24 px o más) y 4,5:1 para el resto.
- Animaciones y transiciones de página. Shopify aconseja comparar el rendimiento antes y después de activarlas, porque pueden ralentizar las páginas.
- Vídeo de fondo pesado y apps que añaden código a la portada. Cada función extra puede afectar al rendimiento; evalúa si aporta lo suficiente.
- Un pop-up que aparece al entrar. En nuestra opinión, si quieres un pop-up de descuento, que salga después de unos segundos o al intentar salir, no antes de que el visitante vea qué vendes.
- Títulos desordenados. Para los lectores de pantalla, los títulos deben ir en orden (1 a 6) sin saltar niveles.
Más fallos de diseño, página por página y con el informe que los delata, en errores de UX en Shopify.
Mide si funciona
Dos semanas después de publicar la nueva portada, compara en Informes y estadísticas > Informes:
- las sesiones que empiezan en la portada y cuántas pasan a colecciones o productos;
- las sesiones con productos añadidos al carrito;
- las métricas de velocidad de la portada en los informes de rendimiento web (Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift).
Un aviso para comparar fechas: Shopify cambió la forma de medir las sesiones entre el 21 y el 23 de septiembre de 2026, y pide tratarlo como un cambio de medición en las sesiones, la tasa de conversión y las demás métricas basadas en sesiones. No compares un periodo anterior con otro posterior como si el cambio lo hubiera causado tu portada.
Preguntas frecuentes
¿Cuántas secciones debe tener la página de inicio? Shopify no fija un número, pero recomienda no añadir demasiadas porque reducen el rendimiento. En nuestra opinión, seis o siete secciones con una función clara cada una bastan para una tienda pequeña.
¿Qué tamaño de imagen uso para el banner? Depende del tema: consulta en la documentación del tema las proporciones del banner. Sube la imagen con buena resolución y deja que la red de entrega de imágenes de Shopify la optimice y comprima.
¿Pongo un pop-up de descuento en la portada? Puede servir para captar correos, pero un pop-up que tapa la página al entrar interrumpe antes de que el visitante sepa qué vendes. Si lo usas, que aparezca tras unos segundos o al intentar salir, y que se cierre con facilidad.