Salebot.pro
Search
⌃K

Как создать Минилендинг

Статья находится в процессе разработки. Больше информации в разделе Минилендинги:
Минилендинги
Salebot.pro
Полная статья по созданию и работе с минилендингами
Популярные статьи раздела:

Описание раздела Минилендинги

Подробное описание раздела Минилендинги можно посмотреть 👉 в этой статье

Создать новый минилендинг

В Salebot реализован блочный конструктор минилендингов. Создать свой уникальный лендинг можно без знания программирования.
Зайдите в раздел Минилендинги и в верхней части экрана нажмите синюю кнопку Создать минилендинг.
Откроется конструктор минилендинга с возможностью выбирать тип блока, который хотите добавить в минилендинг и кнопки с настройками и возможность перейти в предпросмотр сохраненных изменений на минилендинге.
На скриншоте выделены добавленные в минилендинг секции и поле Предварительного просмотра (1).
Настройки (2), (3), (4), (5) и (10) относятся в целом к минилендингу.
Настройки (6), (7), (8) и (9) - для конкретной секции (блока конструктора минилендингов).

Полноэкранный режим с возможностью форматирования текста

Для удобства редактирования минилендингов можно скрыть меню разделов проекта и открыть поле предварительного просмотра на весь экран . Для этого можно нажать на кнопку Полноэкранный режим:
Чтобы редактировать текст в полноэкранном режиме выделите текст и в верхней строке появится меню для форматирования текста:
Горячие клавиши для входа в полноэкранный режим:
Ctrl+shift+X или Cmd+shit+X

1. Предварительный просмотр.

Всё поле выделенное синей рамкой на изображении выше. В данном поле отображаются добавленные блоки и есть возможность добавить новый блок минилендинга. Все вносимые изменения сразу отображаются в поле Предварительный просмотр
Основные типы блоков можно увидеть в данной статье:

2. Настройки.

Для перехода к общим настройкам минилендинга нажмите данную кнопку и откроется меню с разделами: Основная информация, Мессенджеры, Аналитика, CSS и JS, Автоматический пост ВК
Подробнее про основные настройки минилендинга можно прочитать в данной статье:
Как создать Минилендинг
Salebot.pro
Описание основных настроек минилендинга

3. Предпросмотр.

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

4. Сохранить.

При клике по кнопке сохраняться настройки, но редактирование данного минилендинга останется открытым.

5. Сохранить и закрыть.

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

6. Настройки (Настройки блока).

При клике по данной кнопке откроется окно с возможными настройками выбранного блока.
Контент. В данном выпадающем меню идут настройки контента, который будет отображаться на минилендинге. В зависимости от выбранного блока настройки будут разные. Рассмотрим в отдельной статье про типы блоков:
Как создать Минилендинг
Salebot.pro
Основные типы блоков
Настройки шрифтов. В данном выпадающем меню настройки шрифтов для данного блока минилендинга:
Подробнее про все поля настройки шрифтов рассказано в данной статье:
Настройка заднего фона. На странице можно установить задний фон, используя заливку цвета, градиент или изображение. Используйте переключатель "Закрепить изображение" чтобы при прокрутке страницы оно оставалось неподвижным. С помощью этой настройке можно создать аналог анимации на странице.
Подробнее рассказано в этой статье:
Настройка отображения. С помощью данного меню можно настроить отображение данного блока на минилендинге и подписной ВК. А также сделать оптимизацию под любой тип устройств: настроить видимость блока в зависимости от размера экрана устройства.
У подписной страницы ВКонтакте фиксированные размеры, поэтому параметр Ширина секции и Ширина контента работать НЕ БУДУТ (значения не применятся).
Подробнее про настройки этого выпадающего меню будет рассказано в этой статье:

7. Диапазон видимости.

В настройках отображения секции (блока) есть возможность указать для устройств с каким размером экрана будет отображаться текущая секция(блок). Таким образом можно для мобильных устройств сделать более адаптированную версию минилендинга. В этом поле выводится значение настройки "Диапазон видимости на устройствах"
Пример настройки в секции(блоке)
Отображение настройки в поле Предварительный просмотр.

