Diseña tu página de inicio

En este artículo

La página de inicio es la primera impresión que recibe tu cliente. Se arma combinando bloques que apilas uno debajo del otro — un carrusel arriba, una categoría destacada, un bloque sobre tu marca, etc. En este artículo aprendes a crear los 3 bloques más comunes (carrusel, categoría destacada, imagen + texto) y a usar los demás 11 que están disponibles.

La lógica de configuración es la misma para todos los bloques. Una vez entiendes cómo se arma uno, los demás los manejas igual.

Pasos

1. Crea o edita la página de inicio

En el menú lateral abre "Páginas". Si ya tienes una página marcada como "Inicio", haz clic sobre ella. Si no, haz clic en "Nueva página" arriba a la derecha, escribe "Inicio" en el campo "Título" y haz clic en "Continuar".

Llegas al editor completo donde construyes la página.

2. Conoce el editor

El editor está dividido en dos:

• Izquierda: el formulario con los bloques de contenido y sus configuraciones.
• Derecha: vista previa en tiempo real de cómo se verá tu página.

Arriba de la vista previa hay un interruptor de escritorio / móvil. Cambia a móvil con frecuencia mientras editas — la mayoría de tus clientes compran desde el celular y la página tiene que verse bien ahí primero.

Para agregar contenido, haz clic en "Agregar nuevo bloque" en la sección de "Contenido". Cada bloque que agregues aparece como una sección apilada en tu página.

3. Bloque "Carrusel" (banner principal)

El carrusel es el banner grande arriba de la página. Te conviene tener al menos uno.

Dos formas de manejar el contenido visual de cada diapositiva:

1. Banner todo-en-uno (recomendado): subes una imagen que ya tiene el texto, logos y llamada a la acción incrustados (preparada en Canva, Photoshop, etc.). Garantiza que se vea exactamente como la diseñaste.
2. Imagen de fondo + texto encima: subes solo la foto y llenas los campos de Título, Descripción, Texto de botón del formulario para que la plataforma los superponga. Más flexible pero menos control sobre el resultado final.

Configuración general del bloque:

• Disposición — para banners principales conviene "Ancho completo" (toda la pantalla).
• Tamaño — pequeño / mediano / grande. Define la altura del banner.
• Ajuste de imagen — "Original" mantiene la imagen sin recortar. Para banners pre-diseñados, esto es lo correcto.
• Columnas / Columnas (móvil) — déjalo en 1 para banners principales (una diapositiva a la vez).
• Auto rotación + Rotar cada — si quieres que las diapositivas pasen solas. 5 segundos suele funcionar bien.
• Relleno de sección — agrega espacio arriba/abajo y un color de fondo si la imagen no llena todo.

Para cada diapositiva (haz clic en "Agregar diapositiva"):

• Imagen — la imagen para escritorio.
• Imagen en móvil — opcional, una versión optimizada para celular. Útil si tu banner de escritorio es muy horizontal y se ve muy pequeño en móvil.
• Enlace de la imagen — URL a la que llevar al cliente cuando hace clic. Típicamente a una colección o categoría.

Si usas modo 1 (banner todo-en-uno), deja vacíos los campos Título, Descripción, Texto de botón, Posición / Alineación del contenido. Si usas modo 2 (imagen de fondo), esos son los campos que llenas.

4. Bloque "Categoría destacada"

Muestra una selección de productos de una categoría específica directamente en la home.

• Título — encabezado de la sección. Ej: "Ropa de Mujer".
• Tamaño del título — en píxeles. Entre 24 y 32 px queda bien para secciones.
• Descripción — opcional. Editor enriquecido para texto explicativo bajo el título.
• Categoría — buscador para seleccionar la categoría cuyos productos quieres mostrar.
• Habilitar "ver más" — agrega un botón al final del bloque que lleva a la página completa de la categoría. Útil si tu categoría tiene más productos de los que estás mostrando aquí.
• Habilitar carrusel en versión escritorio — los productos aparecen como carrusel deslizable en vez de grilla fija. Útil para mostrar muchos productos sin ocupar tanto alto.
• Máximo de productos — slider. 4 u 8 productos suele ser un buen punto de partida.

Sección "Tarjeta de producto":

• Mostrar segunda imagen al pasar el ratón — cuando el cliente pasa el cursor sobre el producto, aparece la segunda foto del producto. Útil si tus productos tienen vista frontal + lateral o similar.
• Mostrar valoraciones de productos — muestra las estrellas de reseñas debajo del nombre.
• Habilitar botón de agregar al carrito — el cliente puede agregar el producto al carrito sin entrar a su página de detalle.

Sección "Diseño en móvil":

• Número de columnas en móvil — 1 columna (productos grandes, más cómodo) o 2 columnas (más productos a la vista, más compacto).

5. Bloque "Imagen y texto"

Ideal para contar algo sobre tu marca: misión, equipo, taller, valores diferenciales.

• Imagen — la foto (equipo, local, producto destacado).
• Tamaño de imagen — pequeño / mediano / grande.
• Posición de imagen — izquierda (imagen a la izquierda, texto a la derecha) o derecha (al revés). Si tienes varios bloques de imagen + texto seguidos, alterna posiciones para dar ritmo visual.
• Título — el encabezado. Ej: "Hecho a mano en Santo Domingo".
• Tamaño del título — en píxeles, entre 24 y 32.
• Descripción — editor enriquecido (negritas, enlaces, listas).
• Tamaño de la descripción — tamaño del texto del párrafo, también en píxeles.
• Alineación del contenido — izquierda funciona mejor para textos largos; centro para frases tipo eslogan.
• Texto del botón + Enlace — llamada a la acción opcional. Si dejas ambos vacíos, no aparece botón.

