Anpassade formulär låter dig bygga egna flerstegsformulär och använda dem i stället för de inbyggda formulären Lead Collection eller Human Contact Form. Du väljer fält, tackmeddelande och skicka-knapp, och kopplar sedan formuläret till den sektion där du vill att det ska visas.
Var du hittar formulär
Gå till Settings > Forms (Inställningar > Formulär). Den här sidan listar dina sparade anpassade formulär. När du inte har skapat något ännu visas "No custom forms yet" tillsammans med knappen Create your first form (Skapa ditt första formulär).
Skapa ett formulär
Klicka på New form (Nytt formulär) - eller Create your first form när listan fortfarande är tom - för att öppna formulärbyggaren.
Bygg formuläret
Byggaren har allt du behöver för att definiera formuläret på en enda skärm, med en förhandsgranskning i realtid till höger. I den här artikeln bygger vi ett exempelformulär för "Cateringförfrågan" åt en pizzeria: steg 1 samlar in kontaktuppgifter, steg 2 frågar om evenemanget.
- Form name (Formulärnamn) - ett internt namn så att du kan identifiera formuläret i rullgardinsmenyerna senare.
- Thank-you message (Tackmeddelande) - bekräftelsetexten som visas efter att en besökare har skickat in formuläret.
- Submit button (Skicka-knapp) - ange knappens text, välj en valfri ikon och välj dess färg.
- Flikarna Build (Bygg) och Custom CSS (Anpassad CSS) - bygg fälten visuellt eller växla till Custom CSS för att använda dina egna formatmallar.
Lägg till fält
På fliken Build anger du en valfri titel för steget och klickar sedan på en fälttypsknapp för att lägga till det fältet. Du kan lägga till så många fält du behöver och blanda vilka som helst av typerna nedan i ett och samma formulär.
- Name (Namn) - ett enradigt fält för besökarens namn.
- Email (E-post) - samlar in en e-postadress och valideras som e-post.
- Phone number (Telefonnummer) - samlar in ett telefonnummer.
- Date (Datum) - en datumväljare.
- Time (Tid) - en tidsväljare.
- File upload (Filuppladdning) - låter besökaren bifoga och ladda upp en fil (se nedan).
- Short answer (Kort svar) - ett enradigt fritextfält.
- Long answer (Långt svar) - ett större flerradigt fält för längre svar.
- Checkbox (Kryssruta) - en enskild kryssruta, till exempel för att godkänna villkor.
- Dropdown (Rullgardinsmeny) - en meny där besökaren väljer ett alternativ från en lista.
- Single choice (Enkelval) - en uppsättning alternativ där besökaren väljer exakt ett.
- Multiple choice (Flerval) - en uppsättning alternativ där besökaren kan kryssa för flera samtidigt.
Varje fält har en Label (etikett - det besökaren ser) och ett Name (namn - den interna nyckeln som används i exporter och aviseringar). Du kan markera ett fält som Required (obligatoriskt), ställa in dess Width (bredd) så att fält placeras sida vid sida, samt dra fält för att ändra deras ordning. Fälten Dropdown, Single choice och Multiple choice tar också emot en lista med alternativ, ett per rad.
Lägg till steg
För längre formulär kan du dela upp fälten över flera steg i stället för en enda lång vy. Klicka på Add step (Lägg till steg) för att lägga till ytterligare ett steg, och dra eller lägg sedan till fält i det. Varje steg är ett eget kort med en valfri titel.
Besökare ser varje steg som en separat vy i chatten och navigerar mellan dem med knapparna Next (Nästa) och Previous (Föregående), vilka visas automatiskt så fort ett formulär har mer än ett steg. När ett formulär har flera steg låter byggaren dig även ställa in text, ikon och färg för knapparna Next och Previous.
Ge varje steg en kort, handlingsinriktad titel (till exempel "Dina uppgifter" och därefter "Din förfrågan") så att besökarna alltid vet var de befinner sig i formuläret.
Filuppladdningsfält
Ett fält av typen File upload låter besökaren bifoga en fil till sitt formulärsvar. För varje filfält kan du ställa in:
- Accepted extensions (Tillåtna filtillägg) - en kommaseparerad lista, till exempel
pdf, png, jpg. Endast filer med dessa tillägg är tillåtna. - Max size (Maxstorlek) - maximal filstorlek i MB, upp till 10 MB.
Uppladdningar kontrolleras när formuläret skickas in: filtillägget måste finnas i listan över tillåtna tillägg, filen måste hålla sig inom storleksgränsen och dess faktiska innehåll måste matcha den deklarerade filtypen.
Förhandsgranskning i realtid
Panelen Live preview (Förhandsgranskning) till höger visar formuläret exakt så som besökarna kommer att se det och uppdateras direkt när du lägger till fält, lägger till steg och ändrar designen.
När formuläret är klart klickar du på Save (Spara). Formuläret visas nu i din lista under Settings > Forms.
Använd ett anpassat formulär
Ett sparat anpassat formulär visas inte automatiskt för besökare. Koppla det till en sektion:
- Settings > Lead Collection - öppna rullgardinsmenyn Form shown to the visitor (Formulär som visas för besökaren) och välj ditt anpassade formulär i stället för det inbyggda formuläret.
- Settings > Human Contact Form - öppna rullgardinsmenyn Form shown to the visitor och välj ditt anpassade formulär i stället för det inbyggda formuläret.
Besökaren ser därefter ditt anpassade formulär när den sektionen aktiveras.
Hur det ser ut för besökaren
Formuläret visas inuti chattfönstret. Här är exemplet "Cateringförfrågan" kopplat till Lead Collection: besökaren ser steg 1 med kontaktfälten och går vidare med knappen Next.
Steg 2 visar fälten för evenemanget, inklusive fälten Dropdown, Long answer och File upload. Besökaren kan gå tillbaka med Previous eller skicka formuläret med Submit (Skicka). Efter att formuläret har skickats in visas tackmeddelandet som du angav i byggaren direkt i chatten.
Se formulärsvar på fliken Leads
När en besökare skickar in ett anpassat formulär som är kopplat till Lead Collection eller Human Contact Form sparas svaret som ett lead. Öppna chattbotens flik Leads (Leads) för att granska det.
Vid sidan av standardfälten Name, Email, Phone, Collected date och Entry point visar kolumnen Form data (Formulärdata) hela svaret: varje fälts etikett följt av värdet som besökaren angav, en rad per fält. För ett File upload-fält visas den uppladdade filens namn; e-postaviseringen för nya leads och CSV-exporten (knappen Export på fliken Leads) innehåller båda en nedladdningslänk till själva filen.
Från varje lead kan du också klicka dig vidare till hela konversationen via Conversation (Konversation) för att se chatten kring formulärsvaret.