8. Сменить положение блока на странице: выше/ниже.

Если в процессе создания минилендинга появилась необходимость поменять местами блоки, достаточно нажатием по данной кнопке поднять/отпустить блок относительно соседних.

9. Создать блок копированием и удалить.

Команда "Скопировать" помогает быстро создать точную копию блока.

10. Добавить блок.

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

Настройки: Основная информация

Название в списке минилендингов.

Здесь может быть любой ваш текст;

Название в ссылке.

Создано для того, чтобы вы могли указывать свою ссылку на минилендинг. По умолчанию, название генерируется автоматически из набора букв и цифр.
Требования: - могут быть использованы только латинские буквы, цифры и символ нижнего подчеркивания( _ ) - название должно быть уникальным в рамках платформы. Если его уже выбрал кто-то другой, вам его использовать уже не удастся.
К минилендингу можно подключить свой домен. Если сменить название в ссылке не получается, значит это название уже занято. Можно добавить символы или выбрать другое.

Название вкладки в браузере.

По умолчанию равен значению в поле Название минилендинга

Тег

Тег - метка, которая передается в бот, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.
Значение указанное в поле Тег будет записано в переменную клиента tag. В дальнейшем можно использовать данную переменную в аналитике воронки.
Пример использования тега в минилендингах.
В настройке минилендинга указан тег - реклама. Ниже скриншот настройки:
Настройки минилендинга
Пользователь на минилендинге нажимает кнопку мессенджера и переходит в него. Путь клиента на примере Telegram: - Перешел с минилендинга в Telegram:
- Нажал кнопку "Запустить"/"Старт" (зависит от устройства). Даже если клиент ранее контактировал с ботом для запуска бота с минилендинга он должен нажать кнопку Запустить. Это правила мессенджера для ботов.
- В бота вместо /start придет тег, указанный в настройках минилендинга.
- Клиенту приходит первое сообщение из воронки, запуск которой настроен на данный тег.
Пример настройки в разделе Аналитика:
Цвет фона минилендинга
По умолчанию, белый. Можно сделать однотонный из цветового круга (нажмите на значок Пипетка) или выбрать Градиент (выберите плитку с понравившимся градиентом).
Цвет контейнера с секциями
По умолчанию, белый. Можно сделать однотонный из цветового круга (нажмите на значок Пипетка) или выбрать Градиент (выберите плитку с понравившимся градиентом). Также Цвет контейнера с секциями можно сделать прозрачным. Для этого выберите плитку с черно-белыми квадратами.
Требовать аутентификацию из Телеграм
Эта опция позволит отсеять тех, кто пытается просто попасть на минилендинг без авторизации, но лучше включать ее после настройки всего остального, когда будете уверены что все настроено верно. После ее включения попасть на минилендинг можно только через кнопку для авторизации, которую отправляет бот (ссылка на инструкцию по кнопке для авторизации на сайте).
Прочитать подробнее про настройку авторизации (аутентификации) через бота Телеграм можно здесь:
Минилендинги
Salebot.pro
Как настроить принудительную авторизацию в минилендинге через бот

Доступ только по спискам

Эта опция позволяет предоставить доступ к минилендингу по наличию пользователя в определенных списках вашего проекта.

Скрыть надпись "Сделано в Salebot"

При необходимости надпись можно скрыть. Для этого поставьте галочку в данном чек-боксе.
Скрыть надпись "Сделано в Salebot" можно на любом платном тарифе.
Мы благодарны всем, кто оставляет надпись "Сделано в Salebot" на своих минилендингах.

Настройки: Мессенджеры

Вкладка для общих настроек работы мессенджеров на минилендинге
Для добавления кнопок мессенджеров в минилендинг воспользуйтесь секцией (блоком) "Форма заявки с кнопками на мессенджеры"

1. Ссылка на установку приложения Salebot в сообщество ВКонтакте

Установите в сообщество ВКонтакте приложение Salebot для работы с Подписной страницей ВК.