6. Otros bloques disponibles

Lo que viste en los 3 anteriores aplica igual para los demás. Solo cambian los campos específicos del bloque. Lista completa:

Bloque	Para qué sirve
Colección destacada	Igual que categoría destacada, pero con productos de una colección.
Banner de imagen	Imagen a ancho completo con texto superpuesto.
Producto destacado	Mostrar un solo producto con foto, precio y CTA.
Listado de colecciones	Varias colecciones como tarjetas clickeables.
Listado de categorías	Igual que el anterior pero con categorías.
Texto	Bloque de texto con formato libre. Útil para anuncios, políticas breves, FAQ.
Video	Embed de YouTube o Vimeo.
Código HTML	Para insertar widgets de terceros o HTML personalizado.
Newsletter	Formulario de suscripción a tu boletín.
Blog	Listado de tus artículos más recientes del blog.
Botón	Un botón con enlace, para CTAs simples entre bloques.

7. Reordena y guarda

• Reordenar bloques — arrastra cualquier bloque en la lista para cambiar su posición. El orden aquí es el orden en que aparecen en tu página.
• Motores de búsqueda — al final del formulario, llena Título de página, Descripción meta y URL para optimizar SEO de la home.
• Guardar — botón al final del formulario.

Fórmula típica de una home que convierte

No hay una receta única, pero esto funciona para la mayoría de tiendas:

1. Carrusel principal con 1-3 banners (promoción del momento, lanzamiento, categoría destacada).
2. Categoría destacada o Colección destacada de tu producto estrella.
3. Imagen + texto sobre tu marca o un valor diferencial.
4. Otra categoría destacada complementaria (ej: si la primera fue "Mujer", la segunda "Hombre" o "Accesorios").
5. Newsletter para captar correos.
6. Blog si tienes contenido editorial regular.

Entre 4 y 6 bloques en total. Más que eso empieza a ser pesado de scrollear.

Tip

No sobrecargues tu página de inicio. Cuatro a seis bloques es el rango ideal. Y siempre, siempre, revisa cómo se ve en móvil antes de guardar — la mayoría de tus clientes compran desde el celular, no desde escritorio.

Crear otras páginas (Sobre nosotros, Contacto, FAQ, etc.)

El mismo editor que usaste para tu página de inicio sirve para crear cualquier otra página personalizada de tu tienda. Combinas los mismos bloques (texto, imagen + texto, video, botón, etc.) pero ahora orientados a contar otra cosa: tu historia, dónde contactarte, preguntas frecuentes, guías de tallas, etc.

Cómo crear una página adicional

1. En el menú lateral abre "Páginas".
2. Haz clic en "Nueva página" arriba a la derecha.
3. Escribe el título (ej. "Sobre nosotros", "Contacto", "Guía de tallas") y haz clic en "Continuar".
4. Importante: NO marques la opción "Marcar como inicio" — solo tu home debe tenerla activada.
5. Arma la página combinando los bloques que necesites (ver lista en la sección anterior).
6. Cuando esté lista, cambia el estado a "Publicada" y guarda.

Dónde queda la página publicada

Una vez publicada, queda accesible en https://tutienda.com/lp/<url-de-la-pagina>. La URL la define el sistema a partir del título, pero puedes cambiarla en la sección "Motores de búsqueda" del formulario (campo URL).

Cómo enlazarla desde tu tienda

Crear la página NO la hace visible automáticamente — los clientes solo entran si tienen el enlace. Para que la encuentren:

• Desde el menú principal: ve a Menú de navegación y agrega un nuevo enlace al menú apuntando a tu nueva página.
• Desde el pie de página: algunas tiendas configuran el menú del pie para incluir "Sobre nosotros", "Contacto", etc. (también desde el menú de navegación).
• Desde otra página: puedes enlazarla desde un bloque "Botón" o desde el texto de cualquier otro bloque (en el editor de descripción enriquecida).

Páginas típicas que conviene crear

Página	Bloques sugeridos	Para qué sirve
Sobre nosotros	Imagen + texto, Video	Contar tu historia, equipo, valores. Genera confianza
Contacto	Texto, Código HTML (mapa o formulario embebido)	Datos de contacto, horarios, ubicación
Preguntas frecuentes (FAQ)	Texto enriquecido con secciones	Resolver dudas comunes para reducir mensajes de soporte
Guía de tallas	Texto + Imagen	Tabla de equivalencias de tallas — reduce devoluciones
Cómo comprar	Imagen + texto (varios pasos)	Para clientes nuevos a la compra online
Promoción / Landing de campaña	Carrusel + Categoría destacada + Botón	Para campañas puntuales con UTM, anuncios de Meta/Google

Diferencia entre "Páginas personalizadas" y "Políticas legales"

• Páginas personalizadas (lo que estamos creando aquí): se arman con bloques, son ricas visualmente, las controlas tú al 100% (Sobre nosotros, Contacto, FAQ, landings de campaña).
• Políticas legales (ver Políticas legales): páginas de texto plano para los términos legales obligatorios (privacidad, devoluciones, términos y condiciones). Tienen plantillas precargadas y aparecen automáticamente en el pie de página. Usa estas, no las personalizadas, para contenido legal.

Siguiente paso

Con la home lista, ya puedes configurar el menú de navegación para que tus clientes encuentren rápido las secciones más importantes.