> 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/form.md).

# Как добавить форму (анкету)

Подключите сторонний сервис для добавления формы с настраиваемыми полями (анкеты) на сайт. Например, можно подключить:

* **Яндекс Формы** ([forms.yandex.ru](https://forms.yandex.ru/admin/))\
  Смотрите [инструкцию](https://yandex.ru/support/forms/ru/publish#publish-site) от Яндекс Форм.
* **Google Forms** ([docs.google.com/forms](https://docs.google.com/forms))\
  Смотрите [инструкцию](https://support.google.com/a/users/answer/9303072?hl=ru#forms_add_website) от Google.
* Или другой сервис по работе с формами.

### Как встроить форму на сайт

* Создайте форму в выбранном сервисе.
* По инструкции выше получите **HTML-код** для добавления формы на сайт.

{% hint style="info" %}
Чтобы форма была в центре страницы, замените в коде значение `width="..."` на `width="100%"`.
{% endhint %}

* На составной странице нажмите <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>