Een formulier toevoegen aan je WordPress-website via Elementor is een krachtige manier om contact op te nemen met je gebruikers, leads te verzamelen of gegevens te ontvangen. Elementor biedt meerdere mogelijkheden om dit te doen, en met de Elementor Pro-versie kun je de ingebouwde Form-widget gebruiken om eenvoudig geavanceerde formulieren te maken. Hier is een stap-voor-stap uitleg om een formulier te maken in Elementor.
Stap 1: De Elementor Editor openen
Inloggen op je WordPress-dashboard
- Ga naar de inlogpagina van je WordPress-website (meestal
jouwwebsite.nl/wp-admin). - Voer je gebruikersnaam en wachtwoord in om in te loggen.
Pagina selecteren om te bewerken
- In het linker zijmenu, ga naar “Pagina’s”
- Klik op de pagina die je wilt bewerken.
- Klik op de knop “Bewerken met Elementor” om de Elementor-editor te openen.
Stap 2: Formulier-widget toevoegen
De Form-widget is alleen beschikbaar in Elementor Pro. Volg deze stappen:
- Zoek in de widget-zoekbalk aan de linkerkant naar “Form”.
- Sleep de Form-widget naar de gewenste locatie op je pagina.
Stap 3: Formulier aanpassen
De Form-widget biedt veel aanpassingsmogelijkheden. Standaard bevat het formulier drie velden: Naam, E-mail en een Bericht-veld. Je kunt deze velden eenvoudig aanpassen of nieuwe velden toevoegen.
Velden toevoegen of bewerken:
- Klik op een bestaand veld om het aan te passen. Je kunt de naam van het veld, de labeltekst, en het type veld (zoals tekst, e-mail, telefoon, wachtwoord, etc.) aanpassen.
- Om een nieuw veld toe te voegen, klik je op + Toevoegen en selecteer je het type veld dat je nodig hebt.
Velden rangschikken:
- Velden kunnen eenvoudig gesleept worden om hun volgorde aan te passen.
Verplichte velden:
- Stel velden in als verplicht door de optie “Verplicht” aan te vinken voor elk veld dat noodzakelijk is.
Stap 4: Instellen van acties na inzending
Een belangrijk aspect van elk formulier is de actie die volgt na het verzenden van de gegevens.
- Ga naar het tabblad Acties na inzending in de widget.
- Standaard is de actie ingesteld op E-mail. Dit betekent dat het formulier naar het opgegeven e-mailadres wordt gestuurd.
- Je kunt ook andere acties toevoegen, zoals Redirect (doorsturen naar een andere pagina) of Webhooks (voor integratie met externe tools).
Stap 5: Stijl en ontwerp aanpassen
Gebruik het Stijl-tabblad om de vormgeving van het formulier aan te passen:
- Pas de breedte, kleur, lettertype en rand van de velden aan.
- Je kunt ook de knop Verzenden stylen om deze goed bij je website-ontwerp te laten passen.
By Davy