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 pagebuilder maakt het makkelijker dan ooit om mooie websites te maken.
Om te demonstreren hoe je contactformulieren maakt met Elementor, bespreken we de verschillende opties en alles wat er te weten valt over contactformulieren in Elementor.
Elementor heeft al geruime tijd een Form-widget, wat betekent dat je nergens anders meer heen hoeft om Forms voor je WordPress-website te maken, wat een zegen is!
In het verleden heeft u mogelijk problemen ondervonden bij het maken van Formulieren met enkele van de beschikbare plugin ins. 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 ermee te werken.
- Wat is de beste manier om een formulier te maken in Elementor?
- Een Elementor-formulier maken
- Elementorelementen op een gestructureerde manier vormen
- Typen velden in een formulier
- Typen velden in een Elementor-vorm
- 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 eens kijken naar enkele van de meest essentiële functies.
Een van de meest onderscheidende kenmerken, om te beginnen, is dat het volledig is geïntegreerd 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 formulier- plugin zult vinden met een ontwerpsysteem dat zo robuust is als dit.
Van daaruit kunt u maximaal 18 verschillende soorten 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
- Honeypots zijn een soort containers die honing bevatten (voorkomt spam)
U kunt uw formulieren ook over meerdere pagina's verdelen 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. Voor ex amp le, als iemand vult uw formulier, kunt u meldingen via Slack of Onenigheid ontvangen.
Over meldingen gesproken, u kunt ook de e-mailmeldingen die u ontvangt en de e-mailmeldingen die inzenders van formulieren ontvangen, personaliseren. Nadat ze het formulier hebben verzonden, kun je ze doorverwijzen naar een aangepaste bedankpagina die je hebt gemaakt.
Wat is de beste manier om een formulier te maken in Elementor?
We beginnen met het openen van de Elementor-editor en slepen en neerzetten van de formulierwidget naar de locatie waar we ons formulier willen bouwen.
Een Elementor-formulier maken
Zoals 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 is, is de eerste stap het ordenen van de informatie die erin staat. Welke velden heb je nodig en wat voor soort velden moeten dat 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 kunt zien in de ex amp le hieronder, vormen zijn een paar standaard Fields. Door Item toevoegen te selecteren in het vervolgkeuzemenu, kunt u nieuwe velden maken.
Een veld dupliceren is ook mogelijk door het pictogram te selecteren dat op twee documenten lijkt, de een voor de ander, en erop te klikken.
Typen 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 houdt u van het vervolgkeuzemenu Type om de beschikbare verschillende veldtypen te zien.
Typen velden in een Elementor-vorm
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 te selecteren in de vervolgkeuzelijst en 50 procent te selecteren. Het is vermeldenswaard dat als u dit met twee opeenvolgende formuliervelden doet, u zult merken dat ze samen op dezelfde regel verschijnen.
Formulieren in Elementor voor styling
Stijl uw formulieren in Elementor op dezelfde manier als andere widgets door naar het deelvenster Stijl in de bewerkingsinterface van Elementor te gaan.
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 hoeven te 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 het configureren van wat er gebeurt nadat uw formulier is ingediend; dit wordt bereikt door formulieracties, of zoals ze worden genoemd in Elementor, Acties na indiening.
Wanneer een formulier wordt ingediend, is het gebruikelijk dat het systeem een e-mail stuurt en de gebruiker omleidt naar een andere webpagina. U kunt natuurlijk zoveel acties opnemen als u wilt in uw formulieren en deze op elke gewenste manier combineren. Zoals je zou verwachten, is er een specifiek selectorveld zonder codering.
Elk van de acties die u toevoegt, wordt weergegeven als een aparte tabbladoptie in het hoofdmenu. We hebben momenteel een tab optie voor e-mail, maar als ik een redirect in de Add Actie gebied omvatten, wil ik ook zien Redirect in mijn tab opties, zoals aangegeven in de ex amp le hieronder.
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 van-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 om te horen dat de formuliereditor van Elementor krachtiger is dan het op het eerste gezicht lijkt, en een van de meer geavanceerde functies is de mogelijkheid om de berichtgeving voor elk formulier aan te passen.
Het is mogelijk om de formulierberichten aan te passen om een meer gepersonaliseerd feedbackproces te bieden aan de eindgebruiker die uw formulier heeft ingevuld, in plaats van dat het klinkt als een saaie robot. Maar welke berichten u specifiek kunt aanpassen voor uw Elementor-contactformulier zijn de volgende:
Om te beginnen, moet u eerst aangepaste berichten inschakelen door "Extra opties" te selecteren in het vervolgkeuzemenu en vervolgens de tuimelschakelaar voor "Aangepaste berichten" op "Ja" te zetten.
Elementor contactformulier widget aanpassen door aangepaste berichten toe te voegen
Zoals u kunt zien, zijn er vier verschillende berichten die u kunt aanpassen, waaronder de onderstaande:
Er wordt een succesbericht weergegeven aan een eindgebruiker na het indienen van het formulier en het verifiëren dat het formulier correct is ingevuld (bijv. er ontbreken geen verplichte velden, enz.).
Foutbericht — een bericht dat wordt weergegeven aan de eindgebruiker 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 het bericht Ongeldig bericht weergegeven aan de eindgebruiker.
Als u de berichten kunt bewerken, kunt u creatief en eigenzinnig zijn, of meer formeel en zakelijk als u een bedrijfssite heeft. Het beste is dat ze volledig bewerkbaar zijn, dus je kunt doen wat je wilt!
Conclusie
Elementor formulier widget, het is moeiteloos om een contactformulier te maken. Het wordt geleverd met een intuïtieve contactformulier-builder voor slepen en neerzetten en een overvloed aan aanpassingsopties die het onderscheiden van de andere plugin - plugin contactformulieren die op de markt verkrijgbaar zijn. U kunt de stijl en het kleurenschema eenvoudig aanpassen aan de look en feel van uw bedrijf. Ook inbegrepen zijn verschillende andere aantrekkelijke widgets, meer dan 300+ professionele sjablonen en een pop-upbuilder in één handig pakket. Deze volledig uitgeruste WordPress-paginabuilder bevat alle benodigde widgets en functies, dus u hoeft geen extra paginabuilders aan te schaffen om uw website verder aan te passen. Bovendien maakt het de integratie van meer dan 30 marketingdiensten mogelijk, daarom is het een van de meest populaire plugin ins die momenteel op de markt zijn.
