Training: Formulier aanpassen met JetFormBuilder

Doel van deze training

Na het volgen van deze training weet je:

• Hoe je een formulier opent in JetFormBuilder
• Hoe je een veld toevoegt, instelt en zichtbaar maakt in je e-mailmelding
• Hoe je een veld verwijdert, inclusief het verwijderen uit de e-mailmelding

1. Naar de achterkant van de website gaan

1. Log in op je WordPress-website. Je herkent dit aan de zwarte WordPress-balk bovenaan de pagina.
2. Klik in deze balk op de naam van je bedrijf.
3. Je komt nu in het WordPress-dashboard.

2. JetFormBuilder openen

1. In het menu aan de linkerkant klik je op JetFormBuilder.
2. Er verschijnt een overzicht van alle formulieren die in de website zijn aangemaakt.
3. Zoek het formulier dat je wilt aanpassen (bijvoorbeeld het contactformulier) en klik op Bewerken.

3. Velden in het formulier bekijken

In het midden van het scherm zie je:

• Alle velden die op dit moment in het formulier staan
• De knop om het formulier te versturen

Aan de rechterkant staat een zijbalk met twee tabbladen:

• Block: hier pas je instellingen aan van één specifiek veld (bijvoorbeeld label, type, placeholder)
• JetForm: hier wijzig je instellingen op hoofdniveau voor het hele formulier

4. Een veld toevoegen

1. Klik linksboven op het plus-teken.
2. Zoek of selecteer het type veld dat je wilt toevoegen (meestal een tekstveld).
3. Sleep het veld naar de gewenste positie in het formulier.
4. Klik op het veld om instellingen aan te passen:
   • Label: de naam die boven het veld staat
   • Type veld: bijvoorbeeld tekst, e-mail, URL, telefoonnummer, wachtwoord
   • Placeholder (via tabblad Geavanceerd): voorbeeldtekst in het veld
5. Klik op Opslaan.

5. Het veld zichtbaar maken in e-mailmeldingen

Als je wilt dat het nieuwe veld ook wordt meegestuurd in de e-mail die je ontvangt:

1. Onthoud de Form Field Name van het nieuwe veld (bijvoorbeeld: testveld).
2. Klik in de rechterzijbalk op JetForm.
3. Ga naar Post Submit Actions en klik bij Send Email op het potlood-icoon Edit Action.
4. Scroll in de pop-up naar Content.
5. Dit is het e-mailtemplate dat je ontvangt na een inzending.
6. Voeg het nieuwe veld toe:
   • Plaats de cursor waar het veld moet komen
   • Klik op het gereedschapsicoon
   • Kies het nieuwe veld
7. Knip het veld indien nodig weg en plak het op de juiste plek in het rijtje met andere velden.
8. Klik op Update en vervolgens op Opslaan van het formulier.

6. Controleren aan de voorkant

1. Ga naar de pagina met het formulier (bijvoorbeeld de contactpagina).
2. Controleer of het nieuwe veld zichtbaar is.
3. Test het formulier om te controleren of het veld in de e-mailmelding verschijnt.

7. Een veld verwijderen

1. Selecteer het veld in het formulier.
2. Klik op de drie puntjes in de werkbalk boven het veld.
3. Kies Verwijderen veld.
4. Ga naar Post Submit Actions → Send Email en verwijder het veld ook uit de e-mailtemplate.
5. Klik op Update en Opslaan.