Créer un formulaire de contact

Nous allons créer un formulaire de contact simple mais qui fait parfaitement son travail avec Contact Form 7.

C’est une valeur sûre avec plus de 5 millions de sites qui utilisent cette extension.

Le résultat obtenu sur pour pas un rond

formulaire contact

picto articles débutants

Débutant

contact form 7

Contact > créer un formulaire

contact form 7 menu

  • Inscrire le titre de travail qui apparaîtra dans la liste des formulaires

contact form 7 nom

Le formulaire par défaut :

  • Votre nom (obligatoire)
  • Votre e-mail (obligatoire)
  • Sujet
  • Votre message
  • Bouton Envoyer

Si ce formulaire te convient, tu passes directement au paragraphe suivant : onglet e-mail.

Ajouter un autre champ pour personnaliser ton formulaire de contact

Je vais prendre l’exemple de l’ajout d’un champ téléphone.

  • Se placer à l’endroit où tu souhaites ajouter le nouveau champ

contact form 7 formulaire 1

  • Passer à la ligne

contact form 7 formulaire 3

  • Cliquer sur le bouton téléphone

contact form 7 formulaire 4

  • Cocher Champ obligatoire (si besoin)
  • Bouton insérer la balise

contact form 7 formulaire 5

  • Copier avant le code “<label> Téléphone (obligatoire) “
  • Copier après ”  </label>”

Cela donne :
<label> Votre téléphone (obligatoire) [tel* tel-XXX] </label>

contact form 7 formulaire 6

  • Passer à la ligne

contact form 7 formulaire 7

  • Bouton sauvegarder

contact form 7 formulaire 8

Onglet e-mail

Compléter les champs suivants :

  • Pour : ton adresse e-mail qui réceptionnera les messages
  • Sujet : L’objet de ton message, par exemple : Demande de renseignements du formulaire de contact

contact form 7 email 1

  • Bouton sauvegarder

contact form 7 sauvegarder

  • Copier le code qui est apparu en haut

contact form 7 short code

Intégration dans la page

  • Aller dans la page où tu souhaites ajouter le formulaire
  • Coller le code directement dans le texte à l’emplacement voulu

contact form 7 intégration dans la page

  • Enregistrer la modification

Conclusion

Te voilà doté d’un formulaire de contact opérationnel. Tu peux l’intégrer dans ta page de contact mais également en pied de page ou dans la barre latérale.

Pour aller plus loin :

Alex de Wpmarmite donne 5 conseils pour personnaliser son formulaire dans ce tutoriel très complet.

WebGeek présente 10 services de création de formulaire de contact.

Les articles susceptibles de t’intéresser :

Créer les images de ton site
Personnaliser le thème Twenty Seventeen
Assurer la sécurité de ton site
Le contenu de ta page d’accueil

bannière de la newsletter de pour pas un rond version bleu-vert

formulaire de contact visuel pinteret

Laisser un commentaire

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