Персонализираните формуляри Ви позволяват да изграждате собствени формуляри от няколко стъпки и да ги използвате на мястото на вградените Lead Collection или Human Contact Form. Вие избирате полетата, благодарственото съобщение и бутона за изпращане, след което свързвате формуляра със секцията, където искате да се показва.
Къде да намерите формулярите
Отидете на Settings > Forms (Настройки > Формуляри). Тази страница показва списък със запазените Ви персонализирани формуляри. Когато все още не сте създали такъв, се показва "No custom forms yet" с бутон Create your first form (Създайте първия си формуляр).
Създаване на формуляр
Кликнете върху New form (Нов формуляр) - или Create your first form, когато списъкът все още е празен - за да отворите конструктора на формуляри.
Изграждане на формуляра
Конструкторът разполага с всичко необходимо за конфигуриране на формуляра на един екран, с предварителен преглед на живо отдясно. В тази статия изграждаме примерен формуляр за „Запитване за кетъринг“ за пицария: стъпка 1 събира данни за контакт, а стъпка 2 съдържа въпроси относно събитието.
- Form name (Име на формуляра) - вътрешно име, за да можете лесно да разпознавате формуляра в падащите менюта по-късно.
- Thank-you message (Благодарствено съобщение) - текстът за потвърждение, който се показва, след като посетител изпрати формуляра.
- Submit button (Бутон за изпращане) - задайте текста на бутона, изберете икона по желание и определете цвета му.
- Раздели Build (Изграждане) и Custom CSS (Персонализиран CSS) - изградете полетата визуално или преминете към Custom CSS, за да приложите собствени стилове.
Добавяне на полета
В раздела Build задайте заглавие на стъпката по желание, след което кликнете върху бутона с типа поле, за да го добавите. Можете да добавите толкова полета, колкото са Ви необходими, като комбинирате свободно някой от посочените по-долу типове в един формуляр.
- Name (Име) - едноредово поле за името на посетителя.
- 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 позволява на посетителя да прикачи файл към изпратената информация. За всяко файлово поле можете да зададете:
- Accepted extensions (Разрешени разширения) - списък, разделен със запетаи, например
pdf, png, jpg. Позволени са само файлове с тези разширения. - Max size (Максимален размер) - максималният размер на файла в MB, до 10 MB.
Качените файлове се проверяват при изпращане: разширението трябва да присъства в разрешения списък, файлът не трябва да надвишава лимита за размер, а реалното му съдържание трябва да съответства на декларирания тип.
Предварителен преглед на живо
Панелът Live preview (Преглед на живо) отдясно показва формуляра точно както ще го виждат посетителите, като се актуализира в реално време, докато добавяте полета, създавате стъпки и променяте стила.
Когато формулярът е готов, кликнете върху Save (Запазване). Формулярът вече ще се показва във Вашия списък в Settings > Forms.
Използване на персонализиран формуляр
Запазеният персонализиран формуляр не се показва на посетителите автоматично. Необходимо е да го свържете със съответна секция:
- Settings > Lead Collection - отворете падащото меню Form shown to the visitor (Формуляр, показван на посетителя) и изберете Вашия персонализиран формуляр вместо вградения.
- Settings > Human Contact Form - отворете падащото меню Form shown to the visitor и изберете Вашия персонализиран формуляр вместо вградения.
Посетителят ще види Вашия персонализиран формуляр винаги когато се задейства съответната секция.
Как изглежда за посетителя
Формулярът се визуализира директно в прозореца на чата. Ето примерния формуляр „Запитване за кетъринг“, свързан с Lead Collection: посетителят вижда стъпка 1 с полетата за контакт и продължава напред с бутона Next.
Стъпка 2 показва полетата за събитието, включително падащото меню (Dropdown), полето за подробен отговор (Long answer) и полето за качване на файл (File upload). Посетителят може да се върне назад с Previous или да изпрати формуляра с Submit (Изпращане). След изпращането, благодарственото съобщение, което сте конфигурирали в конструктора, се показва в чата.
Преглед на изпратените данни в раздела Leads
Когато посетител изпрати персонализиран формуляр, свързан с Lead Collection или Human Contact Form, подадената информация се запазва като лийд. Отворете раздела Leads (Лийдове) на бота, за да я прегледате.
Наред със стандартните полета Name, Email, Phone, Collected date и Entry point, колоната Form data (Данни от формуляра) показва пълната изпратена информация: етикета на всяко поле, последван от стойността, въведена от посетителя, по един ред за всяко поле. За поле от тип File upload се показва името на качения файл; както имейл известието за нов лийд, така и експортът в CSV (бутонът Export в раздела Leads) съдържат директна връзка за изтегляне на самия файл.
От всеки лийд можете също да кликнете и да отворите пълния разговор чрез Conversation (Разговор), за да видите чата около изпращането на формуляра.