Anpassade formulär

Anpassade formulär låter dig bygga egna flerstegsformulär och använda dem istället för de inbyggda 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

Välj din chattbot och gå till Settings > Forms (Inställningar > Formulär). Denna sida listar dina sparade anpassade formulär. Om du inte har skapat några ännu visas "No custom forms yet" tillsammans med knappen Create your first form (Skapa ditt första formulär). Anpassade formulär är tillgängliga som en premiumfunktion - en uppmaning om att uppgradera visas om din plan inte inkluderar dem.

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 innehåller allt du behöver för att definiera formuläret på en och samma skärm, med en live-förhandsgranskning till höger. För en pizzeria kan du samla in kontaktuppgifter i det första steget och beställningsönskemål i det andra.

• 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 skickat in formuläret.
• Submit button (Skicka-knapp) - ställ in 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 tillämpa dina egna stilar.

Lägg till fält

Ge steget en valfri titel på fliken Build, och klicka sedan på en fälttypsknapp för att lägga till det fältet. Ett formulär stöder upp till 10 steg, 50 fält totalt och 3 File upload-fält. Valsvarsfält stöder upp till 100 alternativ vardera.

• Name - ett enradigt fält för besökarens namn.
• Email - samlar in en e-postadress, validerad som en giltig e-postadress.
• Phone number - samlar in ett telefonnummer.
• Date - en datumväljare.
• Time - en tidsväljare.
• File upload - låter besökaren bifoga och ladda upp en fil (se nedan).
• Short answer - ett enradigt fritextfält.
• Long answer - ett större flerradigt fält för längre svar.
• Checkbox - en enskild kryssruta, till exempel för att godkänna villkor.
• Dropdown - en meny där besökaren väljer ett alternativ från en lista.
• Single choice - en uppsättning alternativ där besökaren väljer exakt ett.
• Multiple choice - en uppsättning alternativ där besökaren kan kryssa i flera samtidigt.

Varje fält har en Label (Etikett - vad 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 hamnar sida vid sida, och dra fält för att ändra ordning på dem. 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 istället för en enda lång skärm. Klicka på Add step (Lägg till steg) och lägg sedan till fält i det steget. Du ändrar ordning på fälten inom ett steg genom att dra dem. Varje steg är ett eget kort med en valfri titel.

Besökare ser varje steg som en separat skärm i chatten och rör sig 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 också ställa in text, ikon och färg för knapparna Next och Previous.

Ge varje steg en kort, handlingsorienterad titel (till exempel "Dina uppgifter", sedan "Din förfrågan") så att besökarna alltid vet var de befinner sig i formuläret.

Fält för filuppladdning

Ett File upload-fält låter en besökare bifoga en fil till sitt formulärsvar. För varje filfält kan du ställa in:

• Accepted extensions - en kommaseparerad lista, till exempel pdf, png, jpg. Endast filer med dessa filtillägg är tillåtna.
• Max size - den maximala filstorleken i MB, upp till 10 MB.

Uppladdningar kontrolleras vid inskickning: filtillägget måste finnas i din tillåtna lista, filen måste hålla sig inom storleksgränsen och dess faktiska innehåll måste matcha den deklarerade typen.

Förhandsgranskning i realtid

Panelen Live preview (Realtidsförhandsgranskning) till höger visar formuläret exakt så som besökarna kommer att se det, och uppdateras allt eftersom du lägger till fält, lägger till steg och ändrar formateringen.

Klicka på Save (Spara) när formuläret är klart. Formuläret visas nu i din lista under Settings > Forms.

Använd ett anpassat formulär

Ett sparat anpassat formulär visas inte för besökare av sig självt. 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 istä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 istället för det inbyggda formuläret.

Besökaren ser sedan ditt anpassade formulär närhelst den sektionen aktiveras.

Aktivera den valda sektionen först. Lead Collection listar formulär som innehåller ett Name-fält samt ett Email- eller Phone number-fält. Human Contact Form listar formulär som innehåller ett Email-fält; dess första Long answer-fält tillhandahåller supportmeddelandet. Se Lead collection och Human Support Contact Form för utlösare och aviseringsinställningar.

Du kan också erbjuda ett formulär fristående via Settings > Actions > Add action for custom form. Konfigurera när din AI ska visa det; att enbart spara ett formulär aktiverar inte en åtgärd.

Så ser det ut för besökaren

Formuläret visas inuti chattfönstret. Animeringen visar en bordsbokningsförfrågan med kontaktuppgifter följt av önskemål för förfrågan. De statiska skärmbilderna nedan visar en separat pizzabeställningsförfrågan: besökaren fyller först i Your details (Dina uppgifter) och går sedan vidare till nästa steg.

Visa den statiska skärmdumpen

Steg 2, Order preferences (Beställningsönskemål), visar en rullgardinsmeny för Preferred pizza (Önskad pizza) och fältet Additional notes (Ytterligare anteckningar). Besökaren kan gå tillbaka med Back (Tillbaka) eller skicka in med Send request (Skicka förfrågan). Dessa är knappetiketterna som har konfigurerats för detta exempel; ditt formulär använder etiketterna du själv väljer i byggaren. Efter att formuläret har skickats in visas det konfigurerade tackmeddelandet i chatten. Detta exempel innehåller inget fält för filuppladdning.

Visa den statiska skärmdumpen

Se inskickade svar under 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 botens flik Leads för att granska det.

Bredvid de vanliga uppgifterna Name, Email, Phone, Collected date och Entry point visar kolumnen Form data hela inskickningen: varje fälts etikett följt av värdet besökaren angav, en rad per fält. För ett File upload-fält visas den uppladdade filens namn; både e-postaviseringen för leadet och CSV-exporten (knappen Export under fliken Leads) innehåller en nedladdningslänk till själva filen.

Från varje lead kan du också klicka dig vidare till hela konversationen via Conversation för att se chatten runt inskickningen.

Testa den valda utlösaren i Overview (Översikt), slutför alla steg och skicka in formuläret. Bekräfta tackmeddelandet och kontrollera det sparade svaret. Testa leveransen av aviseringar med en adress du har tillgång till om aviseringar är aktiverade. Fristående åtgärdsformulär spelas in i konversationen; utgå inte från att varje fristående inskickning skapar ett lead.

Relaterade artiklar

• Lead collection
• Human Support Contact Form
• AI Actions