Créer des formulaires de contact avec le formulaire de contact 7 (Vidéo incluse)

SOS WP

Ouvrir l’index du contenu

Ce guide a été mis à jour le

Contact Form 7 est le plugin idéal pour créer des formulaires de contact? Vous êtes au bon endroit : vous trouverez ici toutes les instructions pour créer et personnaliser des formulaires de contact beaux et fonctionnels.

Le formulaire de contact 7 est de loin le formulaire de contact le plus important au monde. greffon les plus populaires (et à mon avis aussi les meilleurs) pour créer modeler de contact.

Pour l’installer, accédez à votre tableau d’affichage WordPressalors naviguez jusqu’à Plugins > Ajouter un nouveau et dans le champ de recherche, tapez le nom de l’élément greffon.

Sélectionnez celui qui a comme auteur Takayuki Miyoshiinstallez-le et activez-le. Une fois cela fait, le poste Nous contacter.

Créez votre formulaire de contact avec le formulaire de contact 7

Pour commencer à utiliser Formulaire de contact 7 et créez votre premier formulaire de contact, déplacez le curseur sur l’entrée. Nous contacter et sélectionnez Ajouter nouveauEnsuite, choisissez la langue que vous voulez utiliser (si vous utilisez WordPress en anglais, cette langue sera automatiquement la langue par défaut) et passez à l’écran suivant. Ici, vous pouvez commencer à configurer le formulaire de contact actuel.

Tout d’abord, vous attribuez un titre à l’élément modeler remplacer l’entrée Sans titre. Donc, vous commencez à travailler sur le terres du module.

Le réglage par défaut est 4 terres et un bouton, qui dans la plupart des cas sera suffisant pour un simple modeler de contact ; c’est le cas : Nom, CourrielObjet, Messageet le bouton Envoyer. Si vous souhaitez modifier le texte affiché sur la page, vous pouvez simplement remplacer le texte que vous trouvez dans les balises

e
.

Si terres défaut de Formulaire de contact 7 ne suffisent pas, vous pouvez créer les vôtres à l’aide des boutons situés au-dessus de l’icône modeler. Certains d’entre eux le sont :

  • Texte, dans lequel l’attributclient vous pouvez taper des informations sous forme de texte brut ;
  • Courrielpour insérer un adresse électronique;
  • URLpour le coordonnées web ;
  • Tel, où seules les valeurs numériques doivent être saisies ;
  • Menu déroulant, c’est-à-dire le menu déroulant avec des éléments sélectionnables ;
  • CAPTCHApour insérer un CAPTCHA que leclient devra résoudre le problème avant d’envoyer l’avis d’appel d’offres de l modeler;
  • Bouton Soumettre, c’est-à-dire le bouton pour envoyer le formulaire.

Chacune de ces terres possède des propriétés spécifiques que vous pouvez configurer.

Pour ajouter un nouveau champ, sélectionnez une entrée dans la liste ci-dessus. modeler et placez-le où vous voulez par rapport aux entrées déjà présentes. Vous verrez un code de type shortcode que vous pouvez personnaliser. Vous devrez entrer

avant l’étiquette et

après.

Si vous voulez entrer un titre pour le champ, écrivez-le immédiatement après.

. Pour entrer un retour chariot après le titre, tapez
.

J’approfondis le discours sur l’utilisation de ces balises, pour subdiviser les paragraphes et insérer des sauts de ligne, dans le cours vidéo HTML de base. Je vous suggère de le suivre afin de mieux gérer les petits changements sur WordPress de ce genre.

Configurez les options de notification du formulaire de contact 7

Lorsque vous aurez terminé de configurer le formulaire de contact, vous devrez indiquer l’optionadresse électronique à qui vous souhaitez recevoir messages.

Aller au deuxième onglet Courrierici, dans le domaine intitulé Pour entrez votre adresse de courriel.