2. Выбор бота, в которого ведет кнопка на минилендинге и/или Подписной ВК

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

Настройка WhatsApp

3. Начальное сообщение в Whatsapp.

При переходе с минилендинга по кнопке Whatsapp текст указанный в этом поле будет записан в поле ввода сообщения у пользователя в самом приложении Whatsapp.
Ему будет достаточно нажать "Отправить":
Пропишите этот текст в поле Условии стартового блока воронки.
Настройка блока для запуска по Начальному сообщению Whatsapp

Настройка кнопок Вконтакте

4. Текст кнопки в ВК лендинге.

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

5. Чекбоксы куда ведет кнопка ВКонтакте с минилендинга

Чекбокс Кнопка ВКонтакте с минилендинга ведет на ref ссылку группы. Переход по ref -ссылке ведет в диалог с сообществом( группой) ВК. Тег из настроек минилендинга передается только если клиент что-либо напишет в бота. Также и карта клиента в Salebot создастся, когда пользователь(клиент) напишет что-либо или нажмет кнопку Начать.
Пример диалога с сообществом при переходе с минилендинга, в котором включен чекбокс "Кнопка ВКонтакте с минилендинга ведет на ref ссылку группы" и в настройках сообщества включена кнопка "Начать"
Диалог в сообществе ВК
При клике по кнопке Начать в сообщество приходит сообщение:
Диалог в сообществе ВК
В разделе Клиенты появился новый клиент и тег из настроек минилендинга передан в бота
Диалог в разделе Клиенты
Чекбокс Кнопка ВКонтакте с минилендинга ведет на подписную с автоподпиской.
Автоподписка в данном случае идёт на СООБЩЕНИЯ ОТ СООБЩЕСТВА (БОТА).
На само сообщество с помощью данной настройки пользователь не подписывается
При клике на минилендинге по кнопке перехода в ВКонтакте идет перенаправление на обычный лендинг в ВК. Но при включенном данном чекбоксе нажимать на кнопки лендинга ВК НЕ надо, идет автоматическая имитация клика по кнопке.
Если пользователь переходит в бота впервые появляется контекстное меню с запросом на разрешение отправки сообщений от имени сообщества.
После клика по кнопке "Разрешить" пользователь попадает в диалог с сообществом. От него автоматически приходит сообщение равное тегу минилендинга. Пользователь этого не видит, тег приходит только в диалоге Salebot. Запускается цепочка сообщений, настроенная на получение тега.
приходит тег, указанный в настройках минилендинга

6. Подписная, на которую ведет кнопка ВКонтакте.

В настройках минилендинга можно указать подписную страницу в ВКонтакте, на которую будет переходить пользователь при клике по кнопке ВК с минилендинга.
7. В ВК отображать количество подписчиков (чекбокс). На подписной в ВКонтакте будет указано количество подписчиков сообщества.
Настройка минилендинга
Пример Подписной странице ВКонтакте

8. Подпись к ВК подписчикам.

Работает при включенном чекбоксе "В ВК отображать количество подписчиков". Сообщение "Подписчиков:" будет заменено на сообщение указанное в данном поле.
Пример настройки:
Настройка в минилендинге
Пример Подписной страницы ВКонтакте

Настройки: Аналитика

Данная вкладка необходима для настройки аналитики по данному минилендингу.

Аналитика маркетинга и продаж

