Як створити багатокрокову форму (воронку)?

Багатокрокові форми - це чудовий спосіб покращити взаємодію з користувачем, розбиваючи довгі форми на зручні частини. Такий підхід не тільки робить форми менш перевантаженими, але й покращує показники заповнення, дозволяючи користувачам зосередитися на одному кроці за раз. У нашому останньому оновленні форми та квізи тепер інтегровані безпосередньо в один елемент, що забезпечує більшу гнучкість і простоту. Незалежно від того, чи хочете ви створити просту однокрокову форму або привабливу багатокрокову форму, цей новий елемент надає всі необхідні інструменти.

Cтворити форму

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

📌 Примітка: Кожен розділ можна перетворити на форму у налаштуваннях секції або просто додавши будь-який елемент форми.

Як редагувати форму

У верхньому лівому куті секції форми ви побачите кнопку "Редагувати форму" - натисніть на неї, щоб почати редагування.

Тепер ви можете редагувати кожен крок окремо. Для цього виберіть потрібний крок в меню зліва і налаштуйте потрібні елементи праворуч - аналогічно до звичайних секцій!

Вибір між багатокроковою та однокроковою формою - Додати кроки

Раніше форми та квізи були окремими елементами, які не можна було перетворити один в одного за бажанням. Тепер вони поєднані в одне: Ви можете почати з простої форми, додати кроки, щоб перетворити її на багатокрокову, або просто видалити кроки, щоб перетворити її на звичайну форму.

Багатокрокова форма

Щоб додати додаткові кроки, будь ласка, натисніть на Редагувати форму ➡️ Додати крок. Тут доступні наші шаблони та чисті макети.

Додавання та редагування дій

*Також відомі як кінцеві кроки

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

Ви можете додати їх, натиснувши на Редагувати форму ➡️ Додати дію.

Тут вам доступні 5 дій:

Показати вміст фрейму
Відкрити посилання
Показати вміст та відкрити посилання
Показати вміст та відкрити модальне вікно
Відкрити модальне вікно

Гнучке редагування структури кроків - Професійний режим

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

Ви можете активувати режим "Pro" внизу ліворуч, поруч з кнопкою «Оновити».

Нижче ви знайдете дві короткі демонстрації.

Налаштування кнопок навігації

За замовчуванням, кожен крок має кнопку навігації "Наступний крок" та "Попередній крок".

Приховати кнопки навігації

За потреби ви можете деактивувати кнопки навігації для певного кроку, що корисно, наприклад, якщо ви автоматично переходите до наступного кроку після вибору.

Або ви можете приховати їх для всієї багатокрокової форми:

Додати власні кнопки навігації

Ви можете налаштувати власні кнопки навігації, додавши відповідний елемент у потрібному місці:

Тут ви можете вибрати дію "Надіслати/наступний крок" або "Попередній крок".

Активація та редагування шкали прогресу

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

Щоб активувати шкалу прогресу, будь ласка, натисніть на Редагувати форму ➡️ Налаштування та активуйте опцію "Шкала прогресу".

📌 Примітка: Деякі шаблони форм вже мають активну шкалу прогресу. Ви можете відредагувати або вимкнути її, якщо потрібно.

За необхідності ви можете приховати шкалу прогресу для певного кроку. Це особливо корисно на першому кроці.

Редагувати дизайн

Щоб отримати доступ до налаштувань шкали прогресу, ви можете натиснути на неї безпосередньо в редакторі або натиснути на Редагувати форму ➡️ Налаштування ➡️ Шкала прогресу.

Тут ви можете вибрати один з різних типів шкал прогресу, а також всі необхідні параметри дизайну для їх налаштування.

Огляд елементів форми

Wir haben viele neue Felder in der Kategorie "Formular" hinzugefügt.

Diese findest du im Menü "Formularelemente". Jedes Feld verfügt über eigene Einstellungsmöglichkeiten, mit denen du es in mehrere verschiedene Styles umwandeln kannst - einige Felder bieten bis zu 5 Optionen. Hier findest du die vollständige Liste der neuen Felder (klicke zum Erweitern).

Ми додали багато нових полів до категорії "Форма".

Ви можете знайти їх у меню "Елементи форми". Кожне поле має власні варіанти конфігурації, які дозволяють конвертувати його в кілька різних стилів - деякі поля пропонують до 5 варіантів. Ви можете знайти повний список нових полів нижче (натисніть, щоб розгорнути).

🧱 Основні елементи:

Короткий та довгий текст

Короткий текст: Дозволяє вводити короткі відповіді.

Довгий текст: Надає місце для довших, більш розгорнутих відповідей.

