# Создание лендингов

Конечная цель: <img src="/files/-M2xplydVf384U3nbyuV" alt="" data-size="original">&#x20;

Приступим :stuck\_out\_tongue\_winking\_eye: \
Перейдите в раздел **"лендинги"**:

![](/files/-M2xqRyA9X2swqY2IEW9)

Сейчас лендинг не создан, поэтому нужно нажать кнопку **"добавить лендинг"**. После нажатия мы попадем на страницу редактирования:

![](/files/-M2xqwJAnfZdNz4KCCtb)

Лендинг состоит из нескольких элементов. Основные - это картинка, заголовок и описание (текст). Чтобы добавить эти элементы, нажмите на кнопку **"редактировать"** в верхнем правом углу. Откроется окно редактирования:

![](/files/-M2xra8W2bzi_o6-Y2vw)

Заполните поля. Обратите внимание, что по мере заполнения, лендинг меняется :scream:&#x20;

Наш лендинг почти готов, осталось добавить элементы с действиями, наведите на плюсик внизу основного блока и выберите **"кнопка подписаться"**, так как наша цель сейчас - получить как можно больше подписчиков в группе, чтобы потом рассылать им сообщения о новых акциях :star\_struck:&#x20;

![](/files/-M2xtPYt9rqBt-t3fq6V)

По клику на эту кнопку появится элемент подписки. Подробнее про него [тут](/rabota-s-podpischikami/lendingi/knopka-podpisatsya.md).

![](/files/-M2xu5c5mIzjNZ36aPFl)

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

![](/files/-M2xul9O_vQsUxQm5XP1)

Отлично :muscle: Вы добавили простую кнопку подписки, по клику на нее подписчик разрешит сообщения от группы и вы сможете отправлять ему сообщения через рассылку! Подробные настройки кнопки рассмотрены в статье [Кнопка "подписаться"](/rabota-s-podpischikami/lendingi/knopka-podpisatsya.md). А пока давайте протестируем отображение нашего лендинга.

Закройте окошко редактирования кнопки (нажмите на серое поле слева). А затем нажмите кнопку **"посмотреть превью"** в правом нижнем углу. Откроется страница лендинга такой, какой ее будет видеть ваш подписчик.

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

Теперь давайте сохраним наш лендинг (кнопка "сохранить") и перейдем в раздел "лендинги" в левом меню:

![](/files/-M2xwDWKOV4PjuSCEfAo)

Включите лендинг для подписчиков с помощью переключателя.\
Подписчики увидят вашу страничку, кликнув на кнопку приложения SmartBot в вашей группе. Кнопку можно настроить в меню группы: установить иконку и текст кнопки.\
Также вы можете распространить ссылку на ваш лендинг любым другим способом, например, скопируйте ссылку и вставьте в рекламный пост! :sunglasses:&#x20;

{% hint style="info" %}
Важно, чтобы пользователи могли пользоваться вашим лендингом, в Управлении сообществом -> Приложения нужно настроить видимость приложения Smartbot как указано на скриншоте ниже.
{% endhint %}

![](/files/-MdRw7w8ZxZbqsviE9-Z)

**Осталось протестировать наш лендинг:**<br>

![Пример работы лендинга с кнопкой подписки](/files/-M2xyDB5MdLCu9BF72Au)

Супер! Вы освоили крутой инструмент привлечения подписчиков :sunglasses:&#x20;

*Изображение концерта взято с сайта* [*http://sreda24.ru/*](http://sreda24.ru/)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.smartbot-vk.ru/rabota-s-podpischikami/lendingi/sozdanie-lendingov.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
