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 la dirección exacta del sitio que alojará el programador: solo el protocolo y el dominio (con el puerto, si lo tiene), sin ruta ni barra final:
https://apply.acme.com ✓
https://acme.com:8443 ✓
acme.com ✗ falta el protocolo
https://acme.com/book ✗ tiene una ruta
https://acme.com/ ✗ barra finalhttps://www.acme.com y https://acme.com son direcciones distintas. Si se puede llegar a tu sitio de ambas formas, añade las 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 anuncio 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 anuncios aprobados para insertar, el anuncio sigue en revisión: su fragmento aparecerá cuando se apruebe.
3. Define el idioma
Idioma del programador, 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 programador, 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);
});Asistentes de IA
A través de WebMCP, un estándar web propuesto, el programador también ofrece herramientas a los asistentes de IA. Con ellas, un asistente que ayuda a un visitante en su navegador puede consultar lo que ofreces y a qué precio, buscar horarios libres y marcar una hora a la vista del visitante. También puede reservar, pero la reserva está marcada como un paso que requiere el consentimiento del visitante, así que el asistente se lo pregunta antes. Iniciar sesión, crear una cuenta y pagar siempre quedan en manos del visitante.
No tienes que configurar nada: el fragmento ya lo permite. Solo si colocaste el programador con tu propia etiqueta <iframe> en lugar del fragmento, añade allow="payment; tools" a esa etiqueta.
La compatibilidad con asistentes todavía es nueva. La aplicación de escritorio de ChatGPT ya usa estas herramientas en su navegador integrado, en la página de tu anuncio en nuestro sitio y en el enlace de Compartir enlace de reserva. Todavía no usa herramientas dentro de un programador insertado en otro sitio; el programador ya está listo para los asistentes que sí lo hagan. En cualquier caso, los visitantes siempre pueden reservar por su cuenta.
Si el programador no carga
La dirección 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 anuncio dejó de estar publicado o ya no está aprobado.