Добавить клиенту метку. При запуске бота с минилендинга клиенту будет установлена метка. Её увидеть можно в разделе Клиенты в диалоге. По наличию метки можно фильтровать клиентов и работать в разделе Списки - вкладка Метки.
Добавить клиента в список. При запуске бота с минилендинга клиент будет добавлен в указанный в настройках минилендинга список. Увидеть списки, в которых есть клиент можно в разделе Клиенты в диалоге. По наличию клиента в списках можно фильтровать клиентов и работать в разделе Списки. Выдавать различные доступы и настраивать работу бота
Пример настройки добавления клиентам метки и списка:
Настройки минилендинга
Где смотреть наличия у клиента меток и в какие списках состоит:
Идентификатор сайта CoMagic. Подключение к минилендингу сквозной аналитики через сервис CoMagic. Подробнее про настройку на стороне CoMagic можно найти на стороне сервиса. В настройках минилендинга достаточно указать Идентификатор сайта, полученный в CoMagic
Сохранение в переменные клиента значений из куки. Для создания сквозной аналитики, можно включить на минилендинге передачу в бота значений куки клиента. И дальше передавать их в системы сквозной аналитики. Доступные варианты:
Пример переменных клиента, который запустил бота с минилендинга:
Пример переменных клиента в диалоге в разделе Клиенты
В переменные клиента записались данные из куки: Google Client ID, Yandex Client ID, Client IP address, User agent. Остальные сервисы к минилендингу не подключены.
Пиксель ВКонтакте. К данному минилендингу можно подключить пиксель ВКонтакте. В данном поле укажите код пикселя.
Настройка минилендинга
Подробнее как подключить пиксель ВКонтакте рассмотрено в этой статье:
Минилендинги
Salebot.pro
Подключение пикселя ВКонтакте к минилендингу
Пиксель Facebook. К данному минилендингу можно подключить пиксель Facebook. В данном поле укажите код пикселя.
Настройка минилендинга
Подробнее как подключить пиксель Facebook рассмотрено в этой статье:
Минилендинги
Salebot.pro
Подключение пикселя Facebook к минилендингу

Яндекс Метрика

К минилендингу созданному в Salebot можно подключить Яндекс.Метрику. Для этого создайте счётчик в Яндекс.Метрике, создайте цель(и) и укажите данные в настройках минилендинга:
Как подключить Яндекс.Метрику рассказано в статье:
Аналитика в минилендингах
Salebot.pro
Подключение и настройка Яндекс Метрики
ID Яндекс Метрики. Укажите ID счётчика Я.Метрики
Идентификатор цели в Яндекс Метрике. Укажите идентификатор цели события.
Если передадите идентификатор цели без нижнего подчеркивания в конце, для всех кнопок на минилендинге будет действовать одинаковая Цель, идентификатор которого передан в поле.
Если передадите идентификатор в виде "button_" со знаком "_" в конце, то цель будет отправлена для каждой кнопки мессенджера разная.
Например, настройка целей в Метрике: "button_0" - для ВКонтакте "button_1" - для Телеграм. Идентификаторы мессенджеров для настроек на стороне Метрики: 0 - Вконтакте 1 - Телеграм 2 - Viber 3 - FaceBook 6 - WhatsApp 8 - Одноклассники 10 - Instagram
Пример как настроить на клики по кнопкам разных мессенджеров:
Настройки в минилендинге
Настройки на стороне Яндекс.Метрика:
Настройки в Яндекс.Метрике

Google Аналитика

К минилендингу созданному в Salebot можно подключить Google Аналитику. Для этого создайте поток данных с указанием домена вашего минилендинга в Google Аналитике, создайте событие-конверсию и укажите данные в настройках минилендинга:
Настройки в минилендинге
Подробнее о том как подключить и настроить Google Аналитику рассказано в статье:
Google Analytics
Salebot.pro
Подключение и настройка Google Аналитики
Создайте событие конверсии для каждой кнопки отдельно или одну цель для всех кнопок.
Если вы передадите название события в виде "button_" со знаком "_" в конце, то конверсия будет отправлена для каждой кнопки мессенджера разная. Например: "button_vk" - для ВКонтакте "button_telegram" - для Телеграм. В конец будет добавлено: vk - Вконтакте telegram - Телеграм viber - Viber facebook - FaceBook whatsapp - WhatsApp ok - Одноклассники instagram - Instagram Если вы передадите идентификатор без нижнего подчеркивания в конце, для всех кнопок будет действовать одинаковое событие конверсии, название которого передано в данное поле.
Пример настроек Google Аналитики на клики по кнопкам каждого мессенджера по отдельности:
Настройка конверсий на стороне Google Аналитики:

Настройки: CSS и JS

