# Заполнена лид-форма

Подключаем бота к приложению ВКонтакте "Форма сбора заявок", позволяющую собирать такую информацию о пользователе, как ФИО, номер телефона, электронный адрес и др. 

## Подключаем приложение к сообществу

1. Заходим в настройки своей группы через пункт **"Управление".**

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FN2164fTmBzTnyhxptHgr%2FScreenshot_1%20(1).png?alt=media&#x26;token=18c127e2-08c4-4896-8ced-d86db8e9684d" alt=""><figcaption></figcaption></figure>

2. В меню находим раздел **"Приложения"**.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2F8hE3rYVRPb7Tl3cDO0AL%2FScreenshot_2%20(1).png?alt=media&#x26;token=362fbb65-8238-4420-9ce8-24ae5454d6d4" alt=""><figcaption></figcaption></figure>

3. В предложенном списке выбираем официальное приложение от ВКонтакте **"Форма сбора заявок".**

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FkOOAY9IvpHufC5U2RGCs%2FScreenshot_2%20(2).png?alt=media&#x26;token=5b7975e7-f192-4693-b64a-b0332e917578" alt=""><figcaption></figcaption></figure>

4. **Добавляем** приложение в наше сообщество.

{% hint style="info" %}
Если **группа новая**, то больше никаких настроек **не потребуется**.
{% endhint %}

5. После того, как приложение было добавлено в нужную группу, переходим **"В сообщество"**.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FWXjjtF3OQwB7qAAu2BqD%2FScreenshot_2.png?alt=media&#x26;token=f3db8da5-22c1-48f6-a742-dd0e94bce390" alt=""><figcaption></figcaption></figure>

&#x20;6\. Далее снова в настройках группы выбираем **"Управление"** и в открывшемся меню открываем пункт **"Работа с API"**.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FGYv8jUbIcch7TsahfWil%2FScreenshot_1%20(1)%20(1).png?alt=media&#x26;token=7fbbe166-a420-488c-82c4-7809a45a6a45" alt=""><figcaption></figcaption></figure>

7. Наверху страницы выбираем вкладку **"Callback API"**, а сервер - **LeadConverter**.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FVRLXC4JrFuSZOzeXQ4Xs%2FScreenshot_1.png?alt=media&#x26;token=67ca008d-8024-45a0-a214-9b9d17e5e07e" alt=""><figcaption></figcaption></figure>

8. Переходим в **"Типы событий"** и листаем страницу до самого низ&#x430;**.**

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FGyOHZJ8qWseY6KJsGmYE%2FScreenshot_2.png?alt=media&#x26;token=251d5d8f-da0d-4cac-86a8-d692af5557c0" alt=""><figcaption></figcaption></figure>

9. Ставим галочку возле пункта **"Lead forms".**

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FrfKtW7jjq9FouPGwZDmS%2FScreenshot_3%20(1).jpg?alt=media&#x26;token=7c955e77-546e-4bf5-ae33-fe5cfe6bbd72" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**ВНИМАНИЕ!**\
\
Галочка ставится автоматически, но из-за периодических багов ВКонтакте этого может не произойти. \
\
Поэтому лучше убедиться самому, что галочка стоит на своем месте.\
\
Без нее ничего работать НЕ БУДЕТ!
{% endhint %}

## Настраиваем приложение

1. Возвращаемся к приложению **"Форма сбора заявок**" и выбираем под его названием пункт **"Настроить приложение".**

<div align="left"><figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FMDirTLeH53lMurThh8ko%2Fimage_2024-06-13_14-26-40.png?alt=media&#x26;token=1d801407-cf0a-4b70-aff2-749a2aecd640" alt=""><figcaption></figcaption></figure></div>

2. Нажимаем кнопку "**Добавить форму"**.
3. Приступаем к **заполнению формы**. Все настройки интуитивно понятны и похожи на заполнение мини-лендингов.

Вы можете добавить:

* Текст заголовка и описание;
* Базовые вопросы (ФИО, номер телефона, адрес и т.д.);
* Свои вопросы;
* **Политика конфиденциальности**

Этот пункт обязателен к заполнению. \
Если у вас нет своей политики, то возьмите ее от LeadConverter по ссылке —  <https://leadconverter.ru/privacy_policy.pdf>

{% hint style="info" %}
Этот пункт нужен для того, чтобы пользователь дал согласие на обработку своих данных.
{% endhint %}

* Текст после отправки заявки;
* Настройки формы;
* Код пикселя для рекламы.

4. **Сохраняем** заполненную форму и в открывшемся окне выбираем пункт **"Скопировать ссылку"**.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FuLbADf46lBsnuEEjq9Jx%2FScreenshot_4.png?alt=media&#x26;token=e0bfaebb-2758-40b6-ad7c-cd5ceb932df2" alt=""><figcaption></figcaption></figure>

5. Не забудьте в пункте **"Статус"** нажать кнопку **"Активировать".**

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FAC7AGbz8ng54iPgH9WJW%2FScreenshot_1.png?alt=media&#x26;token=415d8bc5-8a46-4b2b-9667-a7648e4108d8" alt=""><figcaption></figcaption></figure>

Когда все будет заполнено, получится такая форма:

