Door naar hoofdmenu

Hoe maak je een contactformulier met WordPress contactformulier 7 toevoegen

Divi: het gemakkelijkste te gebruiken WordPress-thema

Divi: Het beste WordPress-thema aller tijden!

Meer 701.000-downloads, Divi is het populairste WordPress-thema ter wereld. Het is compleet, gemakkelijk te gebruiken en wordt geleverd met meer dan 62-vrije sjablonen. [Aanbevolen]

Contact Formulier 7 is zeker het inpluggen meest gebruikt op WordPress bij het maken van contactformulier. Het belangrijkste voordeel is de eenvoud die het biedt wanneer het nodig is om een ​​formulier te maken en de integratie in verschillende pagina's, artikelen of widgets, sjaren vergeten dat het beschikbaar is in het Frans.

contact-form-7

Als u wilt leren hoe u dit kunt gebruiken inpluggen, dan ben je bij ons aan het juiste adres, want in deze tutorial laat ik je zien waar je Contact Form 7 kunt downloaden en hoe je het kunt gebruiken om een ​​contactformulier aan je WordPress-site toe te voegen.

Als u een punt over dit artikel niet begrijpt, laat het ons dan weten via het opmerkingenformulier. Als het artikel je helpt, deel het dan met je vrienden op sociale media.

Hoe te installeren inpluggen Contact Formulier 7

Contact Formulier 7 is beschikbaar op WordPress.org, wat betekent dat u het rechtstreeks vanuit uw WordPress-dashboard kunt installeren door de termen " Contact Formulier 7“, De vermelding met dezelfde naam zal de juiste zijn. Als u dit echter wilt hebben inpluggen, U kunt download het direct als bestand ZIP.

Na installatie zul je merken dat er een nieuwe link beschikbaar is op je dashboard, dit is het menu: « contact ». Hij bezit er twee submenu's : « contactformulieren«  (die alle door u gemaakte formulieren samenbrengt, kunt u uw verschillende formulieren op deze site beheren) et « maak een formulier« .

Een nieuw formulier maken

Een kleine beheersing van de HTML-taal is een pluspunt om dit te begrijpen inpluggenOm een ​​nieuw formulier te maken, navigeert u naar de volgende locatie: « Contact >> maak een formulier . Op deze site ziet u 6-secties:

  • De eerste (Bovenaan) bevat de naam van het formulier
  • vorm: is de werkruimte waar we onze formulieren zullen maken
  • E-mail: stelt u in staat de vorm van hete-mail die naar de beheerder wordt gestuurd
  • E-mail* 2: kunt u de afzender een kopie sturen van het bericht dat hij heeft verzonden (u kunt deze optie uitschakelen)
  • berichten: geeft u de mogelijkheid om de berichten te wijzigen die kunnen verschijnen tijdens het verzenden van een contactformulier. We zullen deze velden niet wijzigen, aangezien ze al in het Frans zijn vertaald
  • aanvullende instellingen: dit is het tekstveld waar codes kunnen worden toegevoegd om nauwkeurig gedrag te produceren.

We zullen daarom beginnen met het toevoegen van een naam aan ons formulier, die we als volgt zullen noemen: « nieuwe Form .

Opmerking : om een ​​naam aan dit formulier toe te voegen, moet u dubbelklikken op de tekst "Geen titel", Er verschijnt een tekstveld.

Creëer eenvoudig uw website met Elementor

Met Elementor kunt u eenvoudig elk website-ontwerp maken met een professionele uitstraling. Stop met betalen duur voor wat je zelf kunt doen. [Gratis]

how-create-a-new-vorm

In de sectie "Form", het tekstveld links biedt al enkele standaardvelden. Elk veld begint met een openingstag ' <p>», en eindigt met een afsluitende tag .

Verderop in de sectie vorm, zult u zien dat er links een vooraf ingevuld tekstveld is en aan de rechterkant een vervolgkeuzemenu met de verschillende velden die we kunnen toevoegen.