Из-за правил Вконтакте код не вставится в лендинг ВКонтакте. Только на нашем минилендинге отобразятся изменения
Заполнять данный раздел можно по необходимости. Если вы понимаете в CSS, то сможете сделать свой минилендинг еще привлекательнее. Также сюда можно вставить код сервиса аналитики, пикселя от Facebook и пр.

Примеры скриптов

Сменить ссылку на политику конфиденциальности

В блоке Форма заявки с кнопками мессенджеров можно отобразить чекбокс Политики конфиденциальности. По умолчанию указана политика конфиденциальности конструктора.
С помощью скрипта можно сменить ссылку на страницу с политикой конфиденциальности.
Добавьте скрипт в поле html-код body в разделе CSS и JS
<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "ссылка на политику конфиденциальности";
</script>

Удалить кнопку ВК с минилендинга

Добавьте скрипт в поле html-код body в разделе CSS и JS
<script>
document.getElementsByClassName('vk_link')[0].remove()
</script>

Убрать заголовок минилендинга

Добавьте скрипт в поле html-код body в разделе CSS и JS Подходит для старых версий минилендингов
<script>
document.getElementsByClassName('title_container')[0].remove()
</script>

Изменить ссылку в кнопке Telegram

Добавьте скрипт в поле html-код body в разделе CSS и JS
<script>
document.getElementsByClassName('modern_btn salebot_button tg_link')[0].href = "новая ссылка";
</script>
Для других мессенджеров замените tg_link на insta_link, vk_link и т.д.

Изменить текст кнопки

Разместите данный код в поле HTML-код body в разделе CSS и JS
  1. 1.
    Для отображения кнопки мессенджера создайте в минилендинге форму заявок с вопросами и укажите на какие мессенджеры следует вывести кнопки.
Установите стиль отображения кнопок - Иконка с текстом:
2. На вкладке CSS и JS разместите в поле Настройки HTML -> HTML-код body следующий код:
<style>
.tg_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.viber_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.tg_link:after {content: "Зарегистрироваться в Telegram";font-size: 15px;color: white}
.viber_link:after {content: "Зарегистрироваться в Viber";font-size: 15px;color: white}
</style>
Данный код изменит текст кнопок для Telegram и Viber. Для других мессенджеров внесите код по аналогии с примером.

Изменить фавикон

Добавьте скрипт в поле html-код head в разделе CSS и JS
Данный код можно использовать изменения фавикона - значка веб-сайта или веб-страницы.
<link rel="shortcut icon" type="image/x-icon" href="ссылка на иконку" />
Пример использования html и css

Настройки: Автоматический пост ВК

По умолчанию, ползунок "Отображать кнопку для автоматической публикации поста" ВЫКЛЮЧЕН
Содержимое поста . Текст, который будет опубликован на странице того, кто нажмет кнопку для автопубликации поста.
Ссылка на вложение. Вложение должно быть опубликовано в соцсети ВКонтакте в открытом сообществе.
Откройте картинку на просмотр и из адресной строки требуется взять часть ссылки, начинающуюся с photo и до первого %:
Пример настройки без вложения:
  1. 1.
    Настройки минилендинга -раздел Автоматический пост в ВК
  1. 2.
    Настройки минилендинга -раздел Мессенджеры.
Меняем текст кнопки в Подписной ВКонтакте
По умолчанию - "К диалогу". После клика по кнопке будет переход на всплывающее окно с текстом поста, который будет опубликован на странице пользователя.
  1. 3.
    Получить ссылку на Страницу подписки ВК.
Взять ссылку Страница подписки ВКонтакте можно в разделе Минилендинги - кнопка Перейти. Копируем ссылку на Страницу подписки ВКонтакте.
Данную ссылку можно разместить в рекламе или на странице сообщества.
При переходе по ссылке пользователь попадает на страницу подписки на бота:
пример Страницы подписки ВК
Нажимает кнопку для перехода к автопостингу. ОТкрывается всплывающее окно с текстом, указанным в разделе Автоматический пост в ВК и кнопка Разместить запись.
После клика по кнопке публикация появляется на стене пользователя, а он попадает в диалог с сообществом.
В бота приходит Уведомление, что пользователь поделился публикацией на своей странице и тег. Далее на тег, указанный в настройках минилендинга можно настраивать запуск воронки. Смотрите описание поля Тег в разделе Основная информация
Пользователь НЕ видит уведомление и тег, отправленные в бота от его имени.

