# Cómo configurar tu página de inicio: hero, carruseles y cuadrículas de productos

Abre **Tienda en línea → Config. de tema** en la página **Inicio** y constrúyela con los bloques **Sección principal**, **Carrusel**, **Lista de productos** y **Categorías**. Lista de productos decide qué productos aparecen (más recientes, tendencias, exclusivos, una categoría o una selección personalizada).

## Pasos

1. Abre **Tienda en línea → Config. de tema**; el selector de páginas debería mostrar **Inicio**.
2. **Hero** — desde **Secciones predefinidas** (ícono de diseño) suelta una **Sección principal** (3 diseños). No tiene configuración propia: haz clic en sus hijos (título, párrafo, botón e imagen) para editarlos.
3. **Carrusel** — desde **Agregar bloques** agrega un **Carrusel** (6 diseños). Por cada diapositiva define **Imagen de escritorio** e **Imagen móvil**, título y descripción, y la llamada a la acción (**Texto del botón**, **URL del botón**, **Abrir en una pestaña nueva**, colores). Activa **Deslizamiento automático** y define el **Retraso** en milisegundos (se recomienda 1000 o más). Algunos diseños agregan **Número de elementos en la cuadrícula / móvil / Tablet**, **Velocidad** y **Dirección**.
4. **Cuadrícula de productos** — agrega una **Lista de productos** (11 diseños). En **Configuración** elige el **Tipo**: **Más recientes**, **Tendencias**, **Exclusivo** (productos marcados como oferta exclusiva), **Categoría** (y luego **Seleccionar categoría**) o **Personalizado**. Define **Número de productos** (4 por defecto; alrededor de 12 funciona bien) y los interruptores: **Mostrar botón Agregar al carrito**, **Mostrar botón de la lista de deseos**, **Mostrar categoría de producto**, **Mostrar valoraciones del producto** (+ **Color de las valoraciones**), **Mostrar precio comparativo**, **Mostrar descuento**, **Mostrar notificación al tener éxito**, **Aplicar efecto hover de imagen**. Algunos diseños agregan una tarjeta **Insignia** y conteos de cuadrícula por dispositivo.
5. **Categorías** — agrega un bloque **Categorías** (7 diseños) y define **Número de categorías** (4 por defecto); un diseño también tiene colores de tarjeta y un **Texto del botón** (por defecto "Descubrir").
6. Reordena las secciones con las flechas de la barra de herramientas o en **Capas de diseño**, haz clic en **Guardar** y mantén la página en **Publicado**.

## Problemas frecuentes

- La cuadrícula muestra los productos equivocados → cambia el **Tipo**; para una selección a mano usa **Personalizado**, para una sola colección usa **Categoría**.
- La cuadrícula de Exclusivo está vacía → marca productos con **Marcar como oferta exclusiva** en **Productos → Gestionar productos**.
- Solo aparecen 4 productos → sube el **Número de productos**.
- La imagen del carrusel se recorta en teléfonos → sube una **Imagen móvil** aparte por cada diapositiva.
- Demasiadas tarjetas por fila en móvil → en los diseños que ofrecen **Número de elementos en la cuadrícula / móvil / Tablet**, baja el valor de móvil en la **Configuración** del bloque.

## Relacionado

- [Agregar un carrusel de imágenes o un banner promocional](https://help.dropify.shop/es/guides/add-an-image-slider-or-banner/)
- [Cómo agregar insignias o iconos pequeños debajo del título o del precio del producto](https://help.dropify.shop/es/guides/add-badges-or-flags-under-the-product-title-or-price/)
- [Editar el diseño para móvil y tablet por separado](https://help.dropify.shop/es/guides/edit-mobile-and-tablet-layout/)
- [Cómo cambiar el tema de tu tienda y editar sus secciones](https://help.dropify.shop/es/store_theme/change-your-store-theme-and-sections/)