En este artículo te explico cómo planteamos y rediseñamos la página de inicio de una tienda online que personaliza productos como albornoces, bolsas o toallas de playa. El objetivo era claro: que el cliente pudiera actualizar contenido sin depender de nosotros, de forma fácil y rápida desde el panel de WordPress.
El reto: una Home adaptable por temporadas
La clienta quería una Home que pudiera actualizar fácilmente según la temporada del año (verano, invierno, etc.), destacando diferentes productos o categorías. Esto implicaba una estructura modular, pensada para que cualquier cambio se pueda hacer desde el backend, sin tocar diseño ni código.
Paso 1: análisis del diseño anterior y propuesta en Figma
Aunque no contábamos con la web antigua, importamos el diseño actual a Figma para trabajar sobre esa base. Desde ahí hicimos varias propuestas y validamos la definitiva con el cliente.
Paso 2: estructura de la nueva Home
Diseñamos la Home en Elementor con una estructura clara y funcional:
- 🖼️ Banner principal con imagen destacada por temporada.
- 🎁 Beneficios clave: tarjetas de regalo gratuitas y envoltorio para regalo.
- 🗂️ Categorías destacadas según temporada.
- 🛍️ Productos top ventas editables desde el backend.
- 🆕 Sección de novedades automatizada con los últimos productos.
- 💬 Testimonios y opiniones reales.
- 🖼️ Galería de productos reales.
- 📰 Logotipos de medios donde han aparecido (Vogue, Hola, Heyer…).
- 📥 Newsletter y Footer optimizado.
Paso 3: sistema de gestión dinámica con Elementor y WooCommerce
Aquí está la clave del proyecto. Diseñamos bloques reutilizables que el cliente puede actualizar desde WordPress sin depender del desarrollador:
✅ Categorías destacadas
Creamos un bloque dinámico donde pueden seleccionar qué categorías mostrar directamente desde la lista de categorías de WooCommerce.
✅ Productos destacados
Configuramos un bloque para mostrar productos top ventas, seleccionables manualmente. Ideal para campañas, promociones o productos con poco stock.
✅ Automatización visual
Si cambian la imagen de un producto desde su ficha, también se actualiza automáticamente en la Home, gracias al uso de contenido relacionado. Esto evita duplicar trabajo y mantiene todo sincronizado.
Resultado: autonomía total y escalabilidad
La tienda puede actualizar sus contenidos en minutos, adaptándose a campañas, estacionalidad y estrategias de venta. Todo está estructurado para ser claro y editable, sin necesidad de soporte técnico.
🎯 Esta es nuestra forma de aportar valor:
Crear webs donde el cliente tiene control total del contenido, sin sacrificar diseño ni funcionalidad.