Основные типы блоков

Все блоки для создания минилендинга имеют одинаковые разделы настроек:
Настройки в меню "Контент" определяют тип блока:
Типы блоков
Типы блоков, продолжение

Настройки блоков

Все блоки для создания минилендинга имеют одинаковые разделы настроек:

Контент

секция Обложка

Данный блок нужен для создания обложки минилендинга с возможностью добавить картинку или видео над заголовком.
Настройки контента для блока "Обложка":
Можно выбрать один из доступных вариант расположения вложения (изображение или видео) и заголовка страницы. В превью страницы подтягиваются значения указанные в заголовке.
Вложения можно загрузить файлом или ссылкой на файл, в том числе YouTube и Vimeo. Вес вложения добавленного файлом рекомендовано до 5 МВ. Формат изображений: jpeg, jpg, png, gif, raw, tiff
Рекомендованных размеров изображения нет. Можно самостоятельно настраивать размер отображения вложения:
Ширину и высоту картинки можно задать в следующих единицах измерения:
px - в пикселях
vw - объем занимаемый на экране устройства
% - п от ширины данной секции (блока)

Заголовок

Можно выбрать выделение текста: Жирный, Курсив, Подчеркнутый и Зачеркнутый.
Выделите текст или участок текста, чтобы сменить цвет шрифта.
Выравнивание текста заголовка можно редактировать нажав на кнопку "Выравнивание текста".
Текст заголовка можно сделать в формате маркированного или нумерованного списка.Для этого есть кнопки Маркированный список и Нумерованный список.
В текст заголовка можно добавить ссылку, в том числе ссылку можно добавить в текст.
Для этого выделите участок текста и нажмите кнопку Ссылка. В открывшемся поле введите ссылку, по которой будет переход при клике по тексту. Чтобы сохранить ссылку в тексте нажмите галочку.
В дальнейшем можно редактировать ссылку в этом тексте или удалить ссылку из текста.

секция Заголовок и текст

Данный блок используем для добавления текста в миниледнинг. Поле Заголовок можно заполнить или оставить пустым.
Основные поля для форматирования текста Заголовка и Основного текста такие же как в блоке Обложка.
Можно менять форматирование текста (Жирный, Курсив, Зачеркнутый, Подчеркнутый), менять цвет выделенного текста, выравнивание (справа, слева, по центру или по ширине страницы). Добавить списки (Нумерованные и Маркированные) или вставить ссылку в текст.
Также ксть возможно вставить переменные в поле Текст:
При клике по кнопке откроется меню с подсказкой доступных стандартных переменных. Можно скопировать и вставить в поле Текст:

секция HTML

Секцию можно использовать для добавления элементов на созданный минилендинг с помощью HTML и CSS кодов.
CSS код работает на весь минилендинг, а не только на текущую секцию!
Из-за правил Вконтакте код НЕ вставится на Страницу подписки ВКонтакте
Не рекомендуется вставлять в блок HTML коды с тэгами <script> Данный HTML-код выполняется сразу же, в превью.
Чтобы добавить <script> воспользуйтесь разделом CSS и JS в настройках минилендинга. Пример добавления <script>:
Раздел CSS и JS в общих настройках минилендинга.

секция Форма заявки с кнопками на мессенджеры

Данный блок позволяет добавить форму для сбора данных, например, телефон, имя, ответы на вопросы и прочее и установить кнопки для перехода в мессенджеры в чат-бота.
форма настроек блока Форма заявки с кнопками на мессенджеры
форма настроек блока Форма заявки с кнопками на мессенджеры (продолжение)

Вопросы

