Cоздание и настройка виджета#
После того как вы перешли в Готовые решения со страницы управления сервисом, нажмите кнопку Создать. Откроется форма создания нового виджета.
.png)
{% hint style=»info» %}
К созданию виджета можно также перейти из бокового меню. Для этого откройте
Решения -> Виджет верификации телефона -> Создать.
{% endhint %}
.png)
В поле Название виджета введите желаемое название виджета. Если вы создаете виджет для сайта на Tilda, то нажмите на соответствующий тумблер под полем Название виджета.
.png)
В разделе Подключение каналов укажите количество цифр в составе проверочного кода и задайте настройки нужных каналов для отправки кода. Для этого перейдите на вкладку каждого канала, который хотите использовать в виджете, активируйте переключатель Активность и задайте необходимые настройки.
.png)
Ниже приведены инструкции, как подключить отправку кодов через каждый из каналов.
Выберите, как именно пользователь будет получать проверочный код: голосом робота или через код в последних цифрах номера телефона. Далее выберите текст сообщения в шаблоне из выпадающего списка и введите название вашей компании в поле Подстановка {brand}.
Для всех каналов, кроме VK и WABA (официальный инструмент WhatsApp), доступен одинаковый список шаблонов.
.png)
Для канала Telegram нужно подключить бота. Через него пользователи будут получать коды для авторизации. Если бот уже добавлен, выберите его в списке напротив строки Бот 1.0, затем выберите текст сообщения в шаблоне из выпадающего списка и укажите название компании в поле Подстановка {brand}.
.png)
При выборе Telegram Gateway пользователи будут получать проверочный код в официальном канале Telegram. Подробнее о канале вы можете узнать в нашем материале.
.png)
{% hint style=»danger» %} В связи со скорым запуском мессенджера МАХ, новые каналы VK/OK не подключаются в i-digital direct. Следите за изменениями в нашем Telegram-канале. {% endhint %}
Для отправки проверочных кодов через группу VK нужно подключить соответствующий канал. Если канал VK не подключен, то рядом с его названием будет отображаться уведомление. Для подключения канала пройдите по ссылке Подключить. Укажите адрес вашей группы VK и выберите текст первого шаблона. В поле Подстановка укажите название компании. Оно будет отображаться в тексте сообщения. Нажмите Отправить. После того, как мы одобрим заявку, группа появится в списке.

Отправка заявки на подключение группы VK
Чтобы добавить еще один шаблон:
1. Нажмите на поле рядом со строкой Текст сообщения ➔ Добавить шаблон;
2. Выберите шаблон из списка, укажите название компании и нажмите Добавить.
Мы получим заявку и добавим шаблон в течение трех дней. Далее его можно будет выбрать в поле Текст сообщения.

Выберите, по какому каналу вы хотите отправлять коды клиентам: через WABA или Weasy. Для работы WABA необходимо зарегистрировать имя отправителя WhatsApp. Если имя зарегистрированно, выберите его в строке Имя отправителя WhatsApp. Далее нужно выбрать шаблон сообщения. Если вы хотите добавить новый шаблон — отправьте заявку и добавим его в течение трех дней.
.png)
Для отправки кодов через канал Weasy выберите номер, к которому привязан аккаунт, выберите шаблон отправки и подставьте название компании.
.png)
Выберите зарегистрированное имя отправителя из выпадающего списка, шаблон сообщения и введите название компании.
.png)
Аналогично с каналом Viber, выберите имя отправителя, шаблон сообщения и введите название компании.
.png)
{% hint style=»info» %} Если для каналов Viber, WhatsApp или SMS не зарегистрировано имя отправителя, пройдите по ссылке Зарегистрировать и создайте заявку на подключение. {% endhint %}
В разделе Настройка виджета используйте кнопку Добавить канал, чтобы добавить каналы, которые будут использоваться для отправки проверочного кода для первого и повторного запросов.
{% hint style=»info» %} Вне зависимости от того, выбрали вы Telegram или Telegram Gateway, пользователь будет видеть единый способ авторизации через Telegram. Разница будет в том, что в одном случае он получит код с помощью вашего бота, а в другом — код от официального аккаунта. Поэтому выбрать Telegram и Telegram Gateway на одном шаге не получится. {% endhint %}
.png)
{% hint style=»info» %} Таким образом вы можете вывести более дорогие каналы на второй шаг, который будет доступен пользователю в случае, если какой-либо канал первого шага не сработал.
При этом вы можете настроить только первый запрос — в таком случае при повторном запросе кода пользователю будет доступен тот же набор каналов. {% endhint %}
В разделе Безопасность в поле Капча выберите тип сервиса по защите веб-сайтов (hCaptca, reCaptcha или SmartCaptcha), который виджет будет использовать, чтобы отличить реальных пользователей от Интернет-ботов. Подробную информацию об этих сервисах и создании учетных записей в них вы найдете в статье Использование captcha.
{% hint style=»info» %} Для reCAPTCHA также требуется указать допустимый рейтинг пользователя. В случае, если reCAPTCHA сообщит для пользователя рейтинг ниже указанного, пользователь увидит ошибку 110 (см. Расшифровка ошибок). {% endhint %}
В поле Секретный ключ капчи введите секретный ключ, который вы получили после создания учетной записи в hCaptca, reCaptcha или SmartCaptcha сервисе.
В поле Время жизни кода задайте период действия проверочного кода. Значение данного параметра указывается в минутах. Код, введенный пользователем после окончания заданного периода, будет недействительным.
В поле Лимит на номер введите ограничение на количество запросов для получения проверочного кода, которые могут быть отправлены с одного номера за один из следующих периодов времени:
минута;
час;
сутки.
Ограничение по IP-адресам является необязательным, но может оказаться очень полезным, если вы знаете, что на ваш сервис возможны фрод-атаки. Если вам оно необходимо, в поле Лимит неподтвержденных отправок с одного IP задайте ограничение на количество запросов для получения проверочного кода, которые могут быть отправлены с одного IP-адреса за один из следующих периодов времени:
минута;
час;
сутки.
.png)
Нажмите кнопку Создать, чтобы сохранить изменения и создать виджет.
Далее необходимо создать API-ключ.