Met aangepaste formulieren kun je je eigen formulieren met meerdere stappen bouwen en deze gebruiken in plaats van de ingebouwde Lead Collection (Leadverzameling) of het Human Contact Form (Menselijk contactformulier). Je kiest zelf de velden, het bedankbericht en de verzendknop, en koppelt het formulier vervolgens aan het gedeelte waar je het wilt laten zien.
Waar vind je formulieren
Ga naar Settings > Forms (Instellingen > Formulieren). Op deze pagina staan je opgeslagen aangepaste formulieren. Als je er nog geen hebt gemaakt, zie je "No custom forms yet" met een Create your first form-knop (Maak je eerste formulier).
Een formulier maken
Klik op New form (Nieuw formulier) - of op Create your first form als de lijst nog leeg is - om de formulierbouwer te openen.
Het formulier bouwen
De builder bevat alles wat je nodig hebt om het formulier op één scherm in te stellen, met een live voorbeeld aan de rechterkant. In dit artikel bouwen we een voorbeeldformulier "Cateringaanvraag" voor een pizzeria: stap 1 verzamelt contactgegevens, stap 2 vraagt naar het evenement.
- Form name (Formuliernaam) - een interne naam zodat je het formulier later in dropdownmenu's kunt herkennen.
- Thank-you message (Bedankbericht) - de bevestigingstekst die wordt getoond nadat een bezoeker het formulier heeft verzonden.
- Submit button (Verzendknop) - stel het knoplabel in, kies een optioneel pictogram en bepaal de kleur.
- Tabbladen Build (Bouwen) en Custom CSS (Aangepaste CSS) - bouw de velden visueel op of schakel over naar Custom CSS om je eigen stijlen toe te passen.
Velden toevoegen
Geef de stap op het tabblad Build een optionele titel en klik vervolgens op een veldtypeknop om dat veld toe te voegen. Je kunt zoveel velden toevoegen als je nodig hebt, en alle onderstaande typen combineren binnen één formulier.
- Name (Naam) - een veld van één regel voor de naam van de bezoeker.
- Email (E-mail) - registreert een e-mailadres, gevalideerd als e-mailadres.
- Phone number (Telefoonnummer) - registreert een telefoonnummer.
- Date (Datum) - een datumkiezer.
- Time (Tijd) - een tijdkiezer.
- File upload (Bestandsupload) - stelt de bezoeker in staat een bestand bij te voegen en te uploaden (zie hieronder).
- Short answer (Kort antwoord) - een tekstveld van één regel.
- Long answer (Lang antwoord) - een groter veld met meerdere regels voor langere antwoorden.
- Checkbox (Selectievakje) - een enkel selectievakje, bijvoorbeeld om akkoord te gaan met voorwaarden.
- Dropdown - een menu waarin de bezoeker één optie uit een lijst kiest.
- Single choice (Enkele keuze) - een reeks opties waarbij de bezoeker er precies één kiest.
- Multiple choice (Meerkeuze) - een reeks opties waarbij de bezoeker er meerdere tegelijk kan aanvinken.
Elk veld heeft een Label (wat de bezoeker ziet) en een Name (de interne sleutel die wordt gebruikt bij exports en meldingen). Je kunt een veld markeren als Required (Verplicht), de Width (Breedte) instellen zodat velden naast elkaar staan, en velden verslepen om de volgorde te wijzigen. De velden Dropdown, Single choice en Multiple choice krijgen ook een lijst met opties, één per regel.
Stappen toevoegen
Bij langere formulieren kun je de velden beter verdelen over stappen in plaats van één lang scherm te gebruiken. Klik op Add step (Stap toevoegen) om nog een stap toe te voegen en sleep of voeg er vervolgens velden aan toe. Elke stap is een eigen kaart met een optionele titel.
Bezoekers zien elke stap als een apart scherm in de chat en schakelen ertussen met de knoppen Next (Volgende) en Previous (Vorige), die automatisch verschijnen zodra een formulier meer dan één stap heeft. Wanneer een formulier meerdere stappen heeft, kun je in de builder ook het label, het pictogram en de kleur voor de knoppen Next en Previous instellen.
Geef elke stap een korte, actiegerichte titel (bijvoorbeeld "Jouw gegevens" en daarna "Jouw aanvraag"), zodat bezoekers altijd weten waar ze zich in het formulier bevinden.
Bestandsuploadvelden
Met een File upload-veld kan een bezoeker een bestand bijvoegen bij het verzenden. Voor elk bestandsveld kun je het volgende instellen:
- Accepted extensions (Toegestane extensies) - een door komma's gescheiden lijst, bijvoorbeeld
pdf, png, jpg. Alleen bestanden met deze extensies zijn toegestaan. - Max size (Maximale grootte) - de maximale bestandsgrootte in MB, tot 10 MB.
Uploads worden gecontroleerd bij het verzenden: de extensie moet in je lijst met toegestane extensies staan, het bestand moet binnen de groottelimiet vallen en de werkelijke inhoud moet overeenkomen met het opgegeven bestandstype.
Live voorbeeld
Het paneel Live preview (Live voorbeeld) aan de rechterkant toont het formulier precies zoals bezoekers het zullen zien. Het wordt direct bijgewerkt wanneer je velden toevoegt, stappen toevoegt en de vormgeving aanpast.
Wanneer het formulier klaar is, klik je op Save (Opslaan). Het formulier verschijnt nu in je overzicht onder Settings > Forms.
Een aangepast formulier gebruiken
Een opgeslagen aangepast formulier wordt niet automatisch aan bezoekers getoond. Koppel het aan een onderdeel:
- Settings > Lead Collection - open het dropdownmenu Form shown to the visitor (Formulier dat aan de bezoeker wordt getoond) en selecteer je aangepaste formulier in plaats van het ingebouwde formulier.
- Settings > Human Contact Form - open het dropdownmenu Form shown to the visitor en selecteer je aangepaste formulier in plaats van het ingebouwde formulier.
De bezoeker ziet vervolgens jouw aangepaste formulier op elk moment dat dat onderdeel wordt geactiveerd.
Hoe het eruitziet voor de bezoeker
Het formulier verschijnt binnen het chatvenster. Hier is het voorbeeldformulier "Cateringaanvraag" gekoppeld aan Lead Collection: de bezoeker ziet stap 1 met de contactvelden en gaat verder met de knop Next.
Stap 2 toont de velden voor het evenement, waaronder de Dropdown, het Long answer en het veld File upload. De bezoeker kan teruggaan met Previous of het formulier versturen met Submit (Verzenden). Na het verzenden wordt het bedankbericht dat je in de builder hebt ingesteld in de chat getoond.
Inzendingen bekijken op het tabblad Leads
Wanneer een bezoeker een aangepast formulier verzendt dat is gekoppeld aan Lead Collection of het Human Contact Form, wordt de inzending opgeslagen als lead. Open het tabblad Leads van de bot om deze te bekijken.
Naast de standaardgegevens Name, Email, Phone, Collected date en Entry point toont de kolom Form data (Formuliergegevens) de volledige inzending: het label van elk veld gevolgd door de waarde die de bezoeker heeft ingevoerd, één regel per veld. Bij een File upload-veld wordt de naam van het geüploade bestand getoond; zowel de e-mailnotificatie van de lead als de CSV-export (via de knop Export op het tabblad Leads) bevatten een downloadlink naar het bestand zelf.
Vanuit elke lead kun je ook doorklikken naar de volledige Conversation (Gesprek) om de chat rondom de inzending te bekijken.