По умолчанию в блоке нет заранее созданных вопросов. Можно добавить только кнопки мессенджеров. Если нужно добавить в форму вопросы, то нажмите кнопку Задать вопросы и задайте нужные настройки.
Поля Вопрос и Переменная являются обязательными для ввода и помечены *.
Пример вопроса, созданного при клике по кнопке Создать вопрос
переключатель Обязательный вопрос
Вопрос можно сделать обязательным. В этом случае, пока пользователь не введет значение перехода в мессенджеры не произойдет. Для этого включите переключатель Обязательный вопрос ( 1 на рисунке ниже)
Удалить вопрос можно нажав на значок корзины, напротив переключателя Обязательный вопрос ( 2 на рисунке выше)
кнопка Добавить еще вопрос
Если необходимо задать несколько вопросов в одной форме, то можно добавлять вопросы, кликнув по кнопке Добавить ещё вопрос.
При клике по кнопке Задать вопросы открывается форма по умолчанию с типом поля Выпадающий список. Дальше его можно сменить на любой из доступных.
Тип поля. Можно выбрать один из вариантов доступных вопросов:
  • Выпадающий список - перечень ответов будет выведен на экран в виде поля со списком
  • Выбор нескольких вариантов - ответ может содержать несколько вариантов - множественный выбор из перечня возможных ответов
  • Выбор одного варианта - может быть выбран только один ответ из перечня возможных ответов
  • Текстовое поле - поле, в котором клиент должен ввести значение самостоятельно
Следующие типы полей могут быть использованы в форме только один раз для настоящего минилендинга:
  • Имя
  • Email
  • Телефон
Если вопрос отмечен обязательным, то клиент не сможет закрыть форму, не ответив на данный вопрос.

тип поля Выпадающий список

В данном вопросе возможные варианты ответов спрятаны в выпадающем меню. При клике по полю откроется меню с вариантами ответов. Добавить новый ответ можно кликнув по кнопке + Добавить ответ.
В поле Переменная необходимо указать название переменной с учетом рекомендаций к их созданию. Ответ будет сохранен в переменную и передан в бота.
Прочитать про Переменные можно в этой статье (нажмите на выделенный синим цветом текст)

тип поля Текстовое поле

Можно выбрать данный тип, если пользователь должен указать ответ в свободной форме.
В поле Переменная необходимо указать название переменной с учетом рекомендаций к их созданию. Ответ будет сохранен в переменную и передан в бота.
Прочитать про Переменные можно в этой статье (нажмите на выделенный синим цветом текст)

тип поля Выбор нескольких вариантов

В данном вопросе пользователь может выбрать как один так и несколько вариантов ответа. На странице минилендинга отображаются сразу все ответы. Рядом с ними стоят квадратные чекбоксы для выбора. Добавить новый ответ можно кликнув по кнопке + Добавить ответ.
В поле Переменная необходимо указать название переменной с учетом рекомендаций к их созданию. Ответ будет сохранен в переменную и передан в бота.
Прочитать про Переменные можно в этой статье (нажмите на выделенный синим цветом текст)

тип поля Выбор одного варианта

В данном вопросе пользователь может выбрать только один вариант ответа из доступных. На странице минилендинга отображаются сразу все ответы. Рядом с ними стоят круглые чекбоксы, но выбрать можно только один ответ. Добавить новый ответ можно кликнув по кнопке + Добавить ответ.
В поле Переменная необходимо указать название переменной с учетом рекомендаций к их созданию. Ответ будет сохранен в переменную и передан в бота.
Прочитать про Переменные можно в этой статье (нажмите на выделенный синим цветом текст)

тип поля: Имя

В данное поле записывается имя пользователя. При переходе в бота имя с минилендинга запишется в переменную клиента name_from_ml
Надпись. Если не заполнять данное поле, то над полем ввода номеру будет указано по умолчанию Имя. Можно ввести своё описания для того, чтобы пользователь ввёл свои данные.
Как отображается полученное в минилендинге имя клиента:

тип поля: Email

В данное поле записывается электронный адрес пользователя. При переходе в бота имя с минилендинга запишется в переменную клиента email
Надпись. Если не заполнять данное поле, то над полем ввода номеру будет указано по умолчанию Email. Можно ввести своё описания для того, чтобы пользователь ввёл свои данные.
Как отображается полученные данные в боте при переходе с минилендинга:

