Custom Forms

Tilpassede skjemaer lar deg bygge dine egne flertrinns skjemaer og bruke dem i stedet for den innebygde Lead Collection eller Human Contact Form. Du velger feltene, takkemeldingen og send-knappen, og kobler deretter skjemaet til seksjonen der du vil at det skal vises.

Hvor du finner skjemaer

Velg chatboten din og naviger til Settings > Forms (Innstillinger > Skjemaer). Denne siden viser dine lagrede tilpassede skjemaer. Når du ikke har opprettet noen ennå, viser den «No custom forms yet» med en Create your first form-knapp (Opprett ditt første skjema). Tilpassede skjemaer er tilgjengelige som en premiumfunksjon - en oppgraderingsmelding vises hvis abonnementet ditt ikke inkluderer dem.

Opprett et skjema

Klikk på New form (Nytt skjema) (eller Create your first form når listen fortsatt er tom) for å åpne skjemabyggeren.

Bygg skjemaet

Byggeren har alt du trenger for å definere skjemaet på én skjerm, med en forhåndsvisning i sanntid til høyre. For et pizzeria kan du for eksempel samle inn kontaktopplysninger i det første trinnet og bestillingspreferanser i det andre.

• Form name (Skjemanavn) - et internt navn slik at du kan kjenne igjen skjemaet i rullegardinmenyene senere.
• Thank-you message (Takkemelding) - bekreftelsesteksten som vises etter at en besøkende har sendt inn skjemaet.
• Submit button (Send-knapp) - angi knappeteksten, velg et valgfritt ikon og velg fargen på knappen.
• Fanene Build (Bygg) og Custom CSS (Tilpasset CSS) - bygg feltene visuelt, eller bytt til Custom CSS for å bruke dine egne stiler.

Legg til felt

På fanen Build kan du gi trinnet en valgfri tittel, og deretter klikke på en felttypeknapp for å legge til det feltet. Et skjema støtter opptil 10 trinn, 50 felt totalt og 3 File upload-felt. Valgfelt støtter opptil 100 alternativer hver.

• Name (Navn) - et enkeltlinjefelt for den besøkendes navn.
• Email (E-post) - fanger opp en e-postadresse, validert som en e-post.
• Phone number (Telefonnummer) - fanger opp et telefonnummer.
• Date (Dato) - en datovelger.
• Time (Klokkeslett) - en tidsvelger.
• File upload (Filopplasting) - lar den besøkende legge ved og laste opp en fil (se nedenfor).
• Short answer (Kort svar) - et enkeltlinjes fritekstfelt.
• Long answer (Langt svar) - et større flerlinjefelt for lengre svar.
• Checkbox (Avmerkingsboks) - en enkel avmerkingsboks, for eksempel for å godta vilkår.
• Dropdown (Rullegardinmeny) - en meny der den besøkende velger ett alternativ fra en liste.
• Single choice (Enkeltvalg) - et sett med alternativer der den besøkende velger nøyaktig ett.
• Multiple choice (Flervalg) - et sett med alternativer der den besøkende kan krysse av for flere samtidig.

Hvert felt har en Label (Etikett - det den besøkende ser) og et Name (Navn - den interne nøkkelen som brukes i eksporter og varsler). Du kan merke et felt som Required (Obligatorisk), angi dets Width (Bredde) slik at felt står side om side, og dra feltene for å endre rekkefølgen. Dropdown-, Single choice- og Multiple choice-felt tar også en liste over alternativer, ett per linje.

Legg til trinn

For lengre skjemaer bør du dele opp feltene over trinn i stedet for én lang skjerm. Klikk på Add step (Legg til trinn), og legg deretter til felt i det trinnet. Draing endrer rekkefølgen på feltene innenfor et trinn. Hvert trinn er sitt eget kort med en valgfri tittel.

Besøkende ser hvert trinn som en separat skjerm i chatten og beveger seg mellom dem med Next- og Previous-knapper (Neste og Forrige), som vises automatisk så snart et skjema har mer enn ett trinn. Når et skjema har flere trinn, lar byggeren deg også angi tekst, ikon og farge for Next- og Previous-knappene.

Gi hvert trinn en kort, handlingsorientert tittel (for eksempel «Dine opplysninger», deretter «Din forespørsel») slik at besøkende alltid vet hvor de er i skjemaet.

Filopplastingsfelt

