.. role:: raw-html-m2r(raw)
   :format: html


Верификация телефона на Tilda
=============================

Сервис позволяет проверять телефоны, которые ваши пользователи оставляют в форме вашего сайта на Tilda до того, как эти данные попадут в вашу систему. Для использования понадобится настроить виджет в личном кабинете Direct и встроить два дополнительных HTML-блока на ваш сайт по инструкции ниже.

Принцип работы
--------------


* Вы настраиваете виджет подтверждения телефона в `личном кабинете <https://direct.i-dgtl.ru/solutions/phone-number-confirmation>`_ и создаете API-ключ
* Вы встраиваете виджет в ваш сайт на Tilda – например, на страницу сбора заявок
* Пользователь указывает свои контактные данные, нажимает кнопку "Отправить"
* После этого вызывается виджет подтверждения телефона, на котором пользователь выбирает способ, которым ему удобно получить сообщение с кодом
* Пользователь проходит капчу
* Сервер i-Digital Direct отправляет сообщение с кодом
* Виджет отображает пользователю форму ввода кода
* При успешном вводе кода виджет закрывается и введенные данные передаются дальше в соответствии с настройками вашей формы

.. tip::
   Вы можете посмотреть как работает виджет на нашей форме авторизации, если у вас включена двухфакторная аутентификация: `https://direct.i-dgtl.ru/login <https://direct.i-dgtl.ru/login>`_
   

Шаг 1. Создание учетной записи captcha :raw-html-m2r:`<a href="#set_up_hcaptcha" id="set_up_hcaptcha"></a>`
---------------------------------------------------------------------------------------------------------------

Для использования виджета необходимо создать учетную запись в одном из поддерживаемых сервисов предоставления Captcha.

Это обязательный шаг для настройки виджета, подробная инструкция написана `здесь <../captcha-usage>`_.

Шаг 2. Настройка виджета в личном кабинете
------------------------------------------

См. раздел `Настройка виджета в личном кабинете <../widget#set_up_account>`_

Шаг 3. Встройка виджета в ваш сайт на Tilda
-------------------------------------------

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


* встройка виджета в `форму на странице <page_form>`_
* встройка виджета в `форму в pop-up блоке <pop_up_form>`_

Видеоинструкция
---------------

{% embed url="https://youtu.be/t9hc8ROtiZA" %}
 
.. toctree::
   :hidden:

   page_form.md
   pop_up_form.md