Diseños de la página de producto en la Tienda Online
Aprende a elegir entre los 4 diseños disponibles para la página de producto de tu Tienda Online y a previsualizarlos antes de activarlos
En esta página
La Tienda Online de Lueira ofrece 4 diseños distintos para la página de detalle de producto. Cada diseño organiza de forma diferente la galería de imágenes, la información del producto y el formulario de reserva, para que puedas elegir la experiencia visual que mejor encaje con tu marca.
Cómo configurar el diseño
Accede a Configuración → Tienda online
Busca la opción "Diseño de la página de producto"
Selecciona el diseño que quieras activar
Guarda los cambios
El diseño se aplica a todos los productos de tu tienda de forma global.
Diseño 1 — Clásico
Distribución en dos columnas iguales (50/50):
Columna izquierda: galería de imágenes e información del producto
Columna derecha: formulario de reserva (fijo al hacer scroll), con el resumen del pedido integrado dentro del propio formulario
Es el diseño por defecto. Equilibrado y directo, ideal para productos con imagen y descripción de tamaño moderado.
Diseño 2 — Compacto
Distribución en dos columnas asimétricas (40/60):
Columna izquierda (40%): galería, información y descripción del producto
Columna derecha (60%): pasos de la reserva (fijo al hacer scroll), con el resumen del pedido mostrado como una tarjeta compacta en la parte superior del formulario
Los pasos de reserva aparecen en la columna derecha sin ocupar el ancho completo de la página. El resumen no se despliega como columna lateral separada, sino integrado de forma compacta en la cabecera del formulario.
Diseño 3 — Galería destacada
La galería ocupa el ancho completo en la parte superior de la página. Debajo:
Izquierda: formulario de reserva (flexible)
Derecha: resumen del pedido en una columna lateral fija (sticky)
La descripción del producto aparece debajo del formulario
Ideal para productos con fotografía impactante que quieras poner en primer plano.
Diseño 4 — Inmersivo
Galería de ancho completo con esquinas redondeadas en la parte superior. Debajo:
Izquierda: descripción del producto (encima del formulario de reserva) + formulario de reserva
Derecha: resumen del pedido en columna lateral fija (sticky)
Diseño más envolvente, con la descripción destacada antes del formulario. Recomendado para productos experienciales o con descripciones elaboradas que ayuden a la conversión.
Guías relacionadas
- ¿Por qué mis clientes no pueden reservar en la tienda online? Lista de comprobaciónQué revisar cuando una actividad o una clase privada no aparece en la tienda, no tiene horas disponibles o no deja reservar: disponibilidad de los guías, sesiones, bloqueos, antelación mínima, participantes, visibilidad y campos del producto.
- Antelación mínima y hora de cierre de las reservas onlineCómo configurar con cuántas horas de antelación se cierra la reserva online de cada producto (tiempo de corte), cómo cerrar un día concreto con un bloqueo y qué hacer si quieres aceptar reservas de última hora.
- Campos del formulario de compra en la tienda onlineCómo configurar qué campos aparecen en el formulario de checkout de la tienda online y cuáles son obligatorios para el cliente.
- Códigos de descuento en la tienda onlineEn esta guía te enseñaremos como crear códigos de descuento en la tienda online.
- Cómo insertar tus actividades de Lueira en tu web WordpressLueira incluye un modal "Código de inserción" en el admin que genera el shortcode de WordPress y el código iFrame de cada actividad. Te enseñamos a integrar tus actividades en tu web WordPress en 3 formas distintas, todas a partir del nuevo modal.
- Configuración tienda onlineEn esta guía te enseñamos a configurar tu tienda online en Lueira, incluyendo los campos del formulario de compra (checkout) que pueden mostrarse como visibles u obligatorios.