Widget de Reservas
Inserta un widget de reservas completo en tu sitio web con solo unas líneas de código.
Introducción
El widget de SalonBookIt es un componente JavaScript que puedes integrar en cualquier página web. Permite a tus clientes:
- Ver tus servicios y precios
- Seleccionar un profesional
- Elegir fecha y hora disponible
- Completar la reserva y pagar online
Características
Completamente responsive
Se adapta automáticamente a cualquier tamaño de pantalla.
Personalizable
Ajusta colores, textos y comportamiento a tu marca.
Pagos integrados
Procesa pagos con Stripe directamente desde el widget.
Multi-idioma
Disponible en Español, Inglés y Árabe.
Rendimiento optimizado
Menos de 50KB, carga asíncrona.
Seguro
Comunicación HTTPS, tokens seguros.
Modos de visualización
El widget puede mostrarse de tres formas diferentes según tus necesidades:
Inline
El widget se muestra directamente en un contenedor de tu página. Ideal para páginas dedicadas de reservas.
mode: 'inline'
Modal
El widget aparece en un popup centrado al hacer clic en un botón. Menos intrusivo.
mode: 'modal'
Button
Solo muestra un botón flotante. Al hacer clic, abre el widget en modal.
mode: 'button'
Inicio rápido
<!-- Contenedor -->
<div id="salonbookit-widget"></div>
<!-- Script -->
<script src="https://app.salonbookit.com/static/widget/v1/salonbookit-widget.min.js"></script>
<script>
SalonBookIt.init({
apiKey: 'TU_API_KEY',
container: '#salonbookit-widget'
});
</script>Para más opciones de configuración, consulta la guía de configuración.
Compatibilidad
El widget es compatible con todos los navegadores modernos:
| Navegador | Versión mínima |
|---|---|
| Chrome | 60+ |
| Firefox | 55+ |
| Safari | 12+ |
| Edge | 79+ |
| Mobile Safari (iOS) | 12+ |
| Chrome for Android | 60+ |