Віджет бронювання — додайте Addagio на свій сайт

Дозвольте клієнтам бронювати прямо на вашому сайті. Віджет Addagio працює у двох режимах: плаваюча кнопка, що відкриває сторінку бронювання у спливному вікні, або вбудована форма прямо на вашій сторінці.

Налаштування за 2 кроки

  1. Знайдіть свій slug у Панелі → Налаштування в полі «URL бронювання» — це частина після addagio.io/book/.
  2. Вставте фрагмент коду перед закривним тегом </body> вашого сайту.

Плаваюча кнопка + спливне вікно

Кнопка «Забронювати» з'являється в куті вашого сайту. Після кліку сторінка бронювання відкривається в елегантному оверлеї — клієнти бронюють, не покидаючи ваш сайт.

<script>
var addagioWidget = {
  slug: 'your-business-slug',
  buttonText: 'Book Now',
  color: '#C67B5C',
  position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>

Вбудована форма бронювання

Повний процес бронювання (послуги, календар, оплата) відображається безпосередньо у макеті вашої сторінки — як inline-віджет Calendly. Додайте порожній div там, де має бути форма.

<div data-addagio-inline="your-business-slug">
  <a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>

Вбудована рамка автоматично підлаштовує висоту під вміст — без смуг прокручування та фіксованих висот. Можна розмістити кілька форм на одній сторінці.

Повний технічний довідник (усі опції, JavaScript API, інструкції для платформ) →

Поширені запитання

Чи сповільнить це мій сайт?⌄

Ні. Скрипт важить 3 КБ і завантажується асинхронно — він не блокує рендеринг сторінки.

Чи працює з WordPress, Wix, Squarespace або Shopify?⌄

Так. Вставте фрагмент у футер теми або в розділ власного коду вашого конструктора сайтів. Працює на будь-якій платформі, що дозволяє власний HTML.

Чи вбудована форма автоматично підлаштовує висоту?⌄

Так. Вбудована форма повідомляє свою висоту вашій сторінці, і рамка автоматично змінює розмір, поки клієнти проходять кроки бронювання.