Hoe maak je een contactformulier in Elementor

Wil je weten hoe je een Contact formulier in Elementor?

De contactpagina is een van de cruciale pagina's van een website. Het wordt vaak als parameter gebruikt of een website wel of niet wordt goedgekeurd. Elementor wordt geleverd met een native widget - de Form-widget - waarmee u een formulier aan een pagina kunt toevoegen. Dit artikel laat je zien hoe.

De formulierwidget zelf is alleen beschikbaar op Elementor Pro. Wat betekent dat je moet upgraden naar de pro-versie als je nog steeds de gratis versie gebruikt. U kunt niet alleen de formulierwidget gebruiken om een Contact formulier, maar u kunt het ook gebruiken om andere soorten formulieren te maken, waaronder een e-mailregistratieformulier, gebruikersregistratieformulier, het bestandsuploadformulier, enz ...

Hoe maak je een contactformulier in Elementor

Wanneer u een maakt Contact formulier Met de Formulierwidget van Elementor kunt u de locatie instellen waar de formuliergegevens naartoe worden verzonden. Of het nu in uw e-mailaccount is of in de standaardbeheerder voor het indienen van formulieren van Elementor.

In dit artikel gaan we meteen door met het toevoegen van de formulierwidget aan het invoervak ​​van Elementor. Voeg de formulierwidget vanuit het widgetpaneel als volgt toe aan het invoervak:

Zoals u kunt zien, maakt de formulierwidget automatisch een formulier dat uit drie velden bestaat.

Lees ook: Een prijsraster toevoegen in Elementor

Om een ​​bestaand veld te bewerken, kunt u het eenvoudig openen. U kunt het veldtype wijzigen, het standaardlabel en de tijdelijke aanduiding overschrijven en desgewenst instellen als verplicht veld.

Om een ​​bestaand veld te verwijderen, klikt u eenvoudig op de X van het veld dat u wilt verwijderen.

Om een ​​nieuw veld toe te voegen, klikt u eenvoudig op de knop EEN ELEMENT TOEVOEGEN. De formulierwidget zelf ondersteunt twintig soorten velden.

De formulieractie definiëren

Zoals we eerder vermeldden, kunt u de formuliergegevens (inzendingen) naar uw e-mailaccount of naar de ingebouwde formulierinzending van Elementor sturen. Om de bestemming in te stellen, kun je het blok openen Na het indienen van acties onder het tabblad Inhoud vanuit het instellingenpaneel.

Zie ook: Hoe maak je een afgeronde afbeelding in Elementor

Selecteer een actie die u wilt definiëren in het beschikbare veld (u kunt meerdere acties toevoegen). In dit voorbeeld selecteren we E-mail.

Als u ook de formulieractie instelt op e-mail, je kunt het blok openen E-mail om het e-mailadres te definiëren voor het ontvangen van de formuliergegevens. Zoals u kunt zien, kunt u desgewenst ook het onderwerp instellen.

Standaard neemt Elementor de inhoud van alle velden op het formulier op. Als u alleen inhoud uit specifieke velden wilt opnemen, kunt u de shortcodes van uw voorkeursvelden in het veld plakken. Bericht.

Met de onderstaande instelling wordt bijvoorbeeld alleen de inhoud van het berichtveld verzonden.

Om de shortcode van een veld te krijgen, klik je op het tabblad GEAVANCEERD in het bijbehorende veld van het blok Formulier velden.

Definitie van berichten

Wanneer de formuliergegevens succesvol zijn ingediend, zien uw bezoekers een succesvol bericht onder het formulier. Evenzo zullen ze ook een foutmelding zien wanneer de formuliergegevens niet worden ingediend.

Zie ook: Een teamledensectie maken met Elementor

Je kunt deze standaardberichten, evenals twee andere berichten, overschrijven vanuit het blok Extra opties onder het tabblad Inhoud vanuit het instellingenpaneel. Activeer de Aangepaste berichten om de standaardberichten te negeren.

Het formulier aanpassen

Als u klaar bent met het maken van de basisinstellingen onder het tabblad Inhoud vanuit het instellingenpaneel kunt u overschakelen naar de Style om het formulier aan te passen. Er zijn vijf blokken die je hier kunt openen.

• Formulier

U kunt dit blok openen om de ruimte tussen de kolommen en rijen van het formulier, de labelafstand, de typografie (lettertypefamilie, lettergrootte, lettertypestijl, enz.) van het formulierlabel en de kleur van de tekst van deze laatste te definiëren.

• Veld

U kunt dit blok openen om de typografie van de tekst van het veld te definiëren, evenals de kleur, de achtergrondkleur van de formuliervelden, de grootte, de randkleur en de randradius van de formuliervelden.

• Knopen

U kunt dit blok openen om de verzendknop aan te passen. U kunt zaken als typografie van de knoptekst instellen, evenals kleur, achtergrondkleur, randradius, randgrootte, randkleur en tekstvulling. Om de grootte van de knop in te stellen, kun je dit doen vanuit het blok knoppen sous het tabblad Inhoud.

• Berichten

U kunt dit blok openen om zowel de typografie als de kleur van de tekst van de berichten te definiëren.

• Stappen

U kunt dit blok alleen openen als u een meerstappenformulier wilt maken.

Als u klaar bent met het aanpassen van het formulier en de pagina, kunt u uw pagina publiceren.

Mogelijke fout

Een van de veelgemaakte fouten wanneer u de formulieractie instelt op: E-mail is dat het formulier niet wordt verzonden. In plaats daarvan ziet u het volgende bericht.

Elementor en de meeste plug-ins voor contactformulieren - inclusief Contact Form 7 - gebruiken de standaard e-mailbezorgingsfunctie van WordPress, genaamd wp_mail. Deze functie is afhankelijk van de functie Verzend mail die afhankelijk is van PHP om te functioneren.

Lees ook: Een testimonial-schuifregelaar toevoegen in Elementor

Helaas zijn alle aanbieders vanweb hosting activeer de functie niet Verzend mail van PHP. Dan wordt uw formulier niet verzonden. In plaats daarvan krijgt u een foutmelding zoals hierboven.

Om het probleem op te lossen, kunt u een aangepaste e-mailbezorgservice op uw WordPress installeren en configureren. Als alternatief kunt u, indien mogelijk, uw hostingprovider vragen om de functie in te schakelen Verzend mail van PHP.

Op het einde

Elementor is een van de meest uitgebreide plug-ins voor het bouwen van pagina's. Het wordt geleverd met een aantal ontwerpelementen (widgets genaamd) waarmee u eenvoudig elementen aan de pagina kunt toevoegen, waaronder een contactformulier.

Hoewel je met de Form-widget een volledig nieuw contactformulier kunt maken met je eigen ontwerp, biedt Elementor ook formuliersjablonen die je kunt gebruiken. Je kan zelfs maak een contactpagina aan (uiteraard compleet met het contactformulier) vanuit een template.

Download Elementor Pro nu!

Conclusie

Alstublieft ! Dat was het voor dit artikel dat je laat zien hoe je een contactformulier maakt in Elementor. Als u zich zorgen maakt over hoe er te komen flaat het ons weten in de commentaires.

U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.

Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.

...