> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/blocks/integration/online-booking.md).

# Как подключить систему онлайн-бронирования

Система онлайн-бронирования — это виджет для сайта, с помощью которого клиенты и партнеры могут бронировать запись без предварительного звонка. Они видят актуальный график, свободные часы и дни.

Примеры сервисов для онлайн-бронирования:

* **Yclients** ([yclients.com](https://yclients.com/))\
  Бесплатный пробный период 7 дней.\
  [Тарифы](https://www.yclients.com/info/pricing)\
  Как [встроить на сайт](https://support.yclients.com/32-37-254)
* **SimplyBook** ([simplybook.me](https://simplybook.me/))\
  Бесплатный пробный период 14 дней.\
  [Тарифы](https://simplybook.me/ru/pricing)
* **AppEvent** ([appevent.ru](https://appevent.ru))\
  Бесплатный пробный период зависит от выбранного тарифа, минимальный срок 5 дней.\
  [Тарифы](https://appevent.ru/price)\
  Как [встроить на сайт](https://help.appevent.ru/article/4616)
* **Easyweek** ([easyweek.ru](https://easyweek.ru/))\
  Бесплатный пробный период 14 дней. Есть бесплатный тариф.\
  [Тарифы](https://easyweek.ru/pricing)\
  Как [встроить на сайт](https://support.easyweek.io/hc/ru/articles/4420633577745-%D0%92%D1%81%D1%82%D1%80%D0%B0%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0-%D0%BD%D0%B0-%D0%BB%D1%8E%D0%B1%D0%BE%D0%B9-%D0%B2%D0%B5%D0%B1-%D1%81%D0%B0%D0%B9%D1%82)

### Как подключить

* Зарегистрируйтесь в одной из предложенных систем или в любой другой. Заполните все данные о вас и предоставляемых услугах.
* Получите HTML-код для вставки по одной из инструкций выше. Код нужен для подключения системы к сайту.
* На составной странице нажмите <mark style="background-color:blue;">**(+)**</mark> для добавления нового блока.

<figure><img src="/files/iRw6qH4TRsDzAmaJkesX" alt=""><figcaption></figcaption></figure>

* Перейдите во вкладку **«Виджеты»** и выберите нужный HTML-блок.

<figure><img src="/files/dOCyhQ3zOdzmUVGuDu3v" alt=""><figcaption></figcaption></figure>

* **Вставьте** полученный **код в HTML блок**. Сохраните изменения.

<figure><img src="/files/yktPGvPjaei0RIepnGlW" alt=""><figcaption></figcaption></figure>
