Formularele personalizate vă permit să vă construiți propriile formulare cu mai mulți pași și să le folosiți în locul formularelor implicite Lead Collection sau Human Contact Form. Dumneavoastră alegeți câmpurile, mesajul de mulțumire și butonul de trimitere, apoi asociați formularul cu secțiunea în care doriți să fie afișat.
Unde găsiți formularele
Navigați la Settings > Forms (Setări > Formulare). Această pagină listează formularele dumneavoastră personalizate salvate. Când nu ați creat încă niciunul, este afișat mesajul „No custom forms yet” cu un buton Create your first form (Creați primul dumneavoastră formular).
Crearea unui formular
Faceți clic pe New form (Formular nou) - sau pe Create your first form când lista este încă goală - pentru a deschide generatorul de formulare.
Construirea formularului
Generatorul conține tot ce aveți nevoie pentru a defini formularul pe un singur ecran, cu o previzualizare în timp real în partea dreaptă. În acest articol construim un formular de exemplu „Catering request” pentru o pizzerie: pasul 1 colectează datele de contact, pasul 2 întreabă despre eveniment.
- Form name (Nume formular) - un nume intern, astfel încât să puteți identifica ulterior formularul în meniurile derulante.
- Thank-you message (Mesaj de mulțumire) - textul de confirmare afișat după ce un vizitator trimite formularul.
- Submit button (Buton de trimitere) - setați eticheta butonului, alegeți o pictogramă opțională și selectați culoarea acestuia.
- Taburile Build (Construire) și Custom CSS (CSS personalizat) - construiți câmpurile vizual sau comutați la Custom CSS pentru a aplica propriile stiluri.
Adăugarea câmpurilor
În tabul Build, dați pasului un titlu opțional, apoi faceți clic pe un buton corespunzător tipului de câmp dorit pentru a-l adăuga. Puteți adăuga oricâte câmpuri aveți nevoie, combinând oricare dintre tipurile de mai jos într-un singur formular.
- Name (Nume) - un câmp pe o singură linie pentru numele vizitatorului.
- Email (E-mail) - captează o adresă de e-mail, validată ca atare.
- Phone number (Număr de telefon) - captează un număr de telefon.
- Date (Dată) - un selector de dată.
- Time (Oră) - un selector de oră.
- File upload (Încărcare fișier) - permite vizitatorului să atașeze și să încarce un fișier (consultați mai jos).
- Short answer (Răspuns scurt) - un câmp de text liber pe o singură linie.
- Long answer (Răspuns lung) - un câmp mai mare, pe mai multe linii, pentru răspunsuri detaliate.
- Checkbox (Casetă de selectare) - o singură casetă de bifat, de exemplu pentru acceptarea termenilor.
- Dropdown (Meniu derulant) - un meniu din care vizitatorul alege o singură opțiune dintr-o listă.
- Single choice (Opțiune unică) - un set de opțiuni din care vizitatorul alege exact una singură.
- Multiple choice (Opțiuni multiple) - un set de opțiuni din care vizitatorul poate bifa mai multe deodată.
Fiecare câmp are o etichetă Label (ceea ce vede vizitatorul) și un Name (cheia internă utilizată în exporturi și notificări). Puteți marca un câmp ca fiind obligatoriu prin Required, îi puteți stabili lățimea prin Width pentru ca elementele să stea alăturate și puteți trage câmpurile pentru a le reordona. Câmpurile Dropdown, Single choice și Multiple choice acceptă, de asemenea, o listă de opțiuni, câte una pe rând.
Adăugarea pașilor
Pentru formularele mai lungi, împărțiți câmpurile în mai mulți pași în loc să folosiți un singur ecran încărcat. Faceți clic pe Add step (Adăugați un pas) pentru a introduce un nou pas, apoi glisați sau adăugați câmpuri în acesta. Fiecare pas este un card separat cu un titlu opțional.
Vizitatorii văd fiecare pas ca pe un ecran separat în chat și navighează între aceștia cu ajutorul butoanelor Next (Următorul) și Previous (Anteriorul), care apar automat atunci când un formular conține mai mult de un pas. Când un formular are mai mulți pași, generatorul vă permite, de asemenea, să setați eticheta, pictograma și culoarea pentru butoanele Next și Previous.
Dați fiecărui pas un titlu scurt și orientat spre acțiune (de exemplu „Datele dumneavoastră”, apoi „Solicitarea dumneavoastră”), astfel încât vizitatorii să știe întotdeauna unde se află în cadrul formularului.
Câmpuri pentru încărcarea fișierelor
Un câmp de tip File upload îi permite vizitatorului să atașeze un fișier la trimiterea sa. Pentru fiecare câmp de fișier puteți seta:
- Accepted extensions (Extensii acceptate) - o listă separată prin virgulă, de exemplu
pdf, png, jpg. Sunt permise doar fișierele cu aceste extensii. - Max size (Dimensiune maximă) - dimensiunea maximă a fișierului în MB, până la 10 MB.
Fișierele încărcate sunt verificate la trimitere: extensia trebuie să se afle în lista dumneavoastră permisă, fișierul trebuie să se încadreze în limita de dimensiune, iar conținutul său real trebuie să corespundă tipului declarat.
Previzualizare în timp real
Panoul Live preview (Previzualizare în timp real) din dreapta afișează formularul exact așa cum îl vor vedea vizitatorii, actualizându-se pe măsură ce adăugați câmpuri, creați pași și modificați stilul.
Când formularul este gata, faceți clic pe Save (Salvare). Formularul apare acum în lista dumneavoastră de la Settings > Forms.
Utilizarea unui formular personalizat
Un formular personalizat salvat nu apare automat în fața vizitatorilor. Asociați-l cu o secțiune:
- Settings > Lead Collection - deschideți meniul derulant Form shown to the visitor (Formularul afișat vizitatorului) și selectați formularul dumneavoastră personalizat în locul celui implicit.
- Settings > Human Contact Form - deschideți meniul derulant Form shown to the visitor și selectați formularul dumneavoastră personalizat în locul celui implicit.
Vizitatorul va vedea apoi formularul dumneavoastră personalizat ori de câte ori este declanșată secțiunea respectivă.
Cum arată pentru vizitator
Formularul apare direct în fereastra de chat. Iată exemplul formularului „Catering request” asociat cu Lead Collection: vizitatorul vede pasul 1 cu datele de contact și merge mai departe cu butonul Next.
Pasul 2 afișează câmpurile legate de eveniment, inclusiv Dropdown, Long answer și câmpul File upload. Vizitatorul poate merge înapoi cu Previous sau poate trimite formularul cu Submit. După trimitere, mesajul de mulțumire pe care l-ați setat în generator este afișat în chat.
Vizualizarea trimiterilor în tabul Leads
Atunci când un vizitator trimite un formular personalizat care este asociat cu Lead Collection sau Human Contact Form, înregistrarea este salvată ca lead. Deschideți tabul Leads (Leaduri) al botului pentru a o examina.
Pe lângă datele standard Name, Email, Phone, Collected date și Entry point, o coloană Form data (Date formular) afișează întreaga trimitere: eticheta fiecărui câmp urmată de valoarea introdusă de vizitator, câte un rând pentru fiecare câmp. Pentru un câmp File upload, este afișat numele fișierului încărcat; notificarea prin e-mail pentru lead și exportul CSV (butonul Export din tabul Leads) includ ambele un link de descărcare pentru fișierul respectiv.
De la fiecare lead puteți, de asemenea, să faceți clic pe întreaga conversație prin Conversation (Conversație) pentru a vedea dialogul din chat din jurul trimiterii.