> For the complete documentation index, see [llms.txt](https://docs.leadconverter.su/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.leadconverter.su/mini-lendingi-or-podpisnye-stranicy.md).

# Мини-лендинги | Подписные страницы

Мини-лендинг выглядит так :point\_down: И его задача - привести человека в чат-бота. 

<div align="left"><figure><img src="/files/t71Bys631uvX74AG93BD" alt=""><figcaption></figcaption></figure></div>

**На мини-лендинге вы можете:**

* показать информацию о своем товаре, услуге или продукте,&#x20;
* запросить какую-либо информацию у посетителя с помощью формы обратной связи,
* пригласить пользователя подписаться на бота в удобном для него мессенджере.&#x20;

После нажатия на кнопку мессенджера будет запущен указанный в настройках бот. \
\
Также, после нажатия на кнопку сохраняется вся информация о пользователе:&#x20;

* имя и фамилия, указанные в мессенджере,&#x20;
* данные из формы обратной связи, которые заполнил пользователь на мини-лендинге,
* все параметры из ссылки, по которой перешёл пользователь.

А ещё мини-лендинг позволяет:&#x20;

**✔** Указать ссылки на один, или несколько мессенджеров, которые вы используете\
\&#xNAN;**✔** Встраивать его на свои сайты и лендинги \
\&#xNAN;**✔** Размещать ссылку на него в оффлайне с помощью QR-кодов.\
\&#xNAN;**✔** Генерировать прямые ссылки на выбранный мессенджер, передавая в бота любые необходимые вам параметры\
\&#xNAN;**✔** Собирать информацию о пользователе, перед запуском бота\
\&#xNAN;**✔** Размещать счетчики аналитических систем и пиксели ретаргетинга (Yandex.Metrika, Google Analytics, Roistat, Facebook, VK, MyTarget, и любые другие)\
\&#xNAN;**✔** Размещать любые сторонние пиксели и скрипты\
\&#xNAN;**✔** Модифицировать текст и структуру мини-лендинга с помощью HTML-разметки.\
\
**А самое главное** - не нужно обладать какими-то специальными знаниями для того, чтобы настроить всё указанное. \
Всё, что может потребоваться - будет в этой статье :) \
\
Приступим к созданию мини-лендинга :relaxed::point\_down:

## Как создать мини-лендинг?