Dans l’affaire Dela balise (votre nom) sera insérée automatiquement <(your-email)>qui indique que leadresse électronique inséré parclienten cela “Sujet“au lieu de (votre-sujet), c’est-à-dire, l’objet de la message.

Vous pouvez personnaliser le corps du fichier message travailler sur la boîte Corps du messageEn entrant toutes les balises dont vous avez besoin parmi celles utilisées dans votre formulaire de contact, vous recevrez des notifications contenant toutes les informations dont vous avez besoin.

Créer des formulaires de contact avec le formulaire de contact 7 (Vidéo incluse)

Si vous avez de la difficulté à configurer votre messageactivez le support WordPress et nous répondrons à toutes vos questions.

(Remarque : si vous souhaitez personnaliser l’attribut message en ajoutant des balises personnalisées, assurez-vous d’inclure seulement les 2 mots séparés par un trait d’union entre crochets ; excluant ainsi la première entrée à gauche – comme texte, courrieltextarea qui est inclus dans les balises utilisées pour configurer le fichier modeler approprié)

Vous pouvez également ajouter une seconde adresse électronique à qui recevoir les notifications de contact, en remplissant le champ Courrier (2) de la même manière que la précédente. Ce champ est généralement utilisé comme répondeur automatique, mais vous pouvez l’utiliser comme bon vous semble. Courrier (2) n’est envoyé que si Courrier a été envoyé correctement.

La section En-têtes supplémentaires vous permet, à la place, d’insérer l’option terres Cc, Bcc ou Reply-To. Vous pouvez utiliser votre propre adresse ou un modeler. Ecrivez une ligne à la fois comme ceci :

Cc : mia@email.it
Répondre à : (votre-email)

Entrer les messages de réponse

L’onglet suivant de la configuration de la fonction module Formulaire de contact 7coup de fil Messagesvous permet d’insérer la commande messages qui apparaîtra lorsque vous nous enverrez le modeler.

En voici plusieurs terreset sont personnalisables pour chaque éventualité. Par exemple, si un modeler contient une erreur qui ne peut pas être envoyée mais l’option message que tu as mis dedans.

Créer des formulaires de contact avec le formulaire de contact 7 (Vidéo incluse)

Travailler sur cette section est très simple : il vous suffit de modifier le texte à votre guise.

Autres réglages

Le dernier onglet Autres réglages vous permet d’ajouter des codes pour obtenir des fonctions particulières, par exemple en n’autorisant que la fonction usagers connecté que vous pouvez envoyer messages.

Quand vous aurez fini de travailler sur tous les terresclaquement SauvegarderVotre interlocuteur modeler sera sauvegardé et vous pourrez le mettre sur vos pages.

Ajouter des formulaires de contact dans les pages et les articles

Sauvé le modelerun shortcode sera généré que vous pouvez coller sur n’importe quelle page ou article que vous voulez que le formulaire de contact apparaisse.

Il suffit d’entrer le code de raccourci et de mettre à jour la page ; le contact modeler sera immédiatement visible.

Toujours en utilisant le même shortcode, vous pouvez insérer le formulaire de contact que vous avez créé dans la barre latérale. Insérez simplement un widget de texte brut et collez le shortcode dedans.

Gérer les formulaires de contact sauvegardés

A tout moment, vous pouvez consulter et modifier tous les formulaires de contact en allant sur Nous contacter > Formulaires de contact.

Créer des formulaires de contact avec le formulaire de contact 7 (Vidéo incluse)

Conclusion

Dans ce pilotage le long de Formulaire de contact 7 vous avez appris comment créer un modeler de contact, pour personnaliser l’offre terres et mettez-le sur le message, la page et l’encadré.

Vous êtes à l’aise avec Formulaire de contact 7?

Quoi d’autre greffon de création de modeler de contact que vous aimeriez suggérer ?

Faites-le nous savoir dans les commentaires.

Pour continuer votre lecture voici quelques articles similaires

Pas encore de commentaire, ajoutez le votre ci-dessous!


Ajouter un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *