Share on email
Share on whatsapp
Share on twitter
Share on linkedin

Contactformulier maken op je website met Elementor

Een contactformulier maken op je website kan op veel manieren. Er zijn een heleboel plugins, zoals contact form 7, caldera forms, wp forms waarmee je dit kunt realiseren. Het voordeel van werken met Elementor is dat je al deze plugins niet meer nodig hebt. Met Elementor Pro heb je namelijk de mogelijkheid om eenvoudig contactformulieren te maken op je website. Met alles erop en eraan. In dit artikel leggen we je uit hoe je dit doet en hoe je hetzelfde contactformulier op meerdere pagina’s kunt gebruiken.

Contactformulier maken met de Formulieren widget

Ga naar de pagina waarop je een contactformulier wilt plaatsen. Bijvoorbeeld de pagina ‘Contact’ en kies voor ‘Bewerk met Elementor’.

Vind de widget ‘Formulieren’ en voeg deze toe aan de sectie.

formulier toevoegen met Elementor

Het contactformulier aanpassen

Een standaard contactformulier is aangemaakt. Deze kun je in principe direct gebruiken, maar het is wel zo netjes om even de tekst even naar het Nederlands te vertalen. Dit kun je heel eenvoudig doen.

Veldnamen wijzigen

Klik op het veld tabje ‘Name’ om het veld te bewerken en pas de naam aan. Je kunt hier ook instellen of het veld verplicht is of niet.
Doe dit ook voor ‘Message’ en eventueel ‘Email’ (als je er bijvoorbeeld e-mailadres van wilt maken).

Button tekst aanpassen

Om de tekst op de button aan te passen, klik je op het tabje eronder. Eventueel kun je er ook voor kiezen om een icoon toe te voegen aan de button.

Labels verwijderen

Als je het niet mooi vindt dat de labels bovenaan de velden staan, dan kun je deze ook uitzetten. Zet ‘Label’op ‘hide’

Een veld toevoegen aan het contactformulier

Indien gewenst kun je ook eenvoudig een veld toevoegen aan het contactformulier. Klik op ‘item toevoegen’ of kopieer een van de andere velden. Je kunt voor verschillende veldtypen kiezen:

Velden naast elkaar zetten

Wanneer je veel velden in je contactformulier gebruikt, kan het formulier al snel (te) lang worden. Over het algemeen oogt dit niet zo mooi. Het is dan mooier om bepaalde velden zoals voor- en achternaam naast elkaar te zetten. Dit doe je door de ‘Column width’ aan te passen.

Zet het eerste veld op 50%. Je ziet direct dat deze kleiner wordt, alleen blijft het tweede veld nog steeds op de regel eronder staan. Om ze naast elkaar te zetten, moet je deze ook op 50% zetten. Om ze naast elkaar te zetten mag de kolombreedte van de velden bij elkaar opgeteld niet meer dan 100% zijn. Als je dus 3 velden naast elkaar wilt zetten, zet je ze alle drie op 33%.
Je kunt hetzelfde doen met de button.

Email aanpassen die je ontvangt

Bij een contactformulier maken is het ook handig als je de emails goed instelt. Als iemand het contactformulier invult op jouw website, ontvang je hiervan een mail. Dit is één van de acties die je kunt instellen onder ‘Actions after submit’. Deze staat standaard al ingesteld. Het emailadres waar de mail naar verzonden wordt is het admin adres dat je voor je website gebruikt. In ons geval dus contact@sijweb.nl. Het is handig om deze informatie ALTIJD even te checken. Ook kun je het onderwerp van de email aanpassen. [all fields] kun je laten staan. Dit zijn de gegevens die de bezoeker heeft ingevuld.

Je bezoeker ook redirecten naar een bedankpagina na het inzenden van het formulier? Lees dan dit artikel.

Meldingen aanpassen

Na het verzenden van het bericht krijgt de bezoeker een succes melding te zien. Maar het kan ook zijn dat er tijdens het invullen iets niet goed gaat. Hiervoor staan standaardteksten ingesteld die je vindt onder het tabje ‘Additional options’ –> Zet ‘Custom messages’ op ‘ja’. Je kunt hier de teksten vertalen naar het Nederlands of de teksten naar wens aanpassen.

Het contactformulier testen

Test ALTIJD het contactformulier. Hier kan namelijk een hoop misgaan. Wil je de inzendingen ook opslaan in WordPress, zodat je zeker weet dat je niets mist? Dan heb je hier een aparte plugin voor nodig. Wij maken gebruik van Elementor DB, maar Elementor Leads is ook een plugin die je hiervoor kunt gebruiken. Die laatste bevelen we niet aan, omdat we bij sommige klanten hebben gemerkt dat niet alle inzendingen worden opgeslagen.

Je kunt er ook voor zorgen dat je e-mailadressen worden toegevoegd aan je mailingtool (let op: hiervoor heb je wel toestemming nodig).

Zoals je ziet kun je dus eenvoudig een contactformulier maken met Elementor. Kom je er niet uit? We helpen je graag!

Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites voor mkb'ers en zzp'ers. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.
Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.