Авторизуемся на сайте [https://leadconverter.ru](https://leadconverter.ru?utm_source=docs)

В главном или боковом меню находим раздел "Мини-лендинги".

![](/files/lsyXtiSGH6uzFum683QT)

На странице раздела "Мини-лендинги" мы увидим такой интерфейс:

![](/files/Ee6Tm45vsEWbbKpG3aHQ)

Для добавления мини-лендинга жмём на <mark style="color:blue;">синюю</mark> <mark style="color:blue;">кнопку</mark> "создать мини-лендинг", или <mark style="color:red;">красную</mark> <mark style="color:red;">кнопку</mark> с плюсом внизу экрана. \
\
После клика мы попадаем на страницу создания мини-лендинга.

### Содержимое

Содержимое - самый первый этап настройки мини-лендинга.

Здесь мы можем изменять настройки контентной части мини-лендинга:\
Указать картинку, текстовое описание, выбрать мессенджеры, и многое другое. \
Рассмотрим подробнее:

#### Название мини-лендинга

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

Название мини-лендинга будет отображаться только в личном кабинете **LeadConverter**. \
Здесь можно указать любое имя. Это поле служит для удобной навигации среди своих мини-лендингов.&#x20;

#### Выберите бота&#x20;

Перед тем как вы продолжите заполнение этого шага - у вас уже должен быть [создан бот в LeadConverter](/bots/sozdayom-bota.md), а так же [подключен мессенджер](/podklyuchenie-messendzherov.md), в который вы хотите приглашать клиента. \
\
В этом поле мы выбираем, какой бот будет запущен после того как пользователь кликнет на кнопку мессенджера.

{% hint style="success" %}
**Можно не делить ботов по мессенджерам, и сделать один для всех.**&#x20;

Режим синхронизации в блоке "**Сообщение**" позволяет создавать бота для всех мессенджеров сразу.&#x20;
{% endhint %}

{% hint style="danger" %}
&#x20;При создании мини-лендинга **ОБЯЗАТЕЛЬНО нужно выбрать бота**. Иначе мини-лендинг не сохранится
{% endhint %}

#### Подключите каналы

Здесь нужно выбрать каналы (мессенджеры), которые будут **отображаться на мини-лендинге**.

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

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

Чтобы подключить каналы к LeadConverter можно изучить инструкцию ниже 👇

{% content-ref url="/pages/-Mas6iLDE5ZAmo3Qev6T" %}
[Подключение мессенджеров](/podklyuchenie-messendzherov.md)
{% endcontent-ref %}

**Каждый мессенджер по-своему реагирует на запуск бота:**

> В **Telegram** сначала нужно будет подтвердить переход в приложение Telegram, и далее нажать кнопку "**Запустить**", после которой активируется назначенный бот.

> На момент записи данного урока **Instagram** не умеет работать с переходом в личные сообщения, и, тем более, не умеет работать с запуском бота после перехода из мини-лендинга. Всё, что произойдёт - открытие профиля, который был выбран.

> **ВКонтакте** переведет пользователя в приложение, в котором будет отображаться фотография, взятая из мини-лендинга, и кнопка подписки, которая получает разрешение на отправку личных сообщений человеку от имени указанной группы.&#x20;

{% hint style="warning" %}
Для корректной работы **ВКонтакте**, нужно подключить приложение к своей группе.
{% endhint %}

> **Viber** в desktop версии запросит разрешение открыть приложение Viber, после одобрения сразу сработает назначенный бот. \
> В мобильной версии - будет открыто приложение, бот так же будет запущен сразу, после перехода по ссылке.

> Поведение Email зависит от того, указана ли ссылка "переадресации после подписки". \
> В случае если ссылка не указана - будет показано всплывающее окно с текстом благодарности за подписку.\
> Если ссылка для переадресации указана - пользователь будет перенаправлен на указанный адрес.

> При использовании **Facebook** потребуется нажать на кнопку "**Начать**", если пользователь не был подписан на бота, затем активируется назначенный бот.\
> В случае, если пользователь был подписан ранее - действий не потребуется.

#### Содержимое лендинга

Мы заполнили основные настройки, необходимые для корректной работы мини-лендинга. Теперь наполним его содержимым :)&#x20;

#### Загрузить изображение

Здесь мы можем выбрать **изображение** для мини-лендинга, чтобы сделать наш мини-лендинг более красочным и запоминающимся.

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

{% hint style="success" %}
Рекомендуемый размер изображения **795x250 пикселей.**\
**Если вы хотите, чтобы ваш мини-лендинг загружался быстрее - рекомендуем предварительно сжать изображение с помощью** [**squoosh.app**](https://squoosh.app)
{% endhint %}

Если нужно удалить текущую картинку или заменить её - нужно навести мышку на картинку и нажать соответствующие кнопки:

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

#### Использовать HTML-разметку в тексте

Эта опция будет полезна тем, кто умеет работать с **HTML.**

Здесь можно оформить текст через HTML, вставить дополнительные изображения... И в принципе использовать всё, что умеет HTML :)

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

Например:

```
<b>Подробное</b>, <i>красочное</i> описание мини-лендинга, для того, чтобы вызвать желание пользователя выбрать удобный мессенджер и запустить бота <br><br>

Красота :)
```

Получается оформленный текст :)

<div align="left"><figure><img src="/files/Lf2CqJU20pJapnDswqdY" alt=""><figcaption></figcaption></figure></div>

#### Описание

Здесь мы размещаем текст, в котором описываем нашего бота.&#x20;

Главная его задача - вызывать у пользователя желание запустить бота.

Если вы активировали опцию "Использовать HTML-разметку в тексте" - в текст описания необходимо размещать html-код.&#x20;

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

{% hint style="success" %}
Максимальная длина текста: **30 000 символов**
{% endhint %}

#### **Призыв к действию**

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

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

{% hint style="success" %}
Максимальная длина призыва: **500 символов**
{% endhint %}

#### Текст кнопки подписки (Для приложения ВКонтакте)

Текст кнопки, которая будет отображаться на странице **приложения ВКонтакте**

{% hint style="success" %}
Максимальная длина текста кнопки: **60 символов**
{% endhint %}

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

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

