Agrega un botón de Reservar una cita a tu propio sitio web. Los clientes reservan en un panel que se abre sobre tu página, para que nunca salgan de tu sitio, y la reserva llega a tu calendario como cualquier otra.
Antes de empezar
- Quién puede hacerlo: los administradores y propietarios copian el código. Quien edite tu sitio web lo pega.
- Activa primero las reservas en línea. El botón abre tu página de reservas. Consulta Configurar las reservas en línea.
Agrega el botón a tu sitio web
Abre la configuración
Ve a Configuración → Reservas → Reservas en línea.
Copia el código
En Inserta en tu sitio web, selecciona Copiar.
Pégalo en tu sitio
Pégalo en el HTML de tu página, o en el bloque de HTML personalizado o de inserción de tu creador de sitios. Squarespace, Wix y WordPress tienen uno.
Publica tu sitio
Guarda y publica la página en tu creador de sitios.
Qué hace el código
El código tiene dos partes:
| Parte | Qué hace |
|---|---|
<script src=".../embed/book.js" async> | Carga el botón de reserva una vez por página, sin ralentizar la página |
<a data-owneli-book="your-business">Book an appointment</a> | El botón. Cualquier cosa con data-owneli-book abre las reservas. |
data-owneli-book="your-business" en lugar de usar el enlace del código. Varios botones en una página funcionan, con el script cargado una vez.Si agregaste el botón de reserva a tu sitio web hace un tiempo, sigue funcionando tal cual. No necesitas pegar el nuevo código.
Elige cómo se abre
En Cómo se abre, junto al código, elige cómo aparecen las reservas sobre tu página:
| Opción | Qué ven los clientes |
|---|---|
| Desde la derecha | Un panel se desliza desde la derecha. Esta es la opción predeterminada. |
| Desde la izquierda | Un panel se desliza desde la izquierda. |
| Desde abajo | Una hoja se eleva desde la parte inferior de la página. |
| Desde arriba | Una hoja cae desde la parte superior de la página. |
| En el centro | Una ventana se abre en el centro de la página. |
Tu elección se guarda con tu negocio, por lo que tu sitio web la recoge en unos minutos sin necesidad de ser editado. En los teléfonos, Desde abajo permanece como una hoja y las demás llenan la pantalla.
data-owneli-open="bottom", o right, left, top o modal. Un botón cuyo código ya tiene data-side="left" o data-owneli-mode="modal" seguirá abriéndose de esa manera.Tu política de pagos se aplica como de costumbre, y si utilizas el seguimiento de conversiones, una reserva cuenta en tu sitio web automáticamente.
Comprueba que funcionó
Abre tu sitio web en una ventana privada y selecciona el botón. Tu página de reservas se abre sobre tu sitio con tus servicios. Ciérrala y la página seguirá ahí.
Si algo sale mal
No pasa nada cuando hago clic en el botón
Comprueba que la línea <script> también se pegó y que tu creador de sitios no la eliminó. Algunos creadores solo permiten scripts en planes de pago.
Mi sitio tiene una Política de Seguridad de Contenido
Si un desarrollador o un plugin de seguridad agregó uno, permite la dirección en el <script src> de tu código, por ejemplo https://owneli.com, tanto en script-src como en frame-src. Nada más necesita cambiar.
No puedo editar mi sitio web
Comparte Tu enlace público desde la misma pestaña en su lugar, por ejemplo en tu biografía de Instagram.