Insertar el programador en tu sitio web
Ajustes → Integraciones permite que los visitantes te reserven directamente desde tu propio sitio web, con un programador insertado, en lugar de enviarlos aquí.
1. Autoriza tu dominio
En Dominios permitidos, introduce el origen exacto del sitio que alojará el programador: solo el esquema y el host, sin ruta ni barra final:
https://apply.acme.com ✓
https://acme.com:8443 ✓
acme.com ✗ falta el esquema
https://acme.com/book ✗ tiene una ruta
https://acme.com/ ✗ barra finalhttps://www.acme.com y https://acme.com son orígenes distintos. Si se puede llegar a tu sitio de ambas formas, añade los dos.
Esta lista es además el interruptor: mientras esté vacía, tu programador no puede insertarse en ningún sitio. Puedes añadir hasta 50 dominios, y al eliminar uno el cambio surte efecto de inmediato.
2. Pega el fragmento
Cada servicio aprobado tiene su propio fragmento. Cópialo y pégalo en tu página, donde quieras que aparezca el programador:
<div class="scheduling-embed" data-service="SERVICE_ID"></div>
<script src="https://embed.example.com/embed.js" async></script>El <div> marca el lugar; la etiqueta script puede ir en cualquier parte de la página y solo necesita aparecer una vez, aunque haya varios programadores. Si ves aún no tienes servicios aprobados para insertar, el servicio sigue en revisión: su fragmento aparecerá cuando se apruebe.
3. Define el idioma
Idioma del widget, en esta página, controla lo que ven los visitantes. Déjalo en coincidir con el idioma de la página y el programador leerá el atributo lang de la etiqueta <html> de tu página, el mismo que usan los buscadores y los lectores de pantalla, de modo que un sitio bien localizado no necesita configuración adicional:
<!doctype html>
<html lang="es"> <!-- el programador se muestra en español -->
<head>…</head>
<body>…</body>
</html>Las etiquetas regionales funcionan: lang="pt-BR" se reduce al idioma más cercano de los que admitimos, en lugar de rechazarse.
Para anular el idioma de la página en un programador concreto, añade data-locale al div de inserción. Tiene prioridad sobre el idioma de la página y sobre el ajuste de esta página:
<div class="scheduling-embed" data-service="SERVICE_ID" data-locale="de"></div>Si tu página tiene su propio selector de idioma, indica al programador que lo siga. El cambio se hace en el sitio, así que se conserva todo lo que el visitante ya haya rellenado:
window.SchedulerEmbed.setLocale("sr");En resumen, gana el primero que esté definido: data-locale, luego el <html lang> de tu página, luego Idioma del widget, luego el navegador del visitante y, por último, el inglés.
Otras opciones
Añádelas al div de inserción:
data-mode="popup": muestra un botón que abre el programador en una ventana superpuesta en lugar de insertarlo en línea.
data-label="Reservar": el texto del botón en modo ventana.
data-min-height="480": la altura en píxeles antes de que el programador informe de su tamaño real. Auméntala si ves un salto al cargar.
Hay dos llamadas más si tu sitio inserta contenido de forma dinámica o mide conversiones:
// Vuelve a analizar la página tras añadir un div del programador
window.SchedulerEmbed.refresh();
// Se dispara cuando un visitante completa una reserva
window.SchedulerEmbed.onBooking(function (e) {
console.log(e.bookingId, e.serviceId);
});Si el programador no carga
El origen de la página no está en la lista permitida o no coincide exactamente: basta con http en lugar de https, o un www ausente, para bloquearlo.
El fragmento acabó en un lugar donde el script no puede ejecutarse, como un bloque de texto plano o de HTML restringido de tu creador de sitios.
Se modificó el valor de data-service. Pega el fragmento tal cual en lugar de reescribir el identificador.
El servicio dejó de estar publicado o ya no está aprobado.