Перейти до основного контенту
Усі колекціїІнтеграції
Як додати модальне поле та інтегрувати в нього форму?
Як додати модальне поле та інтегрувати в нього форму?

У цій статті ви дізнаєтеся, як інтегрувати модальну форму у вашу сторінку.

Dmytro avatar
Автор: Dmytro
Оновлено понад 2 міс. тому

⚙️ Поп-ап/модальне вікно - це ще один спосіб збору лідів або, іншими словами, даних потенційних клієнтів. Якщо ваш потенційний клієнт натисне на вашу CTA-кнопку, відкриється поп-ап вікно з формою.

Щоразу, коли ви інтегруєте форму в модальне поле, буде створено поп-ап вікно, яке ви можете використовувати замість класичної форми. Звичайно, ви також можете використовувати класичну форму, яка відображається безпосередньо на сторінці. Для детальної інструкції перегляньте цю статтю.

📌 Примітка: Onepage не надає функції для автоматичного відображення модального вікна на вашій сторінці. Модальне вікно з'явиться лише після натискання спеціально налаштованої кнопки.

Окрім лід-форм, ви можете використовувати модальне вікно для відображення важливих оголошень або надання швидкого доступу до додаткової інформації, не залишаючи поточну сторінку. Його також можна використовувати для демонстрації зображень, відео або кнопок із закликом до дії, щоб підвищити зацікавлення.

⏩ Як створити модальну форму у Onepage

Виконайте ці кроки, якщо ви хочете інтегрувати модальну форму на свою сторінку.

Крок 1: Додати поп-ап

Додайте нову секцію з категорії «Поп-ап». Всього є 3 шаблони, які ви можете редагувати під свої потреби.

Крок 2: Редагуйте дизайн

Окрім стандартних налаштувань секції, ви також можете налаштувати ширину модального вікна, відредагувати кнопку "закрити" та додати фоновий колір, якщо це необхідно.

Крок 3: Редагуйте форму/додайте елементи

Редагуйте форму всередині модальної форми, додавайте до неї нові поля або змінюйте налаштування форми. Редагування модальної форми працює аналогічно редагуванню класичної форми. Для отримання додаткової інформації, будь ласка, прочитайте цю статтю.

Якщо потрібно, ви можете додати деякі додаткові елементи. Наприклад, видалимо текст і додамо замість нього логотип.

Крок 4: Прив'яжіть модальне вікно до CTA-кнопки

  • Натисніть на будь-яку CTA-кнопку.

  • Переконайтеся, що спочатку видалили URL-адресу «onepage.io».

  • Виберіть опцію «Поп-ап».

  • Приєднайте модальне вікно.

Крок 5: Опублікувати/оновити

Не забудьте опублікувати або оновити свою сторінку.


🎉 Готово! Ваше модальне вікно тепер доступне в онлайн режимі!🎉


Поширені питання та їх вирішення

Як скопіювати модальне вікно на іншу підсторінку?

З модальними секціями все трохи складніше. Перед тим, як вставити модальну секцію, потрібно додати будь-яку звичайну секцію і будь-який поп-ап з шаблону на нову підсторінку. Перегляньте, будь ласка, відеоінструкцію:

Чи можна перетворити модальну секцію на глобальну?

Наразі це неможливо.

Чи можна посилатися на модальне вікно з глобальної секції?

Посилання буде працювати тільки з однієї сторінки - на якій ви налаштували модальне меню, але не для інших підсторінок. Рекомендується використовувати неглобальні розділи, які посилаються на модальне вікно.

Як налаштувати модальне вікно для автоматичного відображення при відвідуванні мого сайту?

Onepage не надає функції для автоматичного відображення модального вікна на вашій сторінці. Модальне вікно з'явиться лише після натискання спеціально налаштованої кнопки.


Пов'язані теми


💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂

Ви отримали відповідь на своє запитання?