In dit artikel lees je hoe je met gratis Elementor een formulier maakt.
Hoewel de Form-widget alleen beschikbaar is op Elementor Pro, betekent dit niet dat u geen formulier kunt maken op de gratis versie van Elementor.
Als u een formulier moet toevoegen aan de pagina die u maakt met de gratis versie van Elementor, kunt u de twee methoden gebruiken die we in dit artikel gaan behandelen.
Elementor, of het nu de pro-versie of de gratis versie is, wordt geleverd met twee widgets die u kunt gebruiken om een ​​formulier te maken. Dit zijn de HTML- en Shortcode-widgets. Met de HTML-widget kunt u een HTML-formulier insluiten, terwijl u met de Shortcode-widget een formulier kunt insluiten van formulierplug-ins die de shortcode gebruiken, zoals Contactformulier 7.
Maak een formulier met de gratis versie van Elementor met behulp van HTML Widget
Deze methode vereist dat u een HTML-vaardigheid heeft om het formulier te maken. Of u kunt een HTML-formuliersjabloon downloaden van internet. W3docs heeft meer dan 60 HTML-formuliersjablonen die u gratis kunt downloaden.
Maak om te beginnen een nieuwe pagina en bewerk deze met Elementor (Pagina's -> Toevoegen). U kunt natuurlijk ook een bestaande pagina wijzigen. Als u een formulier op een nieuwe pagina wilt maken, vergeet dan niet om de formulierlay-out in te stellen door op het tandwielpictogram in het paneel linksonder te klikken.
Voeg een nieuwe sectie toe door op de plusknop in het bewerkingsgebied te klikken en voeg het HTML-formulier toe door het vanuit het linkerdeelvenster naar het bewerkingsgebied te slepen. Plaats het in de gewenste ruimte. Ga dan naar het linkerpaneel en plak de HTML-code van het formulier in het veld HTML-code onder het tabblad Inhoud.
Publiceer/update de pagina zodra u klaar bent met bewerken.
Zie ook: Elementor-widgets/-sjablonen gebruiken als Gutenberg-blokken
Een ding. Als uw HTML-formulier externe CSS, afbeeldingen of JavaScript gebruikt voor styling, moet u de mappen met de CSS-code, afbeeldingen en JavaScript uploaden naar de hoofdmap van uw website.
Maak gratis een formulier op Elementor met behulp van contactformulier 7
Als u geen HTML-vaardigheden heeft en geen HTML-formuliersjabloon wilt gebruiken, kunt u een formulier maken op de gratis versie van Elementor met behulp van de plug-in Contactformulier 7. Er zijn eigenlijk veel andere plug-ins voor formulieren. Wij raden aan Contact Formulier 7 omdat het de meest populaire formulierplug-in voor WordPress is en helemaal gratis.
Installeer eerst de plug-in Contactformulier 7. Ga hiervoor naar Extensies – > Toevoegen. Typ "contactformulier 7" in het zoekvak en klik op de knop Installeer nu als je het eenmaal hebt gevonden.
Activeer de plug-in onmiddellijk na installatie.
Contactformulier 7 wordt geleverd met een standaardformulier (a Contact formulier ). Je kunt het gebruiken als je wilt. Als u in plaats daarvan een nieuw formulier wilt maken, gaat u naar Contact – > Toevoegen. Geef uw formulier een naam zodat u het in de toekomst gemakkelijk kunt herkennen.
Uw formulier bestaat standaard uit vier velden: naam, e-mail, onderwerp en bericht.
Als u een nieuw veld wilt toevoegen, plaatst u uw muisaanwijzer in het gebied waar u het nieuwe veld wilt toevoegen (u kunt het onder of boven een bestaand veld plaatsen). Label toevoegen voor nieuw formulierveld in formaat <label> votre label préféré </label>.
Plaats uw aanwijzer net achter het label en selecteer een veld op het veldtabblad. U kunt een nieuw regeleinde toevoegen om uw nieuwe veld schoner te maken dan andere bestaande velden.
Vul de velden in en klik op Plaats de tag (je kunt alles standaard laten).
Contactformulier 7 stuurt inzendingen die via uw formulier zijn ingediend naar een e-mail. U kunt de e-mail instellen vanaf het tabblad E-mail.
U kunt naar het tabblad gaan Berichten als u de standaardberichten wilt overschrijven. U kunt het bericht aanpassen dat verschijnt nadat uw bezoekers het formulier met succes hebben verzonden of de foutmelding wanneer het formulier niet is verzonden, enz.
Klik op de knop Enregistrer als je klaar bent met het bewerken van het formulier en het kopiëren van de shortcode.
Om het formulier dat u zojuist hebt gemaakt toe te voegen aan uw Elementor-pagina, maakt u een nieuwe pagina en bewerkt u deze met Elementor, of u kunt ook een bestaande pagina bewerken.
Lees ook: Hoe een Elementor-pop-up op smartphones uit te schakelen
Voeg een nieuwe sectie toe om het formulier te plaatsen en voeg de Shortcode-widget. Zodra de Shortcode-widget is toegevoegd, gaat u naar het linkerpaneel en plakt u de shortcode die u hebt gekopieerd in het veld Korte code onder het tabblad Inhoud.
Publiceer/update uw pagina zodra u klaar bent met bewerken.
Contactformulier 7 gebruikt het stijlformaat van de WordPress theme die je gebruikt. U kunt uw Contact Form 7-formulier stylen, maar CSS-vaardigheden zijn vereist. U kunt dit artikel ook bekijken op Een contactformulier 7-formulier aanpassen met Essential Addons en Elementor.
Koop Elementor Pro nu!!!
Conclusie
Alstublieft ! Dat is het voor dit artikel dat je laat zien hoe je een formulier kunt maken met gratis Elementor. Als u zich zorgen maakt over hoe u daar kunt komen, laat het hen dan 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.
...
