# Форма в pop-up блоке

{% hint style="info" %}
Данный раздел инструкции актуален для использования виджета с формами ввода данных, которые встроены в pop-up блок (например, BF502N: Popup: форма с множеством полей). Если вы хотите использовать виджет для форм, встроенных в основную часть страницы сайта, (например, BF203N: Форма с несколькими полями для ввода), перейдите в раздел "[Форма на странице](/verifier/vidzhet-verifikacii-telefona/tilda/page_form.md)"
{% endhint %}

На сайте Tilda в редакторе определите pop-up блок с формой, к которой должен быть привязан виджет подтверждения телефона. Форма должна иметь обязательное поле ввода телефона. Позднее нам понадобится ID данного pop-up блока – чтобы узнать его, перейдите в настройки блока:

<figure><img src="/files/9oTlboF9F7BNIHLZEKvd" alt=""><figcaption></figcaption></figure>

Промотайте вниз открывшееся боковое меню и найдите Block id. Скопируйте его и сохраните отдельно для дальнейших действий.

<figure><img src="/files/5TLa40QxZ56QZe391W5m" alt=""><figcaption></figcaption></figure>

Добавьте один блок HTML-код (T123) прямо под вашим pop-up блоком.

<figure><img src="/files/mFUg2mfRhjM2xxkxg1fN" alt="" width="563"><figcaption></figcaption></figure>

В результате вы увидите подобную структуру:

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

После этого перейдите в **редактирование блока HTML-код** и добавьте туда следующий код:

```html
<script src="https://cdn.direct.i-dgtl.ru/VerifyWidget.umd.min.js"></script>
<link rel="stylesheet" href="https://cdn.direct.i-dgtl.ru/VerifyWidget.css" />

<script>
    window.VerifyWidget.tildaPrepare('FORM_ID', 'FORM_ID', {
        widgetId: 'WIDGET_ID',
        captchaSiteKey: 'CAPTCHA_SITE_KEY',
        apiKey: 'API_KEY',
    	windowed: true
        }, () => {}, () => {})
</script>
```

Вместо следующих параметров нужно указать ваши значения:

* **FORM\_ID** – идентификатор блока формы, в которой находится поле ввода номера телефона. Его нужно указать дважды.
* **WIDGET\_ID** – идентификатор виджета (из личного кабинета)
* **CAPTCHA\_SITE\_KEY** – sitekey капчи
* **API\_KEY** – API-ключ для виджета (Tilda), созданный в личном кабинете

В итоге вы получите структуру следующего вида:

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://api.docs.direct.i-dgtl.ru/verifier/vidzhet-verifikacii-telefona/tilda/pop_up_form.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.