Число

Цей елемент використовується для введення певного числа і має 3 різні конфігурації:

Кнопки навігації (відправити та наступний/попередній крок)

Цей елемент має 3 можливі дії:

Наступний крок
Надіслати
Попередній крок

Ви можете самостійно визначити положення цієї кнопки, що є альтернативою стандартному розміщенню.

Ви можете знайти більше інформації в цьому розділі.

📞 Контактні елементи:

Ім'я (прізвище, ім'я та по батькові)

Тут ви можете збирати лише окремі дані, якщо бажаєте (наприклад, лише ім'я).

Електронна пошта (E-Mail)

Цей елемент дозволяє ввести адресу електронної пошти і одночасно перевірити, чи є вона бізнес-адресою. Він також може блокувати тимчасові (одноразові) електронні адреси.

Адреса

Тут ви можете збирати лише певні дані, якщо бажаєте (наприклад, лише місто, поштовий індекс та адресу). Будь ласка, просто деактивуйте поля, які не потрібні.

Телефон

Даний елемент може розпізнавати країну автоматично або використовувати заздалегідь визначений код країни.

❓Елементи вибору (опції)

Опції (Чекбокс, Чекліст, Картки, Теги, Випадаючий список)

Елемент вибору дозволяє запропонувати різні варіанти відповідей на питання. Користувач може вибрати один або кілька варіантів, залежно від налаштувань форми.

Є 5 можливих конфігурацій:

Чекбокс
Чекліст
Картки
Теги
Випадаючий список

Шкала оцінки

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

🔎 Інші елементи:

Слайдер

Цей елемент використовується для введення діапазону чисел, і тут доступні кілька форматів відображення.

ReCaptcha

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

Інструкції щодо ReCaptcha можна знайти тут: ReCaptcha einrichten

Завантаження файлу

Цей елемент дозволяє вказати, чи слід очікувати один або декілька файлів, а також визначити розмір файлу. Максимальний розмір файлу - 10 МБ.

Згода з умовами

Цей елемент дає змогу отримати згоду користувача на певні умови або правила. Його часто використовують у політиці конфіденційності або умовах використання.

⚠️ Wichtig: Die Zustimmung wird nicht in allen Schritten vor dem Absenden angezeigt, wie es in der vorherigen Version der Fall war. Du musst sie bitte manuell in den jeweiligen Schritten einrichten.

Вибір дати та часу

Вибір дати дозволяє користувачеві вибрати дату та час. Його можна налаштувати як поле введення або календар.

Проміжок дат

Даний елемент дозволяє вибрати період з початковою та кінцевою датою. Його можна налаштувати як поле введення або календар.

Анімація завантаження

Анімація завантаження створює враження, що інформація обробляється. Тривалість можна встановити в секундах. Максимальна тривалість - 5 секунд.

Приховане поле

Приховане поле використовується для введення користувацьких параметрів UTM.

Детальну інструкцію ви можете знайти тут: Параметри URL, параметри UTM та приховані поля

Налаштувати логічні правила

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

Ми створили окрему інструкцію для цієї теми: Логічні правила у формах

📌Примітка: Щоб мати можливість користуватися цією функцією, вам потрібно придбати розширення "Форми та квізи".

Список лідів

Ви можете переглядати отримані ліди безпосередньо у внутрішній CRM-системі. Ознайомтеся з нашою інструкцією, як це зробити: Onepage CRM. Основи

Крім того, ви можете переглянути список лідів у самій формі: натисніть на Редагувати форму ➡️ Результати ➡️ Ліди.

Аналітика форми

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

Ми створили окрему інструкцію для цієї теми: Аналітика у багатокрокових формах

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

Як перетворити секцію-форму назад у звичайну секцію?

Для цього скористайтеся вікном налаштувань у верхньому правому куті:

Як я можу деактивувати згоду на певному кроці?

Згода відображається не на всіх кроках перед відправкою, як це було в попередній версії. Будь ласка, налаштуйте її вручну на потрібних кроках.

Тепер згода вбудовується окремим елементом.

Як встановити дизайн (наприклад, фон) для конкретного кроку або для форми в цілому?

Для конкретного кроку слід налаштуванти наступним чином:

Для загальних налаштувань дизайну, будь ласка, використовуйте опції у верхньому правому куті:

Як я можу ігнорувати ліди з певного кроку дії?

Для цього, будь ласка, активуйте наступну опцію у відповідному кроці:

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

Логічні правила у формах

Як активувати та використовувати аналітику в Onepage?

Onepage CRM. Основи
Налаштування ReCaptcha

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