Saltar al contenido principal

Charming Theme

ES
Custom Shopify homepage with hero tiles on desktop and mobile

Jonas dirige KANTE, una marca de cuidado masculino de Berlín que vende directo al consumidor. Su tienda Shopify tenía buenos productos, precios honestos y un tema premium. Aun así, la mayoría de las visitas llegaba a la home, veía un gran banner y se iba. “Nuestra página de inicio parece una plantilla”, nos escribió. “Quiero que venda como nuestros mejores anuncios de Instagram.”

Esta es la historia de cómo convertimos esa home en la mejor vendedora de la tienda con tres secciones personalizadas de Shopify, sin tema nuevo y sin una sola app nueva.

Sobre esta historia: KANTE es una marca ficticia. El proyecto reúne trabajo real de Shopify que hemos entregado, con nombres, productos y detalles cambiados. Las secciones, los problemas y las soluciones son reales.

Página de inicio Shopify personalizada con mosaicos en escritorio y móvil
La nueva home de KANTE en escritorio y móvil. (Ilustración.)
ClienteKANTE, cuidado masculino, Berlín (ficticia)
TiendaShopify, tienda en alemán, tema premium Online Store 2.0
EntregadoMosaicos de portada, carrusel destacado con añadir al carrito, slider de ventajas
Apps nuevasNinguna
Lo editaEl equipo de KANTE, en el editor de temas
¿Quieres secciones así en tu tienda Shopify?

Cuéntanos qué necesitas. Recibes un precio cerrado, un enlace de vista previa antes del lanzamiento y un código que es tuyo.

Pedir presupuestoGratis y sin compromiso. Solemos responder en un día laborable.

El problema: una home que muestra pero no vende

La home anterior tenía un slideshow y una cuadrícula de productos. Ordenada, pero sin motivos para seguir haciendo clic: ni una campaña clara, ni un atajo a los packs, ni una explicación de por qué una recortadora KANTE vale lo que cuesta. Los compradores alemanes comparan mucho antes de comprar, y ese “por qué” que faltaba costaba ventas.

Sección 1: mosaicos que dan un camino a cada visitante

Sección de mosaicos de portada en Shopify con un mosaico de campaña y dos enlaces
Un gran mosaico de campaña y dos atajos a sets y más vendidos. (Ilustración.)

En lugar de un banner, la portada tiene ahora un gran mosaico de campaña con etiqueta, titular potente y botón, y mosaicos apilados que llevan directo a los sets y a los más vendidos. Quien no está interesado en la campaña sigue a un clic de los productos que más se venden.

Todo se ajusta en el editor de temas: anchos, alturas distintas para escritorio y móvil, posición del texto, intensidad de la superposición y colores. La sección no usa JavaScript, así que la parte más importante de la página carga al instante.

Sección 2: un carrusel destacado que explica y vende

Carrusel destacado de Shopify con diapositiva centrada y barra de producto con añadir al carrito
Cada diapositiva explica una ventaja y tiene su propio botón de compra. (Ilustración.)

El carrusel muestra una ventaja técnica por diapositiva (motor, confort de la piel, resistencia al agua) con una barra de producto y un botón de añadir al carrito en la propia diapositiva. La activa queda centrada y las vecinas asoman por los lados, lo que invita a deslizar en el móvil.

Admite deslizar, arrastrar, flechas del teclado, reproducción automática y bucle, y abre el carrito lateral del tema: comprar se siente igual que en una ficha de producto.

Editor de temas de Shopify con ajustes de separación entre diapositivas
La separación, el ancho y la reproducción automática son ajustes normales del editor. (Ilustración.)

El error que puede causar cualquier tema premium

Tras la primera instalación, el título del carrusel no se veía en la tienda real. El tema pinta el fondo de las secciones con una capa posicionada que tapaba nuestro contenido, y Shopify seguía sirviendo una hoja de estilos antigua en caché. Elevamos el contenido sobre esa capa, escribimos el CSS crítico en línea y dimos a cada ajuste un valor seguro por defecto. Son detalles que solo aparecen en una tienda real; por eso siempre probamos sobre una copia de tu tema publicado.

Código Liquid y esquema de una sección personalizada de Shopify
Liquid limpio con valores seguros por defecto. (Ilustración.)

Sección 3: un slider de ventajas pensado para el pulgar

En el móvil, una fila deslizable de tarjetas con enlaces a productos sustituyó un bloque de texto largo y estático. Cada tarjeta es un bloque en el editor: el equipo añade una para cada lanzamiento en segundos.

Vista móvil de los mosaicos de portada en Shopify
En el móvil los mosaicos se apilan con su propia altura y la campaña se ve sin hacer scroll. (Ilustración.)

Qué consiguió KANTE y qué medir

  • Una home con una campaña clara y caminos de un clic a sets y más vendidos
  • Añadir al carrito directamente desde la home
  • Tres secciones reutilizables en cada campaña, sin cuotas mensuales
  • Código limpio y rápido dentro del tema existente

No publicamos cifras de conversión de clientes. En su lugar fijamos métricas claras para comparar con la temporada anterior: clics en los mosaicos, eventos de añadir al carrito desde el carrusel y porcentaje de pedidos con un set.

¿Vale la pena una home a medida para tu tienda?

Si tu página de inicio recibe tráfico pero pocos clics hacia los productos, las secciones personalizadas suelen ser la solución más rápida. Mantienes tu tema, tus apps y tu checkout, y consigues una home pensada para cómo compran tus clientes.

Una página de inicio que vende

Mosaicos, carruseles destacados, sliders o la sección que le falta a tu tema. Precio cerrado y vista previa antes del lanzamiento.

Pedir presupuestoSolemos responder en un día laborable.

Preguntas frecuentes

¿Cuánto tarda una sección de home a medida?

Una sección suele tardar unos días desde el presupuesto aprobado hasta la vista previa. Un conjunto completo para la home lleva más; el plazo exacto va en el presupuesto.

¿Funciona con mi tema?

Sí, con cualquier tema Online Store 2.0. Nos adaptamos a sus tipografías, botones y tarjetas de producto.

¿Puedo cambiar el contenido yo mismo después?

Sí. Cada texto, imagen, producto, color y espaciado es un ajuste del editor de temas.

¿Necesito una app?

No. Todo va dentro de tu tema, sin cuotas mensuales.

Share this article