Página de Reserva Integrada

Inserta tu página de reservas de Barberly directamente en tu sitio web como una sección integrada.

Tags:

El widget de Página de Reserva Integrada te permite añadir tu página de reservas de Barberly directamente en tu sitio web como una sección integrada, creando una experiencia de reserva fluida para tus clientes sin que tengan que salir de tu sitio.

Cómo funciona

Este widget inserta toda la interfaz de reservas de Barberly directamente en tu sitio web usando un iframe. Los clientes pueden completar todo el proceso de reserva sin ser redirigidos a otro sitio.

Casos de uso

Crea una página de reservas dedicada en tu sitio web
Añade a páginas de servicios para permitir reservas inmediatas de servicios específicos
Integra en tu página de contacto como alternativa a los formularios
Incluye en tu página principal para facilitar el acceso a la reserva

Configuración de la Página de Reserva Integrada

Crear una nueva instancia

Inicia sesión en tu cuenta de Barberly en portal.barberly.com
Ve a Menú → Apps → Todos los widgets
Haz clic en la opción Página de Reserva Integrada
Selecciona Crear nueva instancia
Ponle un nombre a tu nueva instancia (por ejemplo, “Página principal de reservas”)

En la sección de configuración puedes establecer:

URL de reserva: Ingresa la URL de tu página de reservas de Barberly
Altura: Define la altura de la página de reservas integrada (por ejemplo, “100%” para altura completa, o un valor específico como “600px”)

Ajusta las siguientes opciones de estilo:

Radio del borde: Define el redondeo de las esquinas del widget
Sombra: Añade un efecto de sombra para destacar el widget

Vista previa y prueba

Utiliza la vista previa en vivo para ver cómo se verá tu página de reservas integrada en tu sitio web. Prueba el flujo de reserva para asegurarte de que todo funciona correctamente.

Obtener el código de integración

Cuando estés satisfecho con tu página de reservas integrada:

Copia el código generado de la sección “Copia este código en tu sitio web”
Pega el código en el HTML de tu sitio web donde quieras que aparezca la página de reservas integrada
Guarda y publica los cambios en tu sitio web

Integraciones con plataformas web

Para instrucciones específicas según la plataforma, consulta estas guías:

Ejemplo de código de integración

<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>

Gestión de múltiples instancias de página integrada

Puedes crear varias instancias de página integrada para diferentes secciones de tu sitio web:

Inicia sesión en tu cuenta de Barberly en portal.barberly.com
Ve a Menú → Apps → Todos los widgets
Selecciona “Página de Reserva Integrada”
Crea instancias adicionales según sea necesario
Cada instancia tendrá su propio código de integración único

Actualizar tu página de reservas integrada

Para actualizar una página de reservas integrada que ya está en tu sitio web:

Inicia sesión en tu cuenta de Barberly en portal.barberly.com
Ve a Menú → Apps → Todos los widgets
Busca y edita la instancia
Realiza los cambios deseados
Guarda los cambios
La página de reservas integrada en tu sitio web se actualizará automáticamente (no es necesario actualizar el código en tu sitio)

Diseño responsivo

La página de reservas integrada es completamente responsiva y se adapta a diferentes tamaños de pantalla:

En escritorio, se muestra la interfaz completa de reservas
En dispositivos móviles, la interfaz se ajusta a pantallas pequeñas
La altura puede establecerse en un valor fijo o en porcentaje

Solución de problemas

Si tu página de reservas integrada no se muestra correctamente:

Asegúrate de que el contenedor tenga suficiente ancho y alto para la interfaz de reservas
Verifica que no haya conflictos de CSS con el estilo de tu sitio web
Comprueba que la URL de reserva sea correcta
Asegúrate de que no haya políticas de seguridad de contenido que bloqueen el iframe