Botón de Reserva Online
Añade un botón de reserva personalizable a tu sitio web que redirige a tu página de reservas de Barberly.
Widget Botón de Reserva Online
El widget Botón de Reserva Online añade un botón personalizable a tu sitio web que redirige a los usuarios a tu página de reservas de Barberly al hacer clic.
Cómo funciona
Cuando los visitantes hacen clic en el botón de tu sitio web, son redirigidos a tu página de reservas de Barberly donde pueden agendar una cita.
Casos de uso
- Añade a tu página principal para facilitar el acceso a la reserva
- Coloca junto a las descripciones de servicios en tu página de servicios
- Incluye en el encabezado o pie de página para acceso desde cualquier página
- Añade a la página de contacto como alternativa a la reserva telefónica
Configuración del Botón de Reserva Online
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 Botón de Reserva Online
- Selecciona Crear nueva instancia
- Ponle un nombre a tu nuevo botón (por ejemplo, “Botón de la página principal”)
Configurar los ajustes del botón
En la sección de configuración puedes establecer:
- Texto del botón: Personaliza el texto que aparece en el botón (por ejemplo, “Reservar ahora”, “Agendar cita”, etc.)
- URL de reserva: Ingresa la URL de tu página de reservas de Barberly
Personalizar el estilo del botón
Ajusta las siguientes opciones de estilo para que coincidan con el diseño de tu sitio web:
- 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 (formato: arriba/derecha/abajo/izquierda)
- Radio del borde: Define el redondeo de las esquinas del botón
- Peso de la fuente: Haz el texto normal, negrita, etc.
- Sombra: Añade un efecto de sombra para destacar el botón
Vista previa y prueba
Utiliza la vista previa en vivo para ver cómo se verá tu botón en tu sitio web. Haz clic en el botón para probar que redirige correctamente a tu página de reservas.
Obtener el código de integración
Cuando estés satisfecho con tu botón:
- 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
- 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: