Wil je een contactformulier 7 formulier aanpassen met Elementor's Essential Addons plugin?
Contactformulier 7 is een van WordPress plugins van de meest populaire formulierbouwers. Het is helemaal gratis en je kunt het gebruiken om een Contact formulier op uw WordPress-website.
U kunt ook vele soorten formulieren maken, zoals een reserveringsformulier of een formulier voor het uploaden van bestanden. Het biedt 14 soorten velden die u kunt gebruiken bij het maken van een formulier.
Zie ook: Elementor-widgets/-sjablonen gebruiken als Gutenberg-blokken
Een van de meest voorkomende problemen met de contactformulier 7-plug-in is het aanpassingsproces. Contactformulier 7 gebruikt de standaardstijl van uw WordPress theme Bedrijfsmiddel. U kunt een andere stijl gebruiken, maar CSS-vaardigheden zijn vereist. Als je geen CSS-vaardigheden hebt, kun je de module gebruiken Essentiële add-ons om je vorm te stylen.
Essential Addons is een Elementor-add-on die het proces van het aanpassen van uw Contact Form 7-formulieren met Elementor verbetert. Elementor en Essential Addons zijn freemium-plug-ins. U kunt de gratis versies van beide gebruiken om uw Contact Form 7-formulieren te stylen.
Een contactformulier vormgeven 7 Formulier met essentiële add-ons
Voordat u begint met het stylen van uw formulieren, moet u ervoor zorgen dat u hebt geïnstalleerd Elementor et Essentiële add-ons. Eenmaal geïnstalleerd en geactiveerd, maakt u een nieuwe pagina aan (Pagina's -> Toevoegen) en bewerk het met Elementor.
Voordat u met het aanpassingsproces begint, stelt u de paginalay-out in door op het tandwielpictogram in de linkerbenedenhoek te klikken. Stel de lay-out in via het vervolgkeuzemenu.
Voeg een nieuwe sectie toe door op het pluspictogram in het bewerkingsvak te klikken en de widget te slepen EA-contactformulier 7 vanuit het linkerdeelvenster in de editor.
Ga naar het linkerdeelvenster en selecteer het formulier waarvan u de stijl wilt aanpassen.
Navigeer na het selecteren van een formulier naar het tabblad Style . Zoals u kunt zien, kunt u verschillende stylingopties instellen. Dit zijn de algemene stylingopties die u kunt instellen.
- Formulierbreedte, uitlijning en achtergrond
Onder het blok FormulierContainer, klik op de kleurkiezer in de sectie Achtergrondtype en stel de gewenste kleur in voor de achtergrond van het formulier. U kunt een effen kleur of een verloopkleur als achtergrond gebruiken.
Lees ook: Elementor: sjablonen importeren of exporteren
Om de uitlijning van het formulier in te stellen, selecteert u eenvoudig de uitlijningsoptie van uw voorkeur in de sectie Formulier uitlijning.
Om de breedte van het formulier in te stellen, stelt u de waarde van de Maximale breedte van het formulier in het veld in Formulier maximale breedte.
- Achtergrondveld, randbreedte en straal
Om de achtergrond van de velden, de breedte en de straal van de rand te definiëren, kunt u de sectie openen Invoer & tekstgebied. Klik op de veldkleurkiezer Achtergrond kleur om de achtergrond in te stellen.
U kunt ook de achtergrondkleur van velden in foutopsporingsmodus instellen door op het tabblad te klikken FOCUS.
Om de breedte van de velden te definiëren, kunt u de waarde in de velden definiëren Breedte invoeren. In deze sectie kunt u ook de breedte van het tekstvakveld instellen Breedte van tekstgebied.
Bewerk het veld om de randradius in te stellen Grensradius en stel de gewenste randwaarde in. U kunt ook de typografie (lettertypefamilie, lettergrootte, letterstijl) instellen door op het potloodpictogram in het veld te klikken typografie.
- labels
Met Essential Addons kunt u ook de stijl van uw formulierlabels aanpassen. U kunt zowel de tekstkleur als de typografie instellen. Open hiervoor de optie labels. Stel de tekstkleur in door op de kleurkiezer in het veld te klikken Tekstkleur.
Klik op het potloodpictogram op het veld om de typografie in te stellen Typografie.
- Verzendknop
Open het blok om de stijl van de verzendknop aan te passen Button Submit. Hier kunt u de uitlijning, breedte, achtergrondkleur, tekstkleur, randradius en typografie van knoppen instellen.
- Foutmelding
Om de stijl van het foutbericht aan te passen, kunt u het blok openen fouten. U kunt de tekstkleur van het foutbericht, de typografie, de achtergrondkleur van de validatiefout, de tekstkleur van de validatiefout, enz. instellen.
U kunt verschillende andere stijlopties instellen. Je kunt spelen met het linkerpaneel totdat je tevreden bent met de stijl van je formulier.
U kunt verschillende andere elementen aan uw pagina toevoegen met behulp van de beschikbare widgets die worden aangeboden door Elementor en Essential Addons. Als u klaar bent, klikt u op de knop pUBLICEREN onderaan het linkerdeelvenster om uw pagina te publiceren.
Het formulier integreren in een gewone pagina
Na het klikken op de knop pUBLICEREN, uw contactpagina is in principe gepubliceerd. De pagina zelf wordt mogelijk gemaakt door Elementor. Als u liever uw Contact formulier 7 naar een gewone pagina (een pagina gemaakt met Gutenberg, de standaard WordPress-editor), kunt u de plug-in installeren Elementorblokken voor Gutenberg. Deze plug-in converteert een Elementor-sjabloon naar een Gutenberg-blok.
Om je te registreren Contact formulier 7 als Elementor-sjabloon klikt u op de pijlknop naast de knop PUBLICEREN / BIJWERKEN in het linkerdeelvenster en selecteer Opslaan als sjabloon.
Geef uw sjabloon een naam en klik op de knop OPNEMEN.
Maak een nieuwe pagina aan (Pagina's -> Toevoegen) en geef het een naam zoals "neem contact met ons op", "contact" of een andere gewenste naam.
Voeg een nieuw blok toe en selecteer Elementor-bibliotheek en selecteer de sjabloon voor het contactformulier die u zojuist hebt gemaakt.
En nu heb je zojuist je Contact Form 7-formulier gepersonaliseerd.
Koop Elementor Pro nu!!!
Conclusie
Alstublieft ! Dat is alles voor dit artikel dat u laat zien hoe u een contactformulier 7-formulier kunt aanpassen met Essential Addons. 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.
...
