> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# OTP-блок: SMS-подтверждение телефона в квизе

> OTP-блок подтверждает номер телефона кодом из SMS, чтобы сократить число фейковых лидов. Узнайте, как добавить и настроить блок, а также стоимость SMS.

## OTP-блок

OTP-блок (One-Time Password, одноразовый пароль) добавляет в квиз-воронку SMS-подтверждение телефона. Когда посетитель отправляет номер телефона, он получает код подтверждения в SMS и должен ввести его, чтобы продолжить.

Так вы собираете **реальные, подтверждённые номера телефонов**, сокращаете число фейковых лидов и повышаете эффективность кампаний на звонки и SMS.

## Как это работает

Когда посетитель доходит до OTP-блока, LanderLab автоматически находит номер телефона, введённый в поле Phone Number, и отправляет на него код подтверждения в SMS. Чтобы продолжить, посетитель вводит этот код.

<Warning>
  **Важно:** OTP-блок всегда должен располагаться после поля Phone Number. Без номера телефона системе некуда отправлять код, и подтверждение не будет работать.
</Warning>

## Как добавить OTP-подтверждение

### 1. Добавьте поле Phone Number

Убедитесь, что на шаге есть блок ввода **Phone Number**. В это поле посетители вводят свой номер, а OTP-система берёт его оттуда автоматически.

### 2. Добавьте OTP-блок

В редакторе шага нажмите **Add Block** и выберите **OTP**. Разместите его после поля Phone Number или на следующих шагах.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Jnrh_0qON_PKwbtw/images/add-otp.png?fit=max&auto=format&n=Jnrh_0qON_PKwbtw&q=85&s=0de57d527f787a357beafd50e39593cb" alt="Добавление OTP-блока на шаг квиза" width="1920" height="991" data-path="images/add-otp.png" />
</Frame>

### 3. Настройте OTP-блок

Выберите OTP-блок, чтобы открыть панель настроек. Основные разделы разобраны ниже.

### 4. Сохраните и проверьте

Нажмите **Update**, затем опубликуйте или повторно опубликуйте воронку. Для проверки:

* Введите корректный номер телефона
* Вы должны получить SMS с кодом
* Введите код, чтобы убедиться, что всё работает от начала до конца

## Общие настройки

| Настройка | Что делает |
| :- | :- |
| **Name** | Внутреннее имя блока |
| **Label** | Необязательная видимая подпись над полем ввода |
| **Input Style** | Влияет на внешний вид поля для ввода кода (см. ниже) |

## Input Style

Выберите, как поле для ввода кода будет выглядеть для посетителей:

**Digits** — отображает отдельные стилизованные ячейки, по одной на каждую цифру. Это более аккуратный и современный вариант: каждый символ получает свой квадрат, поэтому поле легко заметить и заполнить. Отлично подходит для воронок, где важно качество дизайна.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Jnrh_0qON_PKwbtw/images/Screenshot-2026-04-22-at-3.33.14-PM.png?fit=max&auto=format&n=Jnrh_0qON_PKwbtw&q=85&s=4e309b0292583e5554c09cbcf249c054" alt="Поле для ввода OTP-кода в стиле Digits — отдельные ячейки для каждой цифры" width="446" height="108" data-path="images/Screenshot-2026-04-22-at-3.33.14-PM.png" />
</Frame>

**Input** — одно обычное текстовое поле. Аккуратное и привычное. Подходит, если вы хотите минималистичный вид или ячейки для цифр не вписываются в стиль вашей воронки.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Jnrh_0qON_PKwbtw/images/Screenshot-2026-04-22-at-3.32.12-PM.png?fit=max&auto=format&n=Jnrh_0qON_PKwbtw&q=85&s=9424d8177963dda12cd4ccdcc8520218" alt="Поле для ввода OTP-кода в стиле Input — одно текстовое поле" width="423" height="97" data-path="images/Screenshot-2026-04-22-at-3.32.12-PM.png" />
</Frame>

## Settings

### Resend Button

Включите эту опцию, чтобы под полем ввода кода появилась ссылка **Resend**. С её помощью посетители запрашивают новый код, если не получили первый.

Надпись ссылки можно изменить в поле **Resend Text** (по умолчанию: *Resend*).

## Send Button: когда её включать

Это самая важная настройка, и её значение целиком зависит от того, где в воронке расположен OTP-блок.

### **Если OTP-блок находится на том же шаге, что и поле Phone Number:**

Включите Send Button. На шаг добавится кнопка **Send Code**. Посетитель вводит номер телефона, нажимает кнопку для отправки SMS и тут же, на этом же шаге, вводит полученный код. Если кнопка не включена, запросить код до отправки шага нельзя.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Jnrh_0qON_PKwbtw/images/send-code.png?fit=max&auto=format&n=Jnrh_0qON_PKwbtw&q=85&s=873d1ceec490652f900883ce7e1952ee" alt="Кнопка Send Code на том же шаге, что и поле телефона" width="1920" height="991" data-path="images/send-code.png" />
</Frame>

### **Если OTP-блок находится на отдельном шаге (после шага с номером телефона):**

Кнопку Send Button можно оставить выключенной. Посетитель уже отправил номер на предыдущем шаге, поэтому LanderLab автоматически отправляет код, когда он попадает на шаг с OTP. Поле для кода уже готово — кнопка не нужна.

<Tip>
  Простое правило: OTP на том же шаге, что и телефон — включите Send Button. OTP на отдельном шаге после телефона — Send Button можно оставить выключенной.
</Tip>

Надпись на кнопке можно изменить в поле **Send Text** (по умолчанию: *Send Code*).

### Validations

В поле **Error Text** задайте сообщение, которое покажется, если посетитель ввел неверный или просроченный код.

### Spacing

Ширину блока (**width**) можно настроить готовыми размерами: **S, M, L или Full**. Значения верхнего и нижнего отступа (**margin**) помогают точно настроить промежутки на шаге.

### Стоимость SMS OTP

SMS OTP Verification стоит **\$0.09 за одно подтверждение** и доступна **только на платных тарифах**. Если у вас бесплатный тариф, в настройках OTP-блока вы увидите предложение **Activate Plan**.

### Зачем нужно OTP-подтверждение

* Подтверждает, что посетитель владеет номером, который он указал
* Исключает фейковые, неверно введённые и одноразовые номера
* Повышает качество лидов для колл-центров и SMS-кампаний
* Увеличивает доверие рекламодателей к вашим данным об лидах


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.