тип поля: Телефон

В данное поле записывается номер телефона пользователя. При переходе в бота телефон пользователя с минилендинга запишется в переменную клиента phone
На минилендинге есть дополнительные настройки.
Кастомные телефоны. Можно укажите какие коды стран показать для выбора при вводе номера телефона.
Кастомные (настраиваемые) коды стран.
Код страны по умолчанию указан +7 Россия. в этом поле можно сменить этот код на другую страну при необходимости.
Переключатель Определение кода страны по ip адресу.
Определение кода страны по ip адресу
При включении переключателя "Определение кода страны по ip адресу" код страны определяется автоматически по номеру телефона из базы ip (поле 1 на скрине, "Кастомные телефоны"). Если код страны не найден, то ставится код, указанный в поле "Код страны по умолчанию" (поле 2 на скрине выше).
Таким образом, если в поле "Кастомные телефоны" указать, например: Казахстан, и включить автоопределение кода страны по ip адресу, то сначала будет произведен поиск кода по номеру телефона из базы Кастомные телефоны (ip-адресов). Если номер найден, то возьмется код страны из номера телефона, иначе из поля "Код страны по умолчанию", т.е. Код страны по умолчанию.
В связи с временными ограничениями на уровне стран, данная настройка может работать не корректно.
Надпись. Если не заполнять данное поле, то над полем ввода номеру будет указано по умолчанию Телефон. Можно ввести своё описания для того, чтобы пользователь ввёл свой номер телефона.
Пример настройки Надписи над номером телефона

Отобразить политику конфиденциальности

По умолчанию данные настройки идут отключенными. Чтобы включить добавьте галочку в чекбоксе Политика конфиденциальности. Также можно отметить нужно ли выводить на странице минилендинга галочку в чекбоксе " Я соглашаюсь с политикой конфиденциальности". Для этого поставьте отметку в настройках минилендинга в чекбоксе Выводить чекбокс сразу отмеченным

Кнопки

В этом разделе идет настройка отображения кнопок на минилендинге.

Стиль кнопок (выпадающее меню)

Отображать кнопки только иконками мессенджеров ( Только иконка) или добавить название мессенджера (Иконка с текстом).
Если выбрать тип кнопок Иконка с текстом, то можно изменить текст на кнопке.
Также можно выбрать какие кнопки мессенджеров, подключенных к Salebot будут отображаться на минилендинге. Для этого поставьте галочки в чекбоксах.
Если К ПРОЕКТУ НЕ ПОДКЛЮЧЕНЫ КАНАЛЫ (мессенджеры и чаты в разделе Каналы), то на минилендинге КНОПОК мессенджеров для перехода в бота НЕ БУДЕТ.

Кнопки данной формы будут брать данные со всех форм минилендинга (переключатель)

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

Настройки шрифтов

Можно изменить шрифт, стиль написания (например, Normal или Italic), выбрать начертание (толщину линий в шрифте), размер шрифта, межбуквенный интервал (интервал между буквами) и высоту строки (расстояние между строками).
В секциях с полями Заголовок и Текст есть возможность применить данные настройки ко всему блоку или создать дополнительный шрифт. При включении ползунка Дополнительный шрифт, можно настроить второй вариант настроек шрифта. В этом случае можно сделать Текст и Заголовок разными шрифтами внутри одного блока.

Настройки заднего фона

(статья в процессе создания)
Цвет фона и Градиент заднего фона секции также можно менять. Сделать однотонным цвет или выбрать градиент из возможных предложенных вариантов.

Настройки отображения

Настройки отображения

Можно выбрать где данная секция будет отображаться(видна на устройствах). По умолчанию отображается на минилендинге и на странице подписки ВКонтакте. С помощью выпадающего меню можно выбрать другой вариант отображения данного блока.

Отступы

С помощью данных полей можно настраивать пустое расстояние между секциями. По умолчанию, отступы сверху/снизу 32 px, слева/справа - 60 рх
(статья в процессе создания)