Блок Pop-up
В статье расскажем, что такое pop-up, а также покажем, как его добавить на свой лендинг
Pop-up - это всплывающее окошко, которое появляется на сайте после выполнения целевого действия на лендинге. Внутри окна может лежать форма сбора данных, текстовый блок, галерея и любые другие секции, существующие в конструкторе Salebot:
Целевым действием для pop-up в конструкторе сайтов Salebot является нажатие на кнопку, в которой лежит значение секции.
Как настроить секцию и открытие окошка по кнопке, читайте далее.
Настройка Pop-up
Чтобы создать секцию pop-up, необходимо кликнуть на "+" для открытия меню с секциями:
Далее в открывшемся меню найдите секцию Pop-up:
И далее кликните на поп-ап, чтобы секция добавилась на ваш сайт:
В pop-up можно добавить любое количество секций, сделав, например, информационное окошко на лендинге.
Чтобы добавить в поп-ап секцию, кликните по кнопке "Заполнить поп-ап":
Откроется модальное окно с секциями, которые можно вложить внутрь pop-up:
Для примера добавим несколько секций сайта внутрь поп-апа:
Внутри pop-up можно сделать второй минилендинг, поскольку в окне может находится неограниченное количество секций.
Секции внутри pop-up настраиваются так же, как и секции, из которых вы будете конструировать свой сайт.
Настройка кнопки
Pop-up будет открываться на вашем сайте при нажатии на кнопку. При этом можно использовать в качестве открытия кнопки как секцию "Меню", так и секцию "Кнопки":
Как добавить pop-up в секцию "Меню"
Чтобы добавить поп-ап в блок "Меню", скопируйте значение секции всплывающего окна:
Далее перейдите к настройкам секции "Меню":
Шаг 1. Добавьте секцию меню:
Шаг 2. Добавьте кнопку в настройках контента секции "Меню":
Шаг 3. Выберите действие для кнопки "В текущем окне":
Шаг 4. Добавьте в поле ссылки значение ID pop-up:
Шаг 5. Сохраните настройки сайта:
Шаг 6. Тестирование
Чтобы просмотреть, как pop-up открывается в меню сайта, перейдите на страницу сайта:
Далее кликните по своей созданной кнопке в меню:
Как видно, pop-up открывается только при клике на кнопку, в которой вы можете прописать целевое действие для клиента: например, записаться на прием, читать подробнее и т.д.
Как добавить pop-up в секцию "Кнопки"
Чтобы добавить поп-ап в блок "Меню", скопируйте значение секции всплывающего окна:
Далее перейдите к настройкам секции "Кнопки":
Шаг 1. Добавьте блок "Кнопки" на сайт:
Шаг 2. Добавьте кнопку в настройках контента блока:
Шаг 3. Установите функцию кнопки - ссылка:
Шаг 4. Укажите значение из секции pop-up в ссылку кнопки:
Шаг 5. Нажмите "Сохранить", чтобы добавить кнопку:
Шаг 6. Тестирование
Сохраните настройки сайта:
Чтобы просмотреть, как pop-up открывается в меню сайта, перейдите на страницу сайта:
Далее кликните по своей созданной кнопке с функцией открытия pop-up:
Всплывающее окошко поможет разгрузить ваш сайт, сделать его более подвижным и гибким, а также добавить дополнительную информацию, не нарушая основную логику и дизайн сайта.
Last updated