<div align="left"><figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2Fcv326vBbOzjkJVSG8ome%2FScreenshot_1.png?alt=media&#x26;token=b02b373b-5ffe-41c5-b7ee-e15660424a87" alt=""><figcaption></figcaption></figure></div>

## Настраиваем блок "Триггер"&#x20;

1. Нам нужен **ID формы**. У каждой формы он свой и отображается **наверху в ссылке**.&#x20;

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FJjpyA1u6K9p2gsF3O4Zm%2FScreenshot_2.png?alt=media&#x26;token=df1b997d-1f92-4dd9-baf2-8eba8abc470d" alt=""><figcaption></figcaption></figure>

У нас это цифра 1, то есть ID формы будет 1.

2. **Переходим в LeadConverter**, в ту кампанию, к которой подключена необходимая нам группа (посмотреть подключенные каналы можно в разделе "Настройки").
3. Переходим в редактор сценария нужного бота и открываем **блок** <mark style="color:purple;">"Триггер"</mark>.
4. Далее выбираем пункт **"Заполнена лид-форма".**

<div align="left"><figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FMRjppclIJMeUG8Ycjifc%2FScreenshot_3.png?alt=media&#x26;token=dc299ae5-7c96-470f-b94a-6d36145e5575" alt=""><figcaption></figcaption></figure></div>

5. В пункте **"В канале(ах)"** выбираем нужную группу.
6. В пункте "ID форм(ы)" **прописываем ID** нашей формы. У нас это цифра 1.

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2Frxxg4384JnmMp2sOgWDX%2FScreenshot_5.png?alt=media&#x26;token=30d828ad-2d5c-42b1-a462-0064f9cc7306" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Если у вас больше форм, то также впишите сюда номера их ID. Тогда вы будете получать информацию со всех форм, а не только с одной.
{% endhint %}

7. Нажимаем кнопку **"Сохранить".**

## **Дополнительные возможности: парсинг данных**

Когда пользователь заполняет форму, вам может прийти зашифрованное сообщение. Оно выглядит так:

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FxcoKXKwqDVfDE5OU6KN7%2FScreenshot_6.png?alt=media&#x26;token=e4979b44-4d9d-4be7-a5b1-e3042d613c55" alt=""><figcaption></figcaption></figure>

Раскодировать полученную информацию поможет **парсинг**.

{% hint style="info" %}
Парсинг (от англ. parsing) — это процесс извлечения структурированной информации из неструктурированных данных из HTML-страниц, XML-документов, текстовых файлов и других источников и преобразования их в определенный формат.
{% endhint %}

1. Добавьте <mark style="color:blue;">блок "Сообщение"</mark> и откройте его.
2. Выберите вкладку **"Сообщение",** скопируйте и вставьте следующие **переменные**:

```
Заполнена форма! ‌ ‌
Название формы: ‌‌{{last_request.source_request.object.form_name}} ‌
Ссылка на пользователя в ВКонтакте: https://vk.com/id{{last_request.source_request.object.user_id}}
‌‌{{last_request.source_request.object.answers.0.question}}: ‌{{last_request.source_request.object.answers.0.answer}} ‌‌‌{{last_request.source_request.object.answers.1.question}}: ‌{{last_request.source_request.object.answers.1.answer}} ‌‌‌‌{{last_request.source_request.object.answers.2.question}}: ‌{{last_request.source_request.object.answers.2.answer}} ‌‌‌‌‌{{last_request.source_request.object.answers.3.question}}: ‌{{last_request.source_request.object.answers.3.answer}} ‌‌‌‌‌‌{{last_request.source_request.object.answers.4.question}}: ‌{{last_request.source_request.object.answers.4.answer}} ‌‌‌‌‌‌‌{{last_request.source_request.object.answers.5.question}}: ‌{{last_request.source_request.object.answers.5.answer}} ‌‌‌‌‌‌‌{{last_request.source_request.object.answers.6.question}}: ‌{{last_request.source_request.object.answers.6.answer}} ‌ ‌
Ссылка на форму: https://vk.com/app6013442_-{{last_request.source_request.group_id}}?form_id={{last_request.source_request.object.form_id}}#form_id={{last_request.source_request.object.form_id}}
```

<div align="left"><figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2Feelkrbz9s29GuiiNfDPY%2FScreenshot_1.png?alt=media&#x26;token=0867bc01-77fb-47db-8c65-9631145138bb" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
`‌В` программировании все начинается с 0, а не с 1.

\
Поэтому строки {{last\_request.source\_request.object.answers.0.question}}: ‌{{last\_request.source\_request.object.answers.0.answer}} обозначают **ПЕРВЫЙ** вопрос и ответ на него, несмотря на цифру 0 в коде.&#x20;
{% endhint %}

3. После парсинга данные в сообщении приобретут понятный и лаконичный вид:

<figure><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYOiJSIpC8f-Cm8cOEc%2Fuploads%2FuvBBDViXzqxZYHgDpKbc%2FScreenshot_7.png?alt=media&#x26;token=57825a17-504c-47aa-8c14-2edcdab55ea4" alt=""><figcaption></figcaption></figure>

Готово!

{% hint style="success" %}
Остались вопросы? Задайте их в нашу техподдержку!

Мы всегда рады помочь :relaxed::point\_down:
{% endhint %}