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

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

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

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

   ![](https://chatwoot-wcoc48kocww0osossggggwc0.choko.link/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcVVIIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--8b38d41da49347e2f7b7cd5d8f264e7c3cff7aa4/image.png)

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, який дозволяє налаштовувати кольори віджета.

---

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