Головна Інтеграції та аналітика Як додати бронювання Calendly на Choko.Link?

Як додати бронювання Calendly на Choko.Link?

Востаннє оновлено Apr 26, 2026

Calendly — це сервіс для бронювання зустрічей і консультацій. Якщо ти приймаєш клієнтів за записом, викладаєш онлайн або проводиш консультації — Calendly допоможе автоматизувати запис. Замість листування туди-сюди клієнт просто обирає зручний час у твоєму календарі.

На Choko.Link ти можеш вбудувати віджет Calendly прямо на свою сторінку — людина не йтиме на інший сайт, а побачить форму бронювання одразу.

Як додати Calendly на Choko-сторінку

  1. Скопіюй посилання на свою сторінку бронювання.
    Увійди в Calendly і скопіюй посилання на потрібну подію. Це звичайна адреса виду calendly.com/твоє-ім'я/подія.
    Не потрібно шукати код для вбудовування чи натискати "Add to website" — просто скопіюй посилання.

  2. Відкрий редактор своєї Choko-сторінки.
    Перейди в розділ «Наповнення».

  3. Додай блок Calendly.
    Прогортай вниз і натисни «Додати блок». У секції «Інтеграції» обери «Calendly».

  4. Встав посилання.
    У поле «Посилання на сторінку бронювання» встав скопійований URL.

  5. Налаштуй опції (якщо потрібно).
    Є дві додаткові налаштування:

    • Сховати деталі події — приховує фото профілю, ім'я, тривалість, локацію та опис події. Корисно, якщо ця інформація вже є на твоїй сторінці.

    • Сховати банер про куки — вимикає повідомлення про cookies у віджеті.

  6. Збережи зміни.
    Готово. Тепер на твоїй Choko-сторінці з'явиться віджет бронювання, і клієнти зможуть вибирати зручний час прямо там.

Як попередньо заповнити контакти клієнта

Якщо надсилаєш посилання конкретній людині й хочеш спростити їй запис, можна заздалегідь підставити її ім'я та email у форму бронювання.

Для цього додай до своєї чоко-сторінки спеціальні параметри:

  • calendly_prefill_email — email клієнта

  • calendly_prefill_name — повне ім'я
    або
    calendly_prefill_first_name і calendly_prefill_last_name — якщо в Calendly налаштовано окремі поля для імені та прізвища

Приклад посилання з попереднім заповненням

https://choko.link/demo/integrations?calendly_prefill_name=Іван&calendly_prefill_email=ivan@example.com

Коли людина перейде за таким посиланням і обере дату та час, у формі контактів її дані вже будуть заповнені — потрібно лише підтвердити бронювання.

Як налаштувати кольори віджета (для платних тарифів Calendly)

Якщо в тебе платний тариф Calendly, ти можеш кастомізувати кольори віджета під свій бренд.

  1. Увійди в Calendly і обери потрібну подію

  2. Натисни «Share» (Поділитися), потім «Add to website» (Додати на сайт)

  3. Обери тип вбудовування «Inline embed»

  4. У налаштуваннях віджета обери свої кольори:

    • Основний колір кнопок

    • Колір тексту

    • Колір фону

  5. Скопіюй HTML-код для вбудовування (це буде блок коду, що починається з <div class="calendly-inline-widget"...)

  6. Поверніся до Choko.Link, у блок Calendly

  7. Замість посилання на сторінку вставте скопійований HTML-код у поле «Посилання на сторінку бронювання»

  8. Збережи зміни

Choko.Link автоматично витягне всі налаштування з коду і правильно відобразить віджет на твоїй сторінці в обраних тобою кольорах.

Примітка: Ця опція працює тільки якщо в тебе платний тариф Calendly, який дозволяє налаштовувати кольори віджета.

Якщо щось не спрацює або виникнуть питання — напиши нам у підтримку, допоможемо розібратись.