Configurar enlaces de reserva
Conecta los botones Reservar a Hollow Reserve o a un programador externo — widget si está presente, URL si no.
Al terminar, los botones Reservar abren Hollow Reserve cuando el widget está en la página, o navegan a tu URL de reserva. Los programadores externos siguen siendo compatibles. En páginas de producto de servicio, Producto principal también puede mostrar un montaje de app de reserva etiquetado y una URL alternativa cuando los ajustes del tema están vacíos.
Recomendado: Hollow Reserve
Tienda online → Temas → Personalizar → Ajustes del tema → Reservas
- Instala Hollow Reserve y publica al menos un Experience Blueprint vinculado a un producto de servicio.
- Crea /pages/booking y añade el bloque de reserva de Reserve.
- Deja el proveedor en Hollow Reserve (la URL base puede quedar vacía).
- En Hero, menú de servicios, equipo o CTA fijo, elige un producto vinculado.
- Guarda el tema.
Comportamiento de los botones Reservar
- Si hay un widget de Reserve, Reservar abre hollow-reserve:open y desplaza hasta el widget.
- Si no hay widget, usa el enlace profundo de Ajustes del tema o tu URL externa.
- Los controles pueden incluir data-hr-reserve-open y data-hr-fallback-href.
- La sección de configuración de reservas se oculta cuando hay un widget de Reserve — incluso si el widget aparece un momento después de cargar — y vuelve si el widget se elimina.
Páginas de producto de servicio
- Etiqueta el producto **type:service** y asigna la plantilla **product.service** para defaults que priorizan Reservar.
- Deja **Mostrar añadir al carrito en productos de servicio** desactivado salvo que vendas depósitos o kits desde la misma página.
- Añade bloques de **App** de reserva en Producto principal — se muestran una sola vez bajo **Reservar en línea** después del formulario.
- Opcional: define **URL alternativa de reserva** en Producto principal cuando Ajustes del tema → URL base de reservas está vacía o necesitas una excepción por página.
- Cuando **consultation_required** es verdadero, el control principal usa la etiqueta Reservar consulta.
Programador externo
- Elige Programador externo.
- Pega tu URL base de reservas.
- Deja el parámetro del producto en service salvo que tu programador necesite otro nombre.
- Vincula los CTA a productos de servicio y guarda.
- Si la URL base está vacía, configura **URL alternativa de reserva** en Producto principal (o fallbacks por bloque). La tienda muestra una pista breve de que el enlace abre tu página de reservas externa.
Opcional
- Añade bloques de app Reserve en Hero, menú de servicios, equipo, producto o cajón del carrito.
- Pasa contexto de especialista o ubicación cuando tu programador lo soporte.
- Añade copy de consulta, depósito o consentimiento en páginas de servicio cuando sea necesario.
- Usa la franja CTA fija para un Book now a nivel de página; en móvil se apila bajo la acción fija de Producto principal cuando ambas están visibles.
Cómo comprobarlo
- En la tienda, pulsa Reservar en móvil.
- Confirma que el widget abre el servicio correcto o que la URL incluye el handle.
- En un PDP de servicio sin URL base de reservas en el tema, confirma que la URL alternativa o el bloque de app siguen ofreciendo un camino claro para Reservar.
- Completa la lista de lanzamiento → Reservas antes de publicar.
¿Te resultó útil esta página?
El contenido lo mantiene Arcanum Hollow Labs. Para notas internas de ingeniería, consulta la carpeta docs/ del monorepo.