#### Стиль кнопок

На данный момент доступны три варианта отображения кнопок. Выбор каждого затрагивает только внешний вид отображения кнопок.\
\
Рассмотрим все три:

1. **По умолчанию**

Этот стиль является базовым и представляет собой квадратные иконки мессенджеров расположенные друг за другом

<div align="left"><figure><img src="/files/oARwgYfeGKukeePoCZ3P" alt=""><figcaption></figcaption></figure></div>

**2.** **2 кнопки в ряду**

Этот стиль представляет собой прямоугольные иконки мессенджеров, со скругленными краями расположенные по 2 в каждой строке.

<div align="left"><figure><img src="/files/Cmk3gjaBaUNC9P5oDMs7" alt=""><figcaption></figcaption></figure></div>

**3. 3 кнопки в ряду**

Этот стиль представляет собой прямоугольные иконки мессенджеров, со скругленными краями расположенные по 3 элемента в каждой строке.

<div align="left"><figure><img src="/files/uQLLJ1E5HPq59iQYsf5d" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
При необходимости можно включить отображение **названия мессенджеров** на кнопках&#x20;
{% endhint %}

#### Цвет текста, фона и заднего фона

Здесь мы можем выставить нужные цвета для мини-лендинга.

Кликаем на иконку выбора цвета, и выбираем нужный цвет. Посмотреть результат изменений можно сразу в предпросмотре справа.

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

#### Принять все политики

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

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

В **LeadConverter** по умолчанию есть политика для форм обратной связи. Но!

{% hint style="success" %}
Можно загрузить собственную политику конфиденциальности в личном кабинете.&#x20;
{% endhint %}

Для редактирования политики, нужно в **личном кабинете LeadConverter** перейти в:&#x20;

<mark style="color:green;">**Настройки -> Вкладка "Реквизиты" -> Редактировать политику конфиденциальности.**</mark>&#x20;

Там будет панелька с инструментами редактирования, и текстом текущей политики.

![](/files/t7WxIZCw0EQ9j7FtnpS6)

#### Выводить реквизиты компании

В **LeadConverter** можно добавить на мини-лендинг любую информацию о себе и своей компании.&#x20;

Информация будет отображаться в самом низу мини-лендинга.&#x20;

![](/files/nN7XQ5cq6SeeqeOXYN0N)

**Где можно добавить реквизиты компании?**&#x20;

<mark style="color:green;">**Настройки -> Вкладка "Реквизиты" -> Редактировать реквизиты компании.**</mark>

{% hint style="info" %}
Если на мини-лендинге нужно сделать *<mark style="color:blue;">**к**</mark><mark style="color:purple;">**р**</mark><mark style="color:orange;">**а**</mark><mark style="color:red;">**с**</mark><mark style="color:yellow;">**и**</mark><mark style="color:green;">**в**</mark><mark style="color:blue;">**е**</mark><mark style="color:purple;">**н**</mark><mark style="color:orange;">**ь**</mark><mark style="color:red;">**к**</mark><mark style="color:green;">**о**</mark>*, но нет знаний языка разметки - можно написать нам в [поддержку](/kak-zadat-vopros-v-podderzhku.md), мы быстро с этим поможем :)&#x20;
{% endhint %}

### Настройки Email канала

В этом разделе указываются действия, которые будут выполнены после того, как пользователь будет подписан на Email-канал. <br>

Доступны два режима поведения:

1. Пользователь будет перенаправлен на указанную страницу.
2. Пользователю будет показано всплывающее окошко с текстом благодарности за подписку.&#x20;

Если поле "Переадресация на страницу после email-подписки" не заполнено - будет отображено сообщение с благодарностью.

Заголовок и текст уведомления можно изменить в соответствующих полях:

![](/files/aS1Uh6dQ1QctGHvrYepr)![](/files/gZVskaMXm5hZYhVcBLVE)

Если поле "Переадресация на страницу после email-подписки" заполнено - пользователь будет перенаправлен на указанную страницу.

### Подводим итоги

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

{% content-ref url="/pages/SBblfMdFHbQ8xYpoTSG9" %}
[Настройка формы мини-лендинга](/mini-lendingi-or-podpisnye-stranicy/nastroika-formy-mini-lendinga.md)
{% endcontent-ref %}