Elke website moet een contactformulier bevatten! Contactformulieren zijn nuttig voor verschillende doeleinden, ongeacht het type website dat u heeft. Ze kunnen leads genereren, verbindingen en relaties opbouwen, gebruikers in staat stellen problemen met uw site te melden en alles daartussenin.
Het is niet nodig om een technisch expert te zijn om contactformulieren in WordPress te maken. De Elementor paginabuilder maakt het makkelijker dan ooit om mooie websites te maken.
Om te demonstreren hoe je contactformulieren maakt met Elementor, bespreken we de verschillende mogelijkheden en alles wat er te weten valt over contactformulieren in Elementor.
Elementor heeft al geruime tijd een Formulier-widget toegevoegd, waardoor u niet langer ergens anders heen hoeft om Formulieren voor uw WordPress-website te maken, wat een zegen is!
In het verleden heeft u mogelijk problemen ondervonden bij het maken van formulieren met een aantal van de beschikbare plugin . Het proces van het ontwerpen en configureren van formulieren kan tijdrovend en frustrerend zijn. Gelukkig voor ons allemaal is de Elementor Form-widget eenvoudig om mee te werken.
- Wat is de beste manier om een formulier in Elementor te maken?
- Hoe u een Elementor-formulier maakt
- Elementorelementen op een gestructureerde manier vormen
- Soorten velden in een formulier
- Typen velden in een Elementor-formulier
- Breedte van een formulierkolom
- Formulieren in Elementor voor Styling
- Acties op een formulier
- Een berichtsjabloon voor contactformulieren maken in Elementor
- Conclusie
Voordat we aan de slag gaan met de Elementor-formulierbouwer, laten we eerst eens kijken naar enkele van de meest essentiële functies.
Een van de meest onderscheidende kenmerken is om te beginnen dat het volledig geïntegreerd is in de Elementor-interface, wat betekent dat je toegang hebt tot veel ontwerp-/stijl-/lay-outopties die beschikbaar zijn in Elementor. Ik geloof niet dat je een zelfstandige plugin zult vinden met een ontwerpsysteem dat zo robuust is als dit.
Van daaruit kunt u maximaal 18 verschillende typen velden maken:
- Tekst E-mail Tekstgebied Tekstgebied
- De URL en het telefoonnummer zijn als volgt:
- Keuzerondjes zijn een soort keuzerondjes.
- Kies uit een lijst (dropdown)
- In checklists worden selectievakjes gebruikt.
- Er is slechts één selectievakje (acceptatie)
- reCAPTCHA
- Honingpotten zijn een soort container die honing bevat (voorkomt spam)
U kunt uw formulieren ook opdelen in meerdere pagina's om formulieren met meerdere stappen te maken, wat handig is voor toepassingen met lange formulieren.
Elementor Pro heeft meer dan 12 integraties met populaire e-mailmarketingdiensten en klantrelatiebeheersystemen om u te helpen het meeste uit uw formulieren te halen. Er is ook een allesomvattende Zapier-integratie waarmee u verbinding kunt maken met een van de duizenden tools die beschikbaar zijn op het Zapier-platform als uw tool niet in de lijst staat.
Er zijn ook een paar andere intrigerende alternatieven. Wanneer iemand amp uw formulier invult, kunt u meldingen ontvangen via Slack of Discord.
Over meldingen gesproken: u kunt ook de e-mailmeldingen personaliseren die u ontvangt en de e-mailmeldingen die formulierindieners ontvangen. Nadat ze het formulier hebben verzonden, kunt u ze doorsturen naar een aangepaste bedankpagina die u maakt.
Wat is de beste manier om een formulier in Elementor te maken?
We beginnen met het openen van de Elementor-editor en het slepen en neerzetten van de formulierwidget naar de locatie waar we ons formulier willen bouwen.
Hoe u een Elementor-formulier maakt
Net als al het andere in Elementor wordt het proces van het maken van formulieren visueel uitgevoerd. Het is niet nodig om een extra plugin te gebruiken en het is ook niet essentieel om als backend van uw website te fungeren.
Elementorelementen op een gestructureerde manier vormen
Zodra uw formulier op zijn plaats staat, is de eerste stap het ordenen van de informatie die het bevat. Welke velden heeft u nodig en welke soorten velden moeten dit zijn? Waar bent u naar op zoek?
Wanneer u in de Elementor-editor werkt, worden formuliervelden toegevoegd en bewerkt vanaf het tabblad Inhoud. Zoals u in het onderstaande amp kunt zien, bevatten formulieren een aantal standaardvelden. Door Item toevoegen te selecteren in het vervolgkeuzemenu, kunt u nieuwe velden maken.
Het dupliceren van een veld is ook mogelijk door het pictogram te selecteren dat op twee documenten lijkt, de een vóór de ander, en erop te klikken.
Soorten velden in een formulier
Er zijn veel typen formuliervelden beschikbaar, variërend van eenvoudige tekstvelden tot wachtwoorden, ReCaptcha en honeypot-velden.
Om het gedrag van een formulierveld te wijzigen, selecteert u eerst het veld en vervolgens het vervolgkeuzemenu Type om de beschikbare verschillende veldtypen te zien.
Typen velden in een Elementor-formulier
Breedte van een formulierkolom
Met deze functie kunt u twee formuliervelden op dezelfde regel gebruiken door de instelling Kolombreedte aan te passen. Wijzig de breedte van het venster door het in de vervolgkeuzelijst te selecteren en 50 procent te selecteren. Het is vermeldenswaard dat als u dit doet met twee opeenvolgende formuliervelden, u zult merken dat ze samen op dezelfde regel verschijnen.
Formulieren in Elementor voor Styling
Stijl uw formulieren in Elementor op dezelfde manier als u andere widgets stijlt door naar het stijlpaneel in de Elementor-bewerkingsinterface te navigeren.
Het formulier zelf, de velden, knoppen, eventuele stappen, foutmeldingen en bevestigingsberichten kunnen allemaal worden aangepast.
Voor degenen die al bekend zijn met Elementor: er is niet veel meer dat ze moeten leren bij het stylen van Elementor Forms.
Acties op een formulier
Laten we, na onze discussie over het maken van een formulier in Elementor, eens kijken naar de configuratie van wat er gebeurt nadat uw formulier is verzonden; dit wordt bereikt via Formulieracties, of zoals ze worden genoemd in Elementor, Actions After Submit.
Wanneer een formulier wordt ingediend, is het gebruikelijk dat het systeem een e-mail verzendt en de gebruiker doorstuurt naar een andere webpagina. Uiteraard kunt u in uw Formulieren zoveel acties opnemen als u wilt en deze op elke gewenste manier combineren. Zoals je zou verwachten, is er een specifiek selectieveld zonder codering.
Elk van de acties die u toevoegt, verschijnt als een afzonderlijke tabbladoptie in het hoofdmenu. We hebben momenteel een tabbladoptie voor E-mail, maar als ik een omleiding zou opnemen in het veld Actie toevoegen, zou ik ook Omleiding zien in mijn tabbladopties, zoals weergegeven in het onderstaande amp .
Tot slot zal ik demonstreren hoe u het formulier kunt configureren om inzendingen via e-mail te accepteren, de meest gestelde vraag over formulieren.
Wanneer u E-mail selecteert op het tabblad Inhoud in de editor, krijgt u het onderstaande scherm te zien; hier kunt u de e-mail en de antwoord-e-mail personaliseren, en u kunt ook een CC of BCC toevoegen aan iedereen die een kopie van de inzendingen van het formulier zou moeten ontvangen.
Een berichtsjabloon voor contactformulieren maken in Elementor
Veel mensen zijn verrast als ze horen dat de formuliereditor van Elementor krachtiger is dan hij op het eerste gezicht lijkt, en een van de meer geavanceerde functies is de mogelijkheid om de berichten voor elk formulier aan te passen.
Het is mogelijk om de formulierberichten aan te passen om een persoonlijker feedbackproces te bieden aan de eindgebruiker die uw formulier heeft ingevuld, in plaats van te klinken als een saaie robot. Maar welke berichten u specifiek kunt aanpassen voor uw Elementor-contactformulier zijn als volgt:
Om te beginnen moet u eerst aangepaste berichten inschakelen door ‘Aanvullende opties’ te selecteren in het vervolgkeuzemenu en vervolgens de tuimelschakelaar voor ‘Aangepaste berichten’ op ‘Ja’ te zetten.
Elementor-contactformulierwidgetaanpassing door aangepaste berichten toe te voegen
Zoals u kunt zien, zijn er vier verschillende berichten die u kunt aanpassen, waaronder de berichten hieronder:
Er wordt een succesbericht weergegeven aan een eindgebruiker nadat het formulier is ingediend en is gecontroleerd of het formulier correct is ingevuld (bijvoorbeeld dat er geen verplichte velden ontbreken, enz.).
Foutbericht — een bericht dat aan de eindgebruiker wordt weergegeven wanneer er een onbekende fout optreedt tijdens het indienen van het formulier.
Vereist bericht — verschijnt wanneer een verplicht formulierveld niet is ingevuld, het formulier is verzonden en het formulier niet is ingevuld.
Wanneer iets in de formulierinzending onjuist is en niet kan worden verzonden, wordt de melding Ongeldig bericht weergegeven aan de eindgebruiker.
Als u de berichten kunt bewerken, kunt u creatief en eigenzinnig zijn, of formeler en zakelijker als u een bedrijfssite beheert. Het beste is dat ze volledig bewerkbaar zijn, dus je kunt doen wat je wilt!
Conclusie
Elementor-formulierwidget, het is moeiteloos om een contactformulier samen te stellen. Het wordt geleverd met een intuïtieve drag-and-drop-contactformulierbouwer en een overvloed aan aanpassingsopties die het onderscheiden van de andere plugin ins die op de markt verkrijgbaar zijn. De styling en het kleurenschema kunt u eenvoudig aanpassen aan de look en feel van uw bedrijf. Ook inbegrepen zijn diverse andere aantrekkelijke widgets, meer dan 300 professionele sjablonen en een pop-upbuilder in één handig pakket. Deze volledig functionele WordPress-paginabuilder bestaat uit alle benodigde widgets en functies, zodat u geen extra paginabuilders hoeft aan te schaffen om uw website verder aan te passen. Bovendien maakt het de integratie van meer dan 30 marketingdiensten mogelijk, wat de reden is dat het een van de meest gekochte plugin is die momenteel op de markt zijn.
