Salebot.pro
Search
K
Comment on page

Контент (блоки сайта)

В разделе Контент в каждой секции добавлено поле ID секции:
ID секции задаётся самостоятельно! Использовать можно только латиницу, числа и нижнее подчеркивание вместо пробелов.
ID секции блока можно использовать для настройки навигации по странице (меню сайта) и в своих скриптах для обращения к нужному блоку.
Изображения можно загружать файлом или ссылкой на облачное хранилище.
Видео загружается ссылкой на размещенное в YouTube или Vimeo видео.

Рекомендации для изображений.

В блоках в настройках контента можно самостоятельно задавать размер и отображение изображений, добавленных на страницу сайта. Поэтому для блоков Обложка и Изображение и медиа нет строгих ограничений по размеру. Ниже таблица с рекомендованными размерами.
блок
Размер
Размер
Формат файла
Обложка
Рекомендуемый размер фото - 1920px x 1080px.
до 5 Мб
jpeg, jpg, png, gif, raw, tiff
Изображение и видео
Рекомендуемый размер фото - 1920px x 1080px.
до 5 Мб
jpeg, jpg, png, gif, raw, tiff
Галерея
Рекомендуемый размер фото - 1920px x 1080px. Рекомендуемое количество - не более 9.
Фото для галереи Не более 20 изображений общим объемом до 10 Мб
jpeg, jpg, png, gif, raw, tiff

Основные типы секций (блоков)

Настройки Контента определяют тип блока:
  • Обложка: блок для добавления изображение и видео, заголовок. Доступны шаблоны для добавления обложки страницы.
  • Заголовок и текст: текстовый блок с заголовком.
  • HTML: блок позволяет добавить на страницу HTML и CSS коды
  • Форма заявки с кнопками на мессенджеры: блок для добавления кнопок мессенджеров, вопросов, политики конфиденциальности.
  • Изображение или видео: блок для добавления картинки или видео
  • Кнопки: блок для добавления кнопок с функцией Ссылка, Телефон, email, Оплата
  • Цитата: блок для добавления цитаты
  • Список: блок с возможностью вставить нумерованные и маркированные списки
  • Выпадающий текст: блок для добавления выпадающего текста
  • Галерея: блок для добавления галереи изображений.
  • Таймер: блок для добавления таймера обратного отсчета.
Типы блоков
Типы блоков, продолжение

Блок Обложка

Данный блок нужен для создания обложки минилендинга с возможностью добавить картинку или видео над заголовком.
Настройки контента для блока "Обложка":
Можно выбрать один из доступных вариант расположения вложения (изображение или видео) и заголовка страницы. В превью страницы подтягиваются значения указанные в заголовке.
Вложения можно загрузить файлом или ссылкой на файл, в том числе 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
На минилендинге есть дополнительные настройки.
Поле "Заголовок формы"
В данном поле представлены функции для добавления и редактирования заголовка вопросов. Функционал аналогичен любому текстовому редактору, где есть установление различных настроек для текста:
  1. 1.
    жирный шрифт;
  2. 2.
    курсив;
  3. 3.
    подчеркнутый снизу текст;
  4. 4.
    перечеркнутый текст;
  5. 5.
    размер шрифта;
  6. 6.
    цвет текста;
  7. 7.
    выделение текста;
  8. 8.
    выравнивание;
  9. 9.
    маркированного списка для текста;
  10. 10.
    нумерованного списка для текста;
  11. 11.
    вставка ссылки:
