Home: qué poner en la página de inicio de tu tienda online

Una página de inicio no se monta eligiendo bloques sueltos. Se monta sabiendo qué trabajo tiene que hacer y en qué orden.

Te contamos cómo la trabajamos en nuestros proyectos: la dividimos en seis franjas, de arriba abajo, y a cada una le asociamos los bloques que cumplen su objetivo. Es nuestro punto de partida; en cada tienda, los bloques y su peso se deciden según su catálogo y sus clientes.

Qué tiene que conseguir una página de inicio

El objetivo principal es uno: que quien entra pase al catálogo por su puerta, sin tener que irse al buscador ni al menú.

Para definirlo, nosotros dejamos fuera el buscador y el menú. Están en todas las páginas de la tienda, así que no son trabajo de la home. Un buen menú orienta mucho, pero no te ahorra hacer que la página de inicio guíe por sí sola.

Puede haber objetivos secundarios:

• Que de un vistazo se entienda qué se vende aquí.

• Que la promoción del momento se entienda.

Pero el que manda es el primero. Todo lo que viene después se mide contra él.

Las seis franjas, de arriba abajo

Ampliar

1. El gancho: la promesa del momento

Es lo primero que se ve al entrar, y su trabajo es enganchar con la promesa del momento. La llamamos promesa porque no siempre es una promoción, aunque es lo más habitual.

El fallo que más vemos es que no enganche, que no aporte nada. Y un gancho que no aporta no es neutro: ocupa el sitio de arriba y empuja hacia abajo todo lo demás, empezando por los pasillos de la tienda.

Ampliar

Tres cosas que cuidamos:

• La altura. Es fácil sobrevalorar el gancho y darle demasiada. Hay sectores más visuales donde cabe una imagen a todo el ancho, más o menos grande, pero se decide sabiendo lo que empuja hacia abajo.

• El móvil. En el móvil la pantalla es más baja y el gancho la llena antes, así que lo diseñamos aparte, no como el de ordenador encogido.

• La imagen. Cuidado con las imágenes pixeladas.

2. La orientación: los pasillos de tu tienda

Para nosotros es la franja más importante, la más difícil de decidir y la que más errores tiene en las tiendas que revisamos.

Piensa en una tienda física bien montada. Al entrar ves los pasillos delimitados y los carteles colgados del techo, y sabes por dónde ir hacia lo que vienes a comprar. En la tienda online, esta franja hace lo mismo: le da al cliente los pasillos por los que seguir. Por eso la ponemos arriba, justo después del gancho.

Para que oriente, refleja el conjunto de tus secciones. No hace falta que estén todas, eso depende de cómo esté organizada tu tienda, pero sí las de primer nivel: los pasillos, no las estanterías. Si aquí pones categorías profundas, no estás orientando. Cómo se monta cada sección por dentro lo contamos en la página de categoría.

Ampliar

En el móvil toca decidir cuántas columnas y si se enseñan todas. A nosotros no nos gusta resolver esta franja con un carrusel; si lo haces, el orden importa todavía más, porque solo se verán las primeras.

Elegir bien cuesta, y a veces destapa problemas de arquitectura de la tienda. Merece el esfuerzo: si la orientación falla, el cliente tiende a no navegar por la home, y puede que ni llegue a ver todo lo que vendes.

Un buscador potente suple parte de este trabajo, pero un buscador responde a lo que ya buscas: no enseña de un vistazo todo lo que vendes. Aquí alguien puede descubrir un pasillo que no venía buscando y pensar «también tienen esto, luego miro». El menú también ayuda, y por la misma razón hay que elegir muy bien lo que lleva.

3. El núcleo: lo que la tienda quiere vender

Esta franja enseña lo que la tienda ha decidido vender, cruzado con lo que al cliente le interesa comprar. Puede ser grande y llevar varios bloques, pero la idea es siempre esa.

Para elegir bien hace falta conocer tu sector. Una buena selección no cubre solo lo que te deja más margen: también lo que el cliente quiere, con buen producto y buen precio.

Si destacas aquí productos caros que apenas vendes solo porque quieres venderlos más, puede jugar en tu contra. Quien compra online está comparando, y darás sensación de tienda cara aunque tu catálogo no lo sea.

Estos son los bloques que solemos poner en el núcleo.

Si sabes quién es el cliente

Todo lo que sigue es el escaparate general, para quien no tienes identificado. Si el cliente tiene la sesión iniciada y ya te ha comprado, la home es un buen sitio para personalizar: «vuelve a comprar esto», o los pasillos que le pueden interesar por sus compras anteriores. Grandes portales como Amazon o Best Buy ponen estos bloques por delante de todo, y algunos llegan a sacrificar el gancho o la orientación para hacerles sitio.

Un bloque para la estacionalidad

Vuelta al cole, Navidad, Reyes: según el momento del año puede interesarte una selección concreta de productos para esa temporada. No tiene por qué ir ligada a una oferta; si la hay, ya sale en el gancho. Nosotros le ponemos una imagen, algo de contenido y, sobre todo, la selección, que es lo que marca la diferencia.

Productos destacados

El bloque más común: una selección manual de lo que te interesa vender, en un carrusel sencillo. No es una categoría, así que lo mantenemos ligero: con una rejilla de cuatro filas de productos, todo lo que viene debajo pierde fuerza. Y cuidamos que se vea igual de bien en todos los dispositivos.

