Как да вградите инструмента за записване в уебсайта си

Настройки → Интеграции позволява на посетителите да запазват час при вас направо от вашия уебсайт чрез вграден инструмент за записване, вместо да ги изпращате тук.

1. Разрешете домейна си

В Разрешени домейни въведете точния адрес на сайта, на който ще бъде инструментът за записване: само протокола и домейна (с порта, ако има такъв), без път и без наклонена черта накрая:

https://apply.acme.com     ✓
https://acme.com:8443      ✓
acme.com                   ✗  липсва протокол
https://acme.com/book      ✗  има път
https://acme.com/          ✗  наклонена черта накрая

https://www.acme.com и https://acme.com са различни адреси. Ако посетителите могат да стигнат до сайта ви и по двата начина, добавете и двата.

Този списък е и превключвателят за включване и изключване: докато е празен, инструментът ви за записване не може да бъде вграден никъде. Можете да добавите до 50 домейна, а премахването на домейн влиза в сила веднага.

2. Поставете кода

Всяка одобрена обява има собствен код за вграждане. Копирайте го и го поставете в страницата си там, където трябва да се появи инструментът за записване:

<div class="scheduling-embed" data-service="SERVICE_ID"></div>
<script src="https://embed.example.com/embed.js" async></script>

Елементът <div> отбелязва мястото; тагът на скрипта може да стои навсякъде в страницата и трябва да присъства само веднъж, дори при няколко инструмента за записване. Ако видите все още нямате одобрени обяви за вграждане, обявата още е в проверка. Кодът ѝ се появява, след като бъде одобрена.

3. Задайте езика

Език на инструмента за записване на тази страница определя какво виждат посетителите. Ако го оставите на според езика на страницата, инструментът чете атрибута lang на тага <html> на страницата ви, същия атрибут, който използват търсачките и екранните четци, така че добре локализиран сайт не изисква допълнителни настройки:

<!doctype html>
<html lang="es">      <!-- инструментът се показва на испански -->
  <head>…</head>
  <body>…</body>
</html>

Регионалните тагове работят: lang="pt-BR" се свежда до най-близкия поддържан от нас език, вместо да бъде отхвърлен.

За да зададете друг език само за един инструмент, независимо от страницата, добавете data-locale към div елемента за вграждане. Той има предимство и пред езика на страницата, и пред настройката на тази страница:

<div class="scheduling-embed" data-service="SERVICE_ID" data-locale="de"></div>

Ако страницата ви има собствен превключвател на езика, кажете на инструмента да го следва. Така езикът се сменя на място и всичко, което посетителят вече е попълнил, се запазва:

window.SchedulerEmbed.setLocale("sr");

Накратко, печели първото зададено от следните: data-locale, после <html lang> на страницата ви, после Език на инструмента за записване, после браузърът на посетителя и накрая английският.

Други възможности

Добавете ги към div елемента за вграждане:

data-mode="popup" показва бутон, който отваря инструмента в изскачащ прозорец, вместо да го вгражда в страницата.

data-label="Запази час" задава текста на бутона в режим на изскачащ прозорец.

data-min-height="480" задава височината в пиксели, преди инструментът да съобщи реалния си размер. Увеличете я, ако страницата подскача при зареждане.

Има още две извиквания, ако сайтът ви добавя съдържание динамично или проследява реализации:

// Повторно сканиране на страницата след добавяне на div за инструмента
window.SchedulerEmbed.refresh();

// Изпълнява се, когато посетител завърши резервация
window.SchedulerEmbed.onBooking(function (e) {
  console.log(e.bookingId, e.serviceId);
});

Асистенти с изкуствен интелект

Чрез WebMCP, предложен уеб стандарт, инструментът за записване предоставя функции и на асистентите с изкуствен интелект. С тях асистент, който помага на посетител в браузъра му, може да прочете какво предлагате и на каква цена, да намери свободни часове и да избере час така, че посетителят да го вижда. Асистентът може и да запази час, но запазването е отбелязано като действие, което изисква съгласието на посетителя, затова асистентът първо пита него. Влизането, създаването на акаунт и плащането винаги остават за посетителя.

Не е нужно да настройвате нищо: кодът за вграждане вече го позволява. Само инструмент, който сте поставили със собствен таг <iframe> вместо с кода за вграждане, изисква да добавите allow="payment; tools; publickey-credentials-get" към този таг. Последното позволява на посетителя да потвърди влизането си с ключ за достъп в самия инструмент.

Поддръжката на асистенти все още е нова. Приложението на ChatGPT за компютър вече използва тези функции във вградения си браузър, на страницата на обявата ви в нашия сайт и на връзката от Сподели връзката за записване. Засега то не използва функциите в инструмент за записване, вграден в друг сайт; инструментът е готов за асистентите, които го правят. Във всеки случай посетителите винаги могат да запазят час и сами.

Ако инструментът за записване не се зарежда

Адресът на страницата не е в списъка с разрешени домейни или не съвпада точно. Достатъчно е да използвате http вместо https или да липсва www, за да бъде блокиран.

Кодът е попаднал на място, където скриптът не може да се изпълни, например в блок за обикновен текст или ограничен HTML в конструктора на сайта ви.

Стойността на data-service е променена. Поставете кода точно както е, вместо да въвеждате идентификатора на ръка.

Обявата вече не е публикувана или не е одобрена.