Ссылку можно вставить таким образом, чтобы открывалось новое окно (с помощью переключателя) либо осуществлялся обычный переход со страницы лендинга.
Кастомные телефоны. Можно укажите какие коды стран показать для выбора при вводе номера телефона.
Кастомные (настраиваемые) коды стран.
Код страны по умолчанию указан +7 Россия. в этом поле можно сменить этот код на другую страну при необходимости.
Переключатель Определение кода страны по ip адресу.
Определение кода страны по ip адресу
При включении переключателя "Определение кода страны по ip адресу" код страны определяется автоматически по номеру телефона из базы ip (поле 1 на скрине, "Кастомные телефоны"). Если код страны не найден, то ставится код, указанный в поле "Код страны по умолчанию" (поле 2 на скрине выше).
Таким образом, если в поле "Кастомные телефоны" указать, например: Казахстан, и включить автоопределение кода страны по ip адресу, то сначала будет произведен поиск кода по номеру телефона из базы Кастомные телефоны (ip-адресов). Если номер найден, то возьмется код страны из номера телефона, иначе из поля "Код страны по умолчанию", т.е. Код страны по умолчанию.
В связи с временными ограничениями на уровне стран, данная настройка может работать не корректно.
Надпись. Если не заполнять данное поле, то над полем ввода номеру будет указано по умолчанию Телефон. Можно ввести своё описания для того, чтобы пользователь ввёл свой номер телефона.
Пример настройки Надписи над номером телефона

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

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

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

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

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

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

Создавать клиента WhatsApp при оставлении номера на лендинге

Переключатель для создания клиента при получении номера
Если вы испоьлзуете форму сбора данный и у вас есть поле "Телефон", то при ее заполнении клиентом вы можете создавать клиента в WhatsApp отправкой колбека. Для этого у вас должен быть подключен мессенджер к проекту. Для настройки, активируйте переключатель и укажите текст колбека, который придет в диалог клиенту. Клиент не увидит этот текст, так как это системное уведомление. Клиент будет создан даже если в ватап он не переходил. Рассмотрим на примере: Если клиент оставил данные на лендинге и перешел в Телеграм, то у вас будет создано два клиента. Один в Телеграм, второй в WhatsApp, клиенты автоматически не связаны. Работа с данным функционалом помогает не терять клиентов при переходе в мессенджеры.

Форма в модальном окне

Вы можете включить переключатель "Форма в модальном окне", пезультат работы переключателя в скриншоте ниже.
Форма в модальном окне, в открытом виде
Для создания формы, создайте форму с вопросами в лендинге и включите соответствующий переключатель, скрин ниже:
Переключатель в активированном виде.
Затем задайте идентификатор форме и создайте секцию с кастомной кнопкой. Выберите функцию открытия модального окна и в поле ссылка укажите идентификатор созданной формы.
идентификатор секции с кастомной кнопкой
Настройки открытия в кнопке
❗️ВАЖНО Данный функционал будет работать в лендингах Salebot, в VK или Tilda данный функционал не работает.

Блок Галерея

С помощью секции “Галерея” можно существенно улучшить информативность и привлекательность вашего сайта, добавив различные изображения, которые наглядно демонстрируют товары или услуги вашим клиентам или пользователям. Это позволяет создать более привлекательный и информативный контент, что может увеличить уровень доверия пользователей к вашему сайту и, следовательно, повысить его конверсию.
Секция “Галерея” обычно представляет собой набор изображений, организованных в виде слайд-шоу или карусели, которые можно просматривать и взаимодействовать с ними. Она может содержать различные виды изображений, такие как фотографии, скриншоты, диаграммы и т.д.
Добавление изображений в секцию “Галерея” включает в себя несколько этапов:
  1. 1.
    Выбор и загрузка изображений: Перед добавлением изображений в галерею, вам необходимо их сначала выбрать и загрузить на платформу:
По требованиям платформы, можно загрузить не более 20 изображений с общим объемом до 10 Мб.
  1. 2.
    Создание секции “Галерея”: в верхнем поле "Стиль галереи" выберите тип отображения изображений на сайте: Плитка, Полосы или Во всю ширину.
При нажатии на изображение пользователем, оно будет открываться в новом окне на сайте.
  1. 3.
    Аналогично предыдущим секциям, существуют настройки отображения загруженных изображений, а также настройки шрифтов: вы можете изменить стиль, используя библиотеку шрифтов, высоту, размер и стиль.
  2. 4.
    Настройте задний фон для данной секции:
Также можно добавить описание к изображениям: отмечайте важное и подписывайте изображения в галерее для большей информативности проекта.