El widget Página de reserva integrada coloca tu página de reservas de Barberly completa dentro de una página de tu sitio web, en un iframe. Los clientes hacen toda la reserva sin salir a otro sitio. Puedes usarlo en una página dedicada a las reservas o añadirlo a tu página de inicio, a las páginas de servicios o a la de contacto.
Crear una nueva instancia#
- Inicia sesión en tu cuenta de Barberly en portal.barberly.com.
- Ve a MenúAplicacionesTodos los widgets.
- Haz clic en Página de reserva integrada.
- Selecciona Crear nueva instancia.
- Ponle un nombre a la instancia, por ejemplo "Página de reserva principal".
Ajustes#
- URL de reserva
- La URL de tu página de reservas de Barberly.
- Altura
- La altura de la página integrada, por ejemplo "100%" para la altura completa o un valor en píxeles como "600px".
Estilos#
- Radio del borde
- Lo redondeadas que están las esquinas.
- Caja Sombra
- Una sombra alrededor del widget.
La página integrada se adapta al tamaño de la pantalla. En el escritorio muestra la interfaz de reserva completa, y en el móvil la interfaz se ajusta a la pantalla más pequeña.
Añadir la página a tu sitio web#
La vista previa en directo muestra cómo se verá la página integrada. Recorre el proceso de reserva para comprobar que funciona.
- Copia el código de la sección Copie este código en su sitio web.
- Pégalo en el HTML de tu sitio web, donde quieras que aparezca la página de reservas.
- Guarda y publica tu sitio web.
Código de ejemplo:
<div id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="embed_262b1c5d48b64c16a9786cd8ebbbecd3" data-container-id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></script>Para los pasos en cada plataforma, consulta las guías de WordPress, Wix y Squarespace.
Varias instancias#
Puedes crear más instancias de la página integrada para distintas secciones de tu sitio web. Repite los pasos anteriores en Página de reserva integrada. Cada instancia tiene su propio código de integración.
Actualizar una página integrada publicada#
Abre la instancia en MenúAplicacionesTodos los widgets, haz los cambios y guarda. La página integrada de tu sitio web se actualiza automáticamente, así que no tienes que cambiar el código de tu sitio.
Si la página no se muestra bien#
- Comprueba que el contenedor sea lo bastante ancho y alto para la interfaz de reserva.
- Revisa si hay conflictos de CSS con los estilos de tu sitio web.
- Comprueba que la URL de reserva sea correcta.
- Asegúrate de que ninguna política de seguridad de contenido (CSP) de tu sitio bloquee el iframe.