Recomendaciones de compra

En una tienda física, cuando no tienes claro a qué pasillo ir, buscas a alguien y le preguntas si te puede ayudar. Este bloque es eso mismo en digital, con una ventaja: puedes tener guías ya preparadas e ir afinándolas según lo que convierte.

Ampliar

Lo que conviene saber antes de montarlo:

• Sigues en la home y no sabes quién entra, así que conviene que las guías sean genéricas para tu sector: para el día a día, para ponerse en forma, para un regalo.

• Buscamos que acaben en lo que a ese cliente le interesa comprar, no en los dos productos con más margen.

• Bien hechas convierten muy bien. Mal hechas son un estorbo: le estás pidiendo clics.

• Nosotros no intentamos cubrir todos los casos: empezamos por las dos o tres guías más claras y vamos conociendo a los clientes.

La mayoría de tiendas no lo tiene, porque cuesta por dos lados: la tecnología para montarlo y decidir qué guías poner.

Compra con un experto

Para todo lo que las guías no cubren, la salida es hablar con una persona. Si hubiera que quedarse con uno de los dos bloques, nos parece más importante este.

La palabra que importa es compra. No es el formulario de contacto, donde cabe cualquier duda: es para quien ya quiere comprar y busca a alguien que le ayude a elegir.

Funciona como las guías: unas preguntas para acotar qué busca, con una salida por si no es ninguna de tus secciones, y al final cómo prefiere que le contacten.

Ampliar

Lo que ha ido contestando le llega a quien le atiende, que ya sabe por dónde empezar.

Promociones

Es habitual en tiendas con cierto tamaño, y bien seleccionadas enganchan. Cada tienda decide si tiene una o muchas y cómo se ven en cada dispositivo.

El problema suele ser la posición. Cuando no se entiende la home por franjas, las promociones acaban justo debajo del gancho, o dentro de él, y se comen la orientación. Nosotros no la sacrificaríamos. Lo que sí puedes hacer es mover los bloques dentro del núcleo: si tus promociones convierten muy bien, pueden ir las primeras, justo después de la orientación.

4. La confianza: que se fíe quien aún no te ha comprado

Esta franja quita las dudas que frenan la compra. Pesa mucho más para quien no te ha comprado nunca que para tu cliente de siempre, y por eso la ponemos debajo del núcleo, no encima.

Opiniones

Cuantas más opiniones y mejor nota, más confianza. Pero tienen que ser reales, y la cantidad cuenta tanto como la nota.

Ampliar

Si hoy tienes pocas opiniones o mala nota, nosotros no pondríamos todavía el bloque en la home. Primero pediríamos la opinión a los clientes con los que lo has hecho bien. Y si la nota es mala porque algo falla, toca revisar la operativa: te está señalando un problema que no te dejará crecer.

Lo ideal es que el bloque lleve a una página propia de opiniones, donde quien quiera pueda leer más.

Marcas populares

Es un bloque cuyo propósito se confunde a menudo. Son las marcas populares, no todas: para todas ya está el índice de marcas.

¿Cuáles elegir? En parte las que te interesa vender, pero sobre todo las que dan un sello de confianza. Una marca seria y reconocida en tu sector no le vende a cualquiera, así que trabajar con ella dice que eres una tienda fiable.

Cuidamos el orden si hay muchas, y siempre damos salida a ver todas las marcas. Si tu tienda es de una sola marca, este bloque no aplica, pero la franja de confianza hay que resolverla igualmente.

5. El descubrimiento: lo que no ha encontrado arriba

Cubre las necesidades que las franjas de arriba no han resuelto. No debería darte trabajo: no es una selección que haya que configurar cada semana, sino soluciones generales.

• Los más vendidos. Un carrusel. Casi siempre interesa, porque transmite autoridad.

• Novedades. Si subes producto nuevo y quieres darle salida, la home es un buen escaparate. No suele ser lo que más aporta al cliente, así que arriba del todo no.

• El blog. Si lo trabajas bien: los artículos destacados, los últimos o los más leídos.

Qué bloques encajan depende mucho de tu sector.

6. La ayuda: la última duda

Es la salida para quien no ha enganchado con ninguna de las franjas anteriores: resolver la última duda o hablar con una persona. Puede llevar dos bloques.

• Ayuda activa. Enlazar al WhatsApp o al teléfono. Piensa también en los recursos de tu equipo: a nosotros nos gusta que primero pase por un centro de ayuda, que resuelve las preguntas frecuentes, y que desde ahí llegue a la compra con un experto.

• Ayuda pasiva. Un bloque de texto que despeja las dudas que quedan al entrar en la home.

Lo que no ponemos aquí es la típica descripción larga sin trabajar, escrita solo para posicionar y que nadie lee. Preferimos un texto que resuelva las dudas reales de quien entra.

Las franjas mandan; los bloques los decides tú

Nosotros respetamos el orden de las seis franjas y el trabajo de cada una. Dentro de cada franja, los bloques y su orden los decide quien mejor conoce el negocio, que eres tú: la estacionalidad puede ir debajo de los destacados, o las guías antes que las promociones.

Con las franjas claras y cada bloque donde le toca, la página de inicio hace su trabajo: que quien entra llegue al catálogo por su puerta. Diseñarla así, franja a franja, es parte de lo que hacemos en el servicio de conversión.