Et File upload-felt lar en besøkende legge ved en fil til innsendingen sin. For hvert filfelt kan du angi:

• Accepted extensions (Godkjente filformater) - en kommaseparert liste, for eksempel pdf, png, jpg. Bare filer med disse filformatene er tillatt.
• Max size (Maksimal størrelse) - maksimal filstørrelse i MB, opptil 10 MB.

Opplastinger kontrolleres ved innsending: filformatet må være i listen over tillatte formater, filen må være innenfor størrelsesgrensen, og det faktiske innholdet må samsvare med den oppgitte typen.

Forhåndsvisning i sanntid

Panelet Live preview (Forhåndsvisning i sanntid) på høyre side viser skjemaet nøyaktig slik besøkende vil se det, og oppdateres etter hvert som du legger til felt, legger til trinn og endrer design.

Når skjemaet er klart, klikker du på Save (Lagre). Skjemaet vises nå i listen din under Settings > Forms.

Bruk et tilpasset skjema

Et lagret tilpasset skjema vises ikke for besøkende av seg selv. Koble det til en seksjon:

• Settings > Lead Collection - åpne rullegardinmenyen Form shown to the visitor (Skjema som vises for den besøkende) og velg det tilpassede skjemaet ditt i stedet for det innebygde skjemaet.
• Settings > Human Contact Form - åpne rullegardinmenyen Form shown to the visitor og velg det tilpassede skjemaet ditt i stedet for det innebygde skjemaet.

Den besøkende ser deretter det tilpassede skjemaet ditt der den seksjonen utløses.

Aktiver den valgte seksjonen først. Lead Collection lister opp skjemaer som inneholder et Name-felt og et Email- eller Phone number-felt. Human Contact Form lister opp skjemaer som inneholder et Email-felt; dets første Long answer-felt leverer støttemeldingen. Se Lead collection og Human Support Contact Form for utløsere og varslingsinnstillinger.

Du kan også tilby et skjema uavhengig via Settings > Actions > Add action for custom form. Konfigurer når AI-en skal vise det; å lagre et skjema alene aktiverer ikke en handling.

Hvordan det ser ut for den besøkende

Skjemaet vises inne i chat-vinduet. Animasjonen viser en bordbestilling med kontaktopplysninger etterfulgt av preferanser for bestillingen. De statiske skjermbildene nedenfor viser en separat henvendelse om pizzabestilling: Den besøkende fyller først ut Your details (Dine opplysninger), og går deretter videre til neste trinn.

Se det statiske skjermbildet

Trinn 2, Order preferences (Bestillingspreferanser), viser en rullegardinmeny for Preferred pizza (Foretrukket pizza) og Additional notes (Tilleggsnotater). Den besøkende kan gå tilbake med Back (Tilbake) eller sende inn med Send request (Send forespørsel). Dette er knappetekstene som er konfigurert for dette eksempelet; skjemaet ditt bruker etikettene du velger i byggeren. Etter innsending vises den konfigurerte takkemeldingen i chatten. Dette eksempelet inneholder ikke et felt for filopplasting.

Se det statiske skjermbildet

Se innsendinger i Leads-fanen

Når en besøkende sender inn et tilpasset skjema som er koblet til Lead Collection eller Human Contact Form, lagres innsendingen som et lead. Åpne botens Leads-fane (Leads) for å se gjennom det.

Ved siden av standardfeltene Name, Email, Phone, Collected date og Entry point viser en Form data-kolonne (Skjemadata) hele innsendingen: hvert felts etikett etterfulgt av verdien den besøkende skrev inn, én linje per felt. For et File upload-felt vises navnet på den opplastede filen; varslingse-posten for leadet og CSV-eksporten (Export-knappen på Leads-fanen) inkluderer begge en nedlastingslenke til selve filen.

Fra hvert lead kan du også klikke deg videre til hele Conversation (Samtale) for å se chatten rundt innsendingen.

Test den valgte utløseren i Overview (Oversikt), fullfør alle trinn og send inn skjemaet. Bekreft takkemeldingen og sjekk den lagrede innsendingen. Test levering av varsler med en adresse du kontrollerer hvis varsler er aktivert. Frittstående handlingsskjemaer registreres i samtalen; ikke gå ut fra at enhver frittstående innsending oppretter et lead.

Relaterte artikler

• Lead collection
• Human Support Contact Form
• AI Actions