Stel dat we een veld voor het telefoonnummer willen toevoegen, dan kiezen we de optie ' telefoonnummer »In het vervolgkeuzemenu, waarin een metavak wordt weergegeven met de opties van het veld dat we willen toevoegen.

Het onmisbare veld hier is zeker de naam van het veld. U kunt het wijzigen, maar ik raad u aan de extensie deze namen te laten afhandelen, tenzij u weet wat u doet. Mogelijk moet u watermerktekst aan het nieuwe veld toevoegen. Vink hiervoor het vakje aan « Gebruik deze tekst als watermerk? » En voeg de tekst toe aan het veld "Standaardwaarde".

Ben je op zoek naar de beste WordPress-thema's en -plug-ins?

Download de beste plug-ins en WordPress-thema's op Envato en maak eenvoudig uw website. Al meer dan 49.720.000-downloads. [EXCLUSIEF]

Opmerking : U kunt bepalen dat een veld verplicht is door het vakje aan te vinken « Verplicht veld? ».

Na het voltooien, het veld « Kopieer onderstaande code en plak deze in het linker vorm », Zal de code van ons nieuwe veld bevatten Kopieer deze waarde en voeg het vooral toe voor de codecode:

[verzend "Verzenden"]

 dat is de verzendknop.

Mijn nieuwe veld is dit:

[tel tel-711 placeholder "Uw telefoonnummer"]

Ik heb het in een label gewikkeld " " (zoals hierboven vermeld), met een indicatieve tekst, om een ​​definitieve code te hebben die identiek is aan deze:

Jouw telefoon nummer : [tel tel-711 placeholder "Uw telefoonnummer"]

U kunt natuurlijk de e-mail die u ontvangt en de e-mail voor het verzenden van berichten die de auteur van het bericht ontvangt, wijzigen, maar daarvoor moet u HTML goed beheersen om bevredigende resultaten te bereiken. .

Wanneer de wijziging van het formulier voltooid is, vergeet niet het formulier op te slaan. Pas nadat u dit heeft gedaan, kunt u de shortcode herstellen (Snelkoppeling) en voeg het toe op een pagina, artikel of zelfs in een tekstwidget.

hoe de kopie-shortcode-of-a-Form

Maak eenvoudig uw online winkel

Download gratis WooCommerce, de beste e-commerce plug-ins om uw fysieke en digitale producten te verkopen op WordPress. [Aanbevolen]

ik heb het geprobeerd, en het werkt best goed. U kunt ook thuis de verschillende e-mails testen die naar gebruikers zijn verzonden en die u ontvangt.

nieuw toegevoegde the formulierveld

Dat is alles voor deze tutorial, ik hoop dat het je zal helpen bij het maken van je contactpagina dankzij de gratis plug-in WordPress Contact Form 7. Voel je vrij om een ​​reactie te plaatsen.

Dit artikel bevat opmerkingen 10

  1. Ik heb de installatie in de afgelopen maanden vaak gedaan, het ziet er goed uit, maar als ik het probeer, krijg ik het volgende bericht "Er is een fout opgetreden tijdens het verzenden van uw bericht. Probeer het later opnieuw ”…
    Ik zie niet wat er mis is ...
    Ik merk dat mijn formulier op de site geen naam draagt, ook al heb ik er wat ...

    Dankjewel.

    Oprecht

  2. Hallo,
    Ik heb de hierboven vermelde code geïntegreerd in het contactformulier (toegang via de knop "contact" in de kop van de homepage). Alles wordt weergegeven op de "berichten" -pagina. Ik vul alle velden in, maar de e-mail die ik ontvang bevat alleen de naam, het onderwerp en de e-mail, niet het telefoonnummer 🙁
    Waar ging ik fout ??? Alvast bedankt als je me kunt helpen

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *

Deze site gebruikt Akismet om ongewenst te verminderen. Meer informatie over hoe uw opmerkingen worden gebruikt.

Terug naar boven
1 aandelen
aandeel
gekwetter
Enregistrer1