Власні форми

Власні форми дозволяють створювати власні багатокрокові форми та використовувати їх замість вбудованих форм Lead Collection або Human Contact Form. Ви самі обираєте поля, повідомлення з подякою та кнопку надсилання, а потім прив'язуєте форму до потрібного розділу.

Де знайти форми

Виберіть свого чатбота та перейдіть до Settings > Forms (Налаштування > Форми). На цій сторінці наведено список збережених власних форм. Якщо ви ще не створили жодної, відобразиться повідомлення "No custom forms yet" із кнопкою Create your first form (Створіть свою першу форму). Власні форми доступні як преміумфункція - якщо ваш тарифний план їх не містить, з'явиться пропозиція оновити тариф.

Створення форми

Натисніть New form (Нова форма) або Create your first form (коли список ще порожній), щоб відкрити конструктор форм.

Збирання форми

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

• Form name (Назва форми) - внутрішня назва, щоб пізніше ви могли ідентифікувати форму у спадних списках.
• Thank-you message (Повідомлення з подякою) - текст підтвердження, який бачить відвідувач після надсилання форми.
• Submit button (Кнопка надсилання) - задайте напис на кнопці, оберіть додаткову піктограму та її колір.
• Вкладки Build (Конструктор) і Custom CSS (Власний CSS) - створюйте поля візуально або перейдіть до Custom CSS, щоб застосувати власні стилі.

Додавання полів

На вкладці Build вкажіть додатковий заголовок кроку, а потім натисніть кнопку типу поля, щоб додати його. Форма підтримує до 10 кроків, загалом до 50 полів і до 3 полів File upload. Поля з варіантами вибору підтримують до 100 варіантів кожне.

• Name - однорядкове поле для імені відвідувача.
• Email - збирає адресу електронної пошти з перевіркою формату email.
• Phone number - збирає номер телефону.
• Date - вибір дати.
• Time - вибір часу.
• File upload - дозволяє відвідувачу прикріпити та завантажити файл (див. нижче).
• Short answer - однорядкове поле для довільного тексту.
• Long answer - більше багаторядкове поле для розгорнутих відповідей.
• Checkbox - один прапорець, наприклад для згоди з умовами.
• Dropdown - спадне меню, де відвідувач обирає один варіант зі списку.
• Single choice - набір варіантів, де відвідувач обирає лише один.
• Multiple choice - набір варіантів, де відвідувач може обрати кілька одночасно.

Кожне поле має Label (Мітка - те, що бачить відвідувач) і Name (Назва - внутрішній ключ для експорту та сповіщень). Ви можете позначити поле як Required (Обов'язкове), встановити його Width (Ширина), щоб поля розташовувалися поруч, а також перетягувати поля для зміни їхнього порядку. Поля Dropdown, Single choice та Multiple choice також приймають список варіантів - по одному на рядок.

Додавання кроків

Для довших форм розбийте поля на окремі кроки замість одного довгого екрана. Натисніть Add step (Додати крок), а потім додайте поля до цього кроку. Перетягування змінює порядок полів усередині кроку. Кожен крок являє собою окрему картку з можливістю додати заголовок.

Відвідувачі бачать кожен крок як окремий екран у чаті й переміщуються між ними за допомогою кнопок Next (Далі) та Previous (Назад), які з'являються автоматично, якщо у формі більше ніж один крок. Для багатокрокових форм конструктор також дозволяє налаштувати напис, піктограму та колір для кнопок Next і Previous.

Давайте кожному кроку короткий заголовок, орієнтований на дію (наприклад, "Ваші дані", а далі "Ваш запит"), щоб відвідувачі завжди розуміли, на якому етапі форми вони перебувають.

Поля File upload

Поле File upload (Завантаження файлу) дозволяє відвідувачу прикріпити файл до своєї форми. Для кожного файлового поля можна налаштувати:

• Accepted extensions (Дозволені розширення) - список через кому, наприклад pdf, png, jpg. Дозволені лише файли з цими розширеннями.
• Max size (Максимальний розмір) - максимальний розмір файлу в МБ, до 10 МБ.

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

Попередній перегляд

Панель Live preview (Попередній перегляд) праворуч показує форму саме так, як її побачать відвідувачі, оновлюючись у міру додавання полів, кроків і зміни стилів.

Коли форма буде готова, натисніть Save (Зберегти). Тепер вона з'явиться у вашому списку в розділі Settings > Forms.

Використання власної форми

Збережена власна форма не з'являється у відвідувачів сама по собі. Прив'яжіть її до потрібного розділу:

• Settings > Lead Collection - відкрийте спадне меню Form shown to the visitor (Форма, що показується відвідувачу) та виберіть свою власну форму замість вбудованої.
• Settings > Human Contact Form - відкрийте спадне меню Form shown to the visitor та виберіть свою власну форму замість вбудованої.

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

Спочатку увімкніть обраний розділ. У списку Lead Collection відображаються форми, що містять поле Name та поле Email або Phone number. У списку Human Contact Form відображаються форми з полем Email; перше поле Long answer передає текст повідомлення в службу підтримки. Див. статті Збір лідів та Форма зв'язку зі службою підтримки щодо умов показу та налаштування сповіщень.

Ви також можете показувати форму окремо через Settings > Actions > Add action for custom form (Налаштування > Дії > Додати дію для власної форми). Налаштуйте, коли саме ШІ має її показувати; саме по собі збереження форми не активує дію.

Як це виглядає для відвідувача

Форма з'являється всередині вікна чату. На анімації показано запит на бронювання столика з контактними даними, після якого йдуть параметри запиту. На статичних знімках екрана нижче показано окремий запит на замовлення піци: відвідувач спочатку заповнює Ваші дані (Your details), а потім переходить до наступного кроку.

Переглянути статичний знімок екрана

Крок 2, Параметри замовлення (Order preferences), містить випадний список Бажана піца (Preferred pizza) та поле Додаткові примітки (Additional notes). Відвідувач може повернутися назад за допомогою кнопки Назад (Back) або надіслати запит за допомогою Надіслати запит (Send request). Це назви кнопок, налаштовані для цього прикладу; ваша форма використовуватиме назви, які ви виберете в конструкторі. Після надсилання у чаті з'являється налаштоване повідомлення з подякою. Цей приклад не містить поля для завантаження файлів.

Переглянути статичний знімок екрана

Перегляд надісланих даних на вкладці Leads

Коли відвідувач надсилає власну форму, прив'язану до Lead Collection або Human Contact Form, ці дані зберігаються як лід. Відкрийте вкладку бота Leads (Ліди), щоб переглянути їх.

Поряд зі стандартними стовпцями Name, Email, Phone, Collected date та Entry point стовпець Form data (Дані форми) показує повний вміст відповіді: назву кожного поля та введене відвідувачем значення, по одному рядку на поле. Для поля File upload показується ім'я завантаженого файлу; лист зі сповіщенням про лід та експорт у CSV (кнопка Export (Експорт) на вкладці Leads) містять посилання для завантаження самого файлу.

З кожного ліда ви також можете перейти до повного діалогу (Conversation), щоб переглянути листування в чаті під час надсилання форми.

Протестуйте вибраний тригер у розділі Overview (Огляд), пройдіть усі кроки та надішліть форму. Перевірте повідомлення з подякою та збережені дані. Якщо сповіщення увімкнено, перевірте їх доставку на власну електронну адресу. Форми, надіслані через окремі дії, записуються в історію розмови; не кожне окреме надсилання автоматично створює лід.

Пов'язані статті

• Збір лідів
• Форма зв'язку зі службою підтримки
• AI Actions