Ventana Emergente de Reserva
Widget Ventana Emergente de Reserva
El widget Ventana Emergente de Reserva muestra una ventana emergente de reserva en el centro de tu sitio web cuando los usuarios hacen clic en un botón, proporcionando una forma limpia y discreta para que los clientes reserven citas.
Cómo funciona
Cuando los visitantes hacen clic en el botón designado en tu sitio web, aparece una ventana emergente en el centro de la pantalla con la interfaz de reservas de Barberly. Esto mantiene a los visitantes en tu página mientras realizan la reserva.
Casos de uso
- Úsalo en todo tu sitio web para ofrecer una experiencia de reserva consistente
- Añade a entradas de blog para convertir lectores en clientes
- Coloca en páginas de servicios para fomentar reservas inmediatas
- Añade a páginas de testimonios para aprovechar la prueba social
Configuración de la Ventana Emergente de Reserva
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 Ventana Emergente de Reserva
- Selecciona Crear nueva instancia
- Ponle un nombre a tu nueva ventana emergente (por ejemplo, “Popup principal de reservas”)
Configurar los ajustes de la ventana emergente
En la sección de configuración puedes establecer:
- Texto del botón: Personaliza el texto que aparece en el botón que activa la ventana emergente
- URL de reserva: Ingresa la URL de tu página de reservas de Barberly que se mostrará en la ventana emergente
Personalizar estilos del botón y la ventana emergente
Ajusta las opciones de estilo tanto para el botón como para la ventana emergente:
Estilo del botón:
- Color de fondo: Elige un color que complemente la paleta de tu sitio
- Color del texto: Selecciona un color que contraste bien con el fondo
- Relleno: Ajusta el espaciado interno del botón
- Radio del borde: Define el redondeo de las esquinas del botón
- Peso de la fuente: Haz el texto normal, negrita, etc.
Estilo de la ventana emergente:
- Radio del borde: Define el redondeo de las esquinas de la ventana
- Sombra: Añade un efecto de sombra para destacar la ventana emergente
Vista previa y prueba
Utiliza la vista previa en vivo para ver cómo se verán tu botón y ventana emergente en tu sitio web. Haz clic en el botón para probar que la ventana aparece correctamente con la interfaz de reservas.
Obtener el código de integración
Cuando estés satisfecho con tu ventana emergente:
- 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 el botón de la ventana emergente
- Guarda y publica los cambios en tu sitio web