Formulier in Elementor aanpassen

Inleiding

Elementor Pro biedt een flexibele formulierwidget waarmee u contactformulieren, offerteaanvragen en inschrijfformulieren kunt bouwen.
In deze handleiding leert u hoe u een bestaand formulier in Elementor kunt aanpassen, velden kunt wijzigen of toevoegen en instellingen kunt beheren zoals succesmeldingen, validatie en styling.

Waar vindt u het formulier?

Anders dan bij Contact Form 7 heeft Elementor geen aparte formulierenlijst.
Formulieren staan op de pagina waar ze zijn ingevoegd of in een template (bijvoorbeeld een pop-up of footer).

Zo opent u een formulier:

1. Ga naar Pagina's of Templates.
2. Klik op Bewerken met Elementor.
3. Scroll naar het formulier.
4. Klik op het formulier zodat het omlijnd wordt.
5. Links in het Elementor-paneel verschijnen de instellingen.

Formuliervelden aanpassen

1. Een bestaand veld aanpassen

1. Klik in de linker veldenlijst op het veld dat u wilt wijzigen.
2. Pas de volgende opties aan:
   
   
   
   • Label – tekst boven het veld.
   • Placeholder – lichtgrijze tekst in het veld.
   • Required – verplicht maken.
   • Field ID – veldnaam voor e-mailautomation.
   • Type – tekst, email, telefoon, select, etc.

2. Een nieuw veld toevoegen

1. Klik op Add Item.
2. Kies bij Type het gewenste veld, zoals:
   
   
   
   • Text
   • Email
   • Tel
   • Textarea
   • Select
   • Checkbox
   • File Upload
   • Date
3. Geef het veld een logische Field ID, zoals:
   
   
   
   • name
   • email
   • phone
   • message
4. Stel in of het veld verplicht is.
5. Pas label en placeholder aan.

3. Velden verwijderen

1. Klik op het veld dat u wilt verwijderen.
2. Onderaan klikt u op Delete (prullenbak-icoon).

Volgorde van velden aanpassen

U kunt de volgorde van velden wijzigen door ze te slepen.

1. Ga naar de lijst met velden.
2. Pak een veld vast bij de 6 puntjes links.
3. Sleep het omhoog of omlaag naar de gewenste positie.

Acties na verzenden

Onder Actions After Submit kiest u wat er gebeurt nadat een bezoeker het formulier verzendt.

• Email – verstuurt bericht naar beheerder.
• Email2 – verstuurt bevestiging naar klant.
• Redirect – doorverwijzen naar bedankpagina.
• Webhook – koppeling met externe systemen.
• Save to Database – opslaan van inzendingen.

Verzendmelding aanpassen

Wanneer een formulier verzonden wordt, toont Elementor een succesmelding.

Zo past u de meldtekst aan:

1. Ga naar Additional Options.
2. Zoek het veld Success Message.
3. Pas de tekst aan, bijvoorbeeld:
   

   “Bedankt voor uw bericht! Wij reageren meestal binnen 24–48 uur.”

Validatie en foutmeldingen

Worden verplichte velden niet ingevuld of is het e-mailadres ongeldig?
Dan toont Elementor automatische foutmeldingen.

U kunt deze aanpassen onder:

• Additional Options → Custom Error Messages

Stijlen en lay-out aanpassen

Onder het tabblad Style kunt u:

• Tekst, labels en placeholders stylen.
• Breedte van velden instellen (bijv. twee naast elkaar).
• Kleuren, borders en hoeken aanpassen.
• Padding en marges instellen.
• Knoppen stylen (kleur, hover, grootte).

Velden naast elkaar tonen

1. Klik op het veld.
2. Ga naar Column Width.
3. Kies bijvoorbeeld 50% voor twee velden naast elkaar.

Formulier testen

1. Klik op Bijwerken in Elementor.
2. Open de pagina in een nieuw tabblad.
3. Vul het formulier in.
4. Controleer:
   
   
   
   • Of de succesmelding verschijnt.
   • Of de mail bij u binnenkomt.
   • Of de klant bevestiging ontvangt (indien ingesteld).

Veelvoorkomende problemen

Ik kan het formulier niet vinden

• Het kan in een template staan (Header, Footer, Popup).
• Bekijk Templates → Saved Templates.

Verzending werkt niet

• Controleer SMTP (WP Mail SMTP).
• Controleer of er een Email-actie ingesteld is.
• Zorg dat het e-mailveld “email” als Field ID heeft.

Formulier verschijnt niet goed op mobiel

• Controleer kolombreedtes (geen 100% + 100%).
• Controleer padding en margins in responsieve weergave.

Kort samengevat

• Formulieren worden bewerkt op de pagina zelf via Elementor.
• Velden aanpassen, toevoegen en verwijderen is eenvoudig.
• Kies acties voor wat er gebeurt na het verzenden.
• Pas succesmeldingen en foutmeldingen aan waar nodig.
• Style het formulier voor een professionele uitstraling.
• Test altijd na het doorvoeren van wijzigingen.

Hulp nodig?

We reageren meestal binnen 24–48 uur. Uw oplossing is maar één berichtje van u vandaan.