Спливаюче вікно — це вікно, яке з'являється поверх веб-сторінки, зазвичай викликане дією користувача на цільовій сторінці. Воно може містити форму збору даних, текстовий блок, галерею або будь-який інший тип секції, доступний у конструкторі MaviBot.
Цільовою дією для спливаючого вікна в конструкторі MaviBot є натискання на кнопку, що містить значення секції.
Читайте далі, як налаштувати секцію та відкрити вікно за допомогою кнопки.
Налаштування спливаючого вікна
Щоб створити секцію спливаючого вікна, натисніть на "+", щоб відкрити меню з секціями. Потім знайдіть секцію Pop-up у меню, що відкриється. І натисніть на спливаюче вікно, щоб додати секцію на ваш сайт:
Ви можете додати будь-яку кількість секцій у спливаюче вікно, створивши, наприклад, інформаційне вікно на цільовій сторінці.
Щоб додати секцію спливаючого вікна, натисніть на кнопку "Заповнити спливаюче вікно". Відкривається модальне вікно з секціями, які можна вбудувати всередину спливаючого вікна:
Ви можете додати кілька секцій сайту всередину спливаючого вікна, фактично створюючи вторинну міні-цільову сторінку. Вікно підтримує необмежену кількість секцій, що дозволяє створювати гнучкі та комплексні макети.
Секції всередині спливаючого вікна налаштовуються так само, як і ті, що ви використовуєте для дизайну основного сайту.
Налаштування кнопки
Спливаюче вікно відкриватиметься на вашому веб-сайті після натискання кнопки. Ви можете використовувати секцію "Меню" або секцію "Кнопки" для створення цієї кнопки-тригера.
Як додати спливаюче вікно до секції "Меню"
Щоб додати спливаюче вікно до блоку Меню, скопіюйте значення секції спливаючого вікна:
Потім перейдіть до налаштувань секції "Меню":
Крок 1. Додайте секцію меню та додайте кнопку в налаштуваннях вмісту секції Меню:
Крок 2. Виберіть дію для кнопки "У поточному вікні":
Крок 3. Додайте значення ID спливаючого вікна в поле посилання:
Крок 4. Збережіть налаштування сайту.
Крок 5. Тестування
Щоб побачити, як спливаюче вікно відкривається в меню сайту, перейдіть на сторінку сайту та натисніть на створену кнопку в меню.
Як бачите, спливаюче вікно відкривається лише після натискання на кнопку, і ви можете вказати цільову дію для клієнта: наприклад, записатися на прийом, дізнатися більше тощо.
Як додати спливаюче вікно до секції Кнопки
Щоб додати спливаюче вікно до блоку Меню, скопіюйте значення секції спливаючого вікна:
Потім перейдіть до налаштувань секції "Кнопки":
Крок 1. Додайте блок "Кнопки" на сайт:
Крок 2. Додайте кнопку в налаштуваннях вмісту блоку:
Крок 3. Встановіть функцію кнопки посилання:
Крок 4. Введіть значення з секції спливаючого вікна в посилання кнопки:
Крок 5. Натисніть кнопку збереження, щоб додати кнопку з посиланням на спливаюче вікно
Крок 6. Тестування
Збережіть налаштування сайту. Щоб побачити, як спливаюче вікно відкривається в меню сайту, перейдіть на сторінку сайту:
Далі натисніть на створену кнопку з функцією відкриття спливаючого вікна:
Спливаюче вікно допоможе розвантажити ваш сайт, зробити його більш мобільним і гнучким, а також додати додаткову інформацію без порушення основної логіки та дизайну сайту.