Barra Lateral de Reserva
Widget Barra Lateral de Reserva
El widget Barra Lateral de Reserva muestra una barra lateral de reserva en el lateral de tu sitio web para acceso rápido a la reserva. Este widget es perfecto para ofrecer una opción de reserva persistente sin ocupar mucho espacio en la página.
Cómo funciona
Cuando los visitantes hacen clic en el botón de tu sitio web, una barra lateral se desliza desde el borde de la pantalla mostrando la interfaz de reservas de Barberly. La barra lateral se puede cerrar fácilmente para volver a navegar por tu sitio.
Casos de uso
- Añade a todas las páginas de tu sitio para acceso consistente a la reserva
- Úsalo como alternativa no intrusiva a las ventanas emergentes
- Perfecto para sitios largos donde los usuarios pueden pasar por alto un botón estático
- Ideal para usuarios móviles que prefieren menús deslizables
Configuración de la Barra Lateral 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 Barra Lateral de Reserva
- Selecciona Crear nueva instancia
- Ponle un nombre a tu barra lateral (por ejemplo, “Barra lateral principal de reservas”)
Configurar los ajustes de la barra lateral
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 barra lateral
- URL de reserva: Ingresa la URL de tu página de reservas de Barberly que se mostrará en la barra lateral
- Posición de la barra lateral: Elige de qué lado de la pantalla aparece la barra lateral (derecha o izquierda)
Personalizar estilos del botón y la barra lateral
Ajusta las opciones de estilo tanto para el botón como para la barra lateral:
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 barra lateral:
- Radio del borde: Define el redondeo de las esquinas de la barra lateral
- Sombra: Añade un efecto de sombra para destacar la barra lateral
- Ancho: Controla cuánto espacio ocupa la barra lateral en la pantalla (escritorio y móvil)
Vista previa y prueba
Utiliza la vista previa en vivo para ver cómo se verán tu botón y barra lateral en tu sitio web. Haz clic en el botón para probar que la barra lateral se desliza correctamente con la interfaz de reservas.
Obtener el código de integración
Cuando estés satisfecho con tu barra lateral:
- Copia el código generado de la sección “Copia este código en tu sitio web”