Віджет бронювання — додайте 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.

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

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