El widget Botón de reserva en línea añade un botón a tu sitio web. Al hacer clic, el visitante va a tu página de reservas de Barberly, donde reserva una cita. Los lugares habituales para colocarlo son la página de inicio, la página de servicios y la cabecera o el pie del sitio.
Crear una nueva instancia#
- Inicia sesión en tu cuenta de Barberly en portal.barberly.com.
- Ve a MenúAplicacionesTodos los widgets.
- Haz clic en Botón de reserva en línea.
- Selecciona Crear nueva instancia.
- Ponle un nombre a la instancia, por ejemplo "Botón de inicio".
Ajustes#
- Texto del botón
- El texto del botón, por ejemplo "Reservar ahora" o "Pedir cita".
- URL de reserva
- La URL de tu página de reservas de Barberly.
Estilos#
- Color de fondo
- El color del botón.
- Color del texto
- El color del texto del botón. Elige uno que contraste con el fondo.
- Acolchado
- El espacio dentro del botón, en el formato arriba/derecha/abajo/izquierda.
- Radio del borde
- Lo redondeadas que están las esquinas.
- Peso de la fuente
- Normal, negrita, etc.
- Caja Sombra
- Una sombra alrededor del botón.
Añadir el botón a tu sitio web#
La vista previa en directo muestra cómo se verá el botón. Haz clic en él para comprobar que abre tu página de reservas.
- Copia el código de la sección Copie este código en su sitio web.
- Pégalo en el HTML de tu sitio web, donde quieras que aparezca el botón.
- Guarda y publica tu sitio web.
Código de ejemplo:
<div id="8854691ef448cad2ae94bb4cc5b9a-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="button_8854691ef448cad2ae94bb4cc5b9a" data-container-id="8854691ef448cad2ae94bb4cc5b9a-container"></script>Para los pasos en cada plataforma, consulta las guías de WordPress, Wix y Squarespace.
Varias instancias#
Puedes crear más instancias del botón, por ejemplo con un diseño distinto para cada sección de tu sitio web. Repite los pasos anteriores en Botón de reserva en línea. Cada instancia tiene su propio código de integración.
Actualizar un botón publicado#
Abre la instancia en MenúAplicacionesTodos los widgets, haz los cambios y guarda. El botón de tu sitio web se actualiza automáticamente, así que no tienes que cambiar el código de tu sitio.