Formulieren zijn essentieel voor elke website—van eenvoudige contactformulieren tot complexe registratieprocessen in meerdere stappen. Elementor Pro bevat een ingebouwd Formulier-widget dat in veel gevallen de noodzaak voor een aparte formulier-plugin elimineert. In deze gids behandelen we hoe je contactformulieren, registratieformulieren en meerstapsformulieren kunt maken met Elementor Pro, samen met integratieopties voor e-mailmarketing en CRM-diensten.
Deze tutorial vereist Elementor Pro. De gratis versie van Elementor bevat het Formulier-widget niet.
Overzicht van het Elementor Formulier-widget
Het Elementor Formulier-widget ondersteunt deze veldtypes:
| Veldtype | Gebruikscase | Opmerkingen |
|---|---|---|
| Tekst | Naam, bedrijf, onderwerpregel | Enkelregelige tekstinvoer |
| Verzameling e-mailadressen | Inclusief e-mailformaatvalidatie | |
| Textarea | Berichtinhoud, opmerkingen, beschrijvingen | Meerdere regels tekst met configureerbare rijen |
| Tel | Telefoonnummers | Activeert numeriek toetsenbord op mobiel |
| Nummer | Hoeveelheden, budgetten, beoordelingen | Min/max/stap validatie |
| URL | Website-adressen | URL-formaatvalidatie |
| Select | Dropdownselecties (land, categorie) | Enkele of meerdere selecties |
| Radio | Enkele keuze uit opties (type dienst) | Zichtbare opties zonder dropdown |
| Checkbox | Meerdere selecties (interesses, diensten) | Meerdere selecties toegestaan |
| Datum | Afsprakendata, evenementdata | Ingebouwde datumkiezer |
| Tijd | Afspraken plannen | Tijdselectiecontrole |
| Bestand Uploaden | CV, document, afbeelding indienen | Configureerbare bestandstypen en groottebeperkingen |
| Acceptatie | Algemene voorwaarden, GDPR-toestemming | Verplicht selectievakje met link |
| Verborgen | Trackinggegevens (pagina-URL, verwijzer) | Niet zichtbaar voor de gebruiker |
| reCAPTCHA | Spambescherming | v2 selectievakje of v3 onzichtbaar |
| Honeypot | Anti-spam (onzichtbaar voor mensen) | Verborgen veld dat bots opvangt |
Een Contactformulier Maken
Stap 1: Voeg het Formulier-widget toe
- Open een pagina in de Elementor-editor
- Zoek naar "Formulier" in het widgetpaneel
- Sleep het Formulier-widget in je lay-out
- Het standaardformulier bevat velden voor Naam, E-mail en Bericht
Stap 2: Configureer Formuliervelden
Voor een standaard contactformulier werkt deze veldconfiguratie goed:
- Naam (Tekstveld, verplicht) – Plaatshouder: "Je naam"
- E-mail (E-mailveld, verplicht) – Plaatshouder: "[email protected]"
- Onderwerp (Tekstveld, optioneel) – Plaatshouder: "Hoe kunnen we helpen?"
- Bericht (Textarea-veld, verplicht) – Plaatshouder: "Vertel ons over je project...", Rijen: 5
- reCAPTCHA of Honeypot voor spambescherming
Stap 3: Configureer Acties Na Indienen
Onder de sectie "Acties Na Indienen", configureer wat er gebeurt wanneer een gebruiker het formulier indient: For related information, see our guide on Elementor complete guide.
- E-mail: Stuur formuliergegevens naar je e-mailadres (of meerdere adressen)
- Redirect: Stuur de gebruiker naar een bedankpagina na indiening
- Popup: Toon een bevestigingspopup
- Webhook: Stuur formuliergegevens naar een externe URL (Zapier, Make, aangepaste API)
- Mailchimp / ConvertKit / Drip: Voeg abonnees toe aan e-mailmarketinglijsten
- Slack: Stuur meldingen naar een Slack-kanaal
- Discord: Stuur meldingen naar een Discord-webhook
Stap 4: Style het Formulier
In het Stijl tabblad, pas de visuele uitstraling aan: For related information, see our guide on Elementor templates and kits.
- Formulier lay-out
- Velden gestapeld: Volledige breedte of inline (naast elkaar)
- Veldstijl: Rand, achtergrondkleur, padding, rand-radius, kleur in focusstaat
- Labelstijl: Lettertype, grootte, kleur, spatiëring
- Knopstijl: Achtergrondkleur, tekstkleur, rand, hover-effecten, optie voor volledige breedte
- Berichten: Kleur en typografie van succes- en foutmeldingen
Een Multi-Step Formulier Maken
Multi-step formulieren zijn nuttig voor lange formulieren (registraties, aanvragen, enquêtes) waarbij het tonen van alle velden tegelijk gebruikers kan overweldigen. Elementor Pro ondersteunt multi-step formulieren standaard. For related information, see our guide on creating landing pages with Elementor.
Hoe Stappen In Te Stellen
- Voeg een Formulier-widget toe aan je pagina
- Voeg in de lijst met formulier velden een "Stap" veldtype toe tussen groepen velden
- Elk Stap-veld creëert een nieuwe stap met een "Volgende" en "Vorige" knop
- Voorbeeldstructuur:
- Stap 1: Naam, E-mail, Telefoon (Persoonlijke Informatie)
- Stap 2: Bedrijf, Budget, Tijdlijn (Projectdetails)
- Stap 3: Bericht, Bestandsupload (Aanvullende Informatie)
Multi-step formulieren tonen een voortgangsindicator die aangeeft op welke stap de gebruiker zich bevindt. Dit vermindert de waargenomen complexiteit en verbetert de voltooiingspercentages in vergelijking met het tonen van alle velden tegelijk.
Een Gebruikersregistratieformulier Maken
Elementor Pro kan WordPress gebruikersregistratieformulieren maken zonder een aparte plugin:
- Voeg een Formulier-widget toe en configureer de velden (Gebruikersnaam, E-mail, Wachtwoord)
- Onder "Acties Na Indienen," voeg de "Registreren" actie toe
- Koppel elk formulier veld aan het bijbehorende WordPress gebruikersveld
- Stel de standaard gebruikersrol in voor nieuwe registraties
- Optioneel: leid gebruikers na registratie door naar hun accountpagina
Opmerking: WordPress vereist standaard dat een beheerder nieuwe gebruikers goedkeurt. Je kunt dit wijzigen onder Instellingen → Algemeen → Lidmaatschap als je wilt dat gebruikers zich vrij kunnen registreren.
Integreren met E-mail Marketingdiensten
Elementor Pro integreert rechtstreeks met populaire e-mail marketingplatforms:
Dienst Integratietype Instapstappen Mailchimp Native (ingebouwd) API-sleutel toevoegen → Lijst selecteren → Velden koppelen ConvertKit Native (ingebouwd) API-sleutel toevoegen → Formulier selecteren → Velden koppelen ActiveCampaign Native (ingebouwd) API-gegevens toevoegen → Lijst selecteren → Velden koppelen Drip Native (ingebouwd) API-token toevoegen → Account selecteren → Velden koppelen GetResponse Native (ingebouwd) API-sleutel toevoegen → Campagne selecteren → Velden koppelen MailerLite Native (ingebouwd) API-sleutel toevoegen → Groep selecteren → Velden koppelen HubSpot Via Webhook Maak Zapier/Make verbinding met webhook-actie Voor elke integratie is het proces: voer de API-sleutel van je dienst in de integratie-instellingen van Elementor in, selecteer vervolgens de dienst als een "Actie Na Indienen" in je formulier. Koppel je formulier velden aan de velden van de dienst, en abonnees worden automatisch toegevoegd wanneer het formulier wordt ingediend.
Spam Beschermingsstrategieën
Contactformulieren trekken spam bots aan. Elementor Pro biedt verschillende opties voor spampreventie:
- Google reCAPTCHA v3: Onzichtbare spamdetectie die inzendingen beoordeelt zonder gebruikersinteractie. Aanbevolen voor de meeste formulieren
- reCAPTCHA v2: Het "Ik ben geen robot" selectievakje. Meer zichtbaar maar kan het aantal voltooide formulieren verminderen
- Honeypot-veld: Een onzichtbaar veld dat bots invullen. Als het veld gegevens bevat, wordt de inzending afgewezen. Geen gebruikersinteractie vereist
- Acceptatieveld: Een verplicht selectievakje (GDPR-toestemming, acceptatie van voorwaarden) dat ook als een afschrikmiddel voor bots fungeert
We raden aan om reCAPTCHA v3 te gebruiken in combinatie met een Honeypot-veld. Dit biedt twee lagen van spambescherming zonder enige zichtbare impact op
in de gebruikerservaring.
Elementor Formulieren vs Toegewijde Formulier Plugins
Kenmerk Elementor Formulieren Gravity Forms WPForms Visuele Bouwer Binnen de Elementor editor Losse drag-and-drop Losse drag-and-drop Voorwaardelijke Logica Basis (velden tonen/verbergen) Geavanceerd Geavanceerd Betalingsintegratie PayPal-knop Stripe, PayPal, Square Stripe, PayPal, Square Berekeningen Nee Ja Ja (Pro) Meerdere Stappen Ja Ja Ja Bestand Uploaden Ja Ja Ja Invoerbeheer Via Elementor inzendingen Volledig invoerbeheer Volledig invoerbeheer Vereist Pagina Bouwer Ja (Elementor Pro) Nee Nee Elementor Formulieren is voldoende voor contactformulieren, nieuwsbriefinschrijvingen en eenvoudige registratieformulieren. Voor complexe formulieren die betalingsverwerking, geavanceerde voorwaardelijke logica of geavanceerd invoerbeheer vereisen, zijn toegewijde formulier plugins zoals Gravity Forms of WPForms geschikter.
Veelgestelde Vragen
Kan ik Elementor formulieren gebruiken zonder Elementor Pro?
Nee. De Formulier widget is exclusief voor Elementor Pro. Als je formulieren nodig hebt met de gratis versie van Elementor, gebruik dan een aparte formulier plugin zoals Contact Form 7 (gratis), WPForms Lite (gratis) of Gravity Forms (premium).
Waar worden Elementor formulierinzendingen opgeslagen?
Formulierinzendingen worden opgeslagen in de WordPress database en zijn toegankelijk onder Elementor → Inzendingen in het beheerpaneel. Je kunt inzendingen bekijken, exporteren (CSV) en verwijderen. Inzendingen worden ook verzonden naar de e-mailadressen die je configureert in de E-mail actie.
Kunnen Elementor formulieren bestand uploads accepteren?
Ja. Voeg een Bestandsupload veldtype toe aan je formulier. Je kunt geaccepteerde bestandstypen (PDF, JPG, PNG, DOCX, enz.) en de maximale bestandsgrootte configureren. Geüploade bestanden worden opgeslagen in de WordPress mediabibliotheek en gekoppeld aan de formulierinzending.
Hoe voeg ik voorwaardelijke logica toe aan Elementor formulieren?
Elementor Pro ondersteunt basis voorwaardelijke logica: velden tonen of verbergen op basis van de waarde van een ander veld. In de veldinstellingen, schakel "Voorwaardelijk" in en stel de voorwaarden in (bijv. toon het "Bedrijf" veld alleen wanneer de radio-knop "Ik ben een bedrijf" is geselecteerd). Voor geavanceerde voorwaardelijke logica (berekeningen, meerlaagse voorwaarden) kan een toegewijde formulier plugin geschikter zijn.
Kan ik pop-up formulieren maken met Elementor?
Ja. Maak een pop-up sjabloon in Elementor, voeg een Formulier widget toe en stel triggervoorwaarden in (klik, scrollpercentage, exit intent, tijdsvertraging). Dit is handig voor nieuwsbriefinschrijvingen, lead magnets en promotionele aanbiedingen zonder een formulier aan de hoofdpagina-indeling toe te voegen.
Hoe voorkom ik spam op Elementor formulieren?
Gebruik Google reCAPTCHA v3 (onzichtbaar) in combinatie met een Honeypot veld voor tweelaagse bescherming. Dit blokkeert geautomatiseerde bots zonder wrijving voor echte gebruikers. Voor formulieren met een hoog spamvolume, overweeg om een Acceptatie veld (verplicht selectievakje) als derde laag toe te voegen.
Krijg Elementor Pro met Form Builder
Toegang tot de Formulier widget, Thema Bouwer, WooCommerce Bouwer en 100+ Pro widgets. Bouw formulieren visueel zonder extra plugins.
Bekijk Elementor Pro →
