Минилендинги в социальных сетях

Что такое минилендинги и как их создать

Минилендинги — это небольшая страница, с основной информацией о вас или вашем бизнесе и кнопками для перехода в мессенджеры, к которым у нас привязан бот.

Как будет выглядеть ваш минилендинг, зависит только от вашей фантазии. Создаются они в разделе Минилендинги. Здесь же находятся настройки для создания вашего чат-сайта. Пример минилиендинга представлен на Рисунке 1:

Рисунок 1 - минилендинг
Рисунок2 - классический минилединг

Для пользователей, привыкших к минилендингам других платформ, сделан стиль "Классический минилендинг".

Кнопки соцсетей автоматически создадутся на основании ботов. Подключенных Вами. Из одного мессенджера будет по одной кнопке, если он конечно подключен.

Создание минилендинга

Давайте рассмотрим основные поля настроек минилендингов (Рисунок 3)

Рисунок 3

Название — здесь может быть любой ваш текст

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

URL изображения — добавляет картинку. Можно указать ссылкой или можно загрузить с компьютера через кнопку "Файл"

Заголовок — по аналогии с заголовком сайта, текст, который будет в самом верху минилендинга.

Подзаголовок — более детальное описание ваших товаров, услуг и т.д.

Тег — метка, которая передается в бота, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.

Html коды head и body представлены на рисунке 4. Они не являются обязательными, но если вы понимаете в CSS, то сможете сделать свой минилендинг более привлекательным. Также сюда можно вставить код сервиса аналитики, пикселя от Facebook и пр. Пример CSS настроек для минилендинга с Рисунка 1 выглядит так:

Рисунок 4

Начальное сообщение в Whatsapp - этот текст будет записан в поле ввода у пользователя и ему будет достаточно нажать "Отправить". Так же прописывайте этот текст в условии зеленого блока.

Текст кнопки в Вк лендинге - тут название говорит само за себя.

Готовый минилендинг можно использовать в рекламных компаниях и соцсетях, размещая ссылку на него там, где это вам необходимо.

Ссылку на минилендинг можно получить сразу после создания.

Примеры можно посмотреть по ссылкам:

Минилендинг Классический вид Чат-сайт Ссылка на страницу подписки на группу ВК

Тег

Тег — метка, которая передается в бота, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.

Важно! Если переход в диалог был по ссылке с ключем подписки(тегом), при нажатии кнопки старт(или подобных) придет не старт, а именно этот ключ подписки. Это позволяет сделать несколько воронок внутри одного проекта.

Тег присваивается клиенту один раз при создании и остается с ним навсегда. Этот тег дополнительно отправляется в CRM, чтобы вы могли понимать с какого рекламного канала пришел клиент. Для каждого тега вы можете создать свой минилендинг с уникальным тегом.

Важно! Тег должен быть написал латинскими буквами и цифрами. Длинна не более 50 символов.

Лидформа Вконтакте

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

Рисунок 5

Для того, чтобы для вашей ВК группе работал вк-лендинг, уставите приложение в нее по ссылке

Рисунок 6 - пример установки приложения в группу

Если вы видите это на своем минилендинге, то приложение не установлено!

Если указан тег, то кнопка вк с обычного минилендинга будет вести на вк лендинг, чтобы тег не потерялся.

Html - код

Если вам необходимо изменить минилендинг под свои нужды, Вы можете добавить скрипт в поле html-код body, который сделает нужные изменения. Например, скрипт ниже удаляет кнопку ВК с минилендинга.

<script>
document.getElementsByClassName('vk_link')[0].remove()
</script>

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

<script>
document.getElementsByClassName('title_container')[0].remove()
</script>

Например, скрипт ниже меняет ссылку кнопки телеграмма.

<script>
document.getElementsByClassName('btn telegram_link')[0].href = "новая ссылка";
</script>

Видеоурок