Formulaires WordPress avec Contact Form 7


L'extension Contact Form 7 (CF7) permet d’ajouter un formulaire à votre
 site WordPress.

Présentation

Ses caractéristiques:

  • à chaque utilisation du formulaire, elle envoie un mail au destinataire du formulaire (et en option une confirmation à l'expéditeur)
  • par l’utilisation complémentaire de l'extension Contactic, elle permet en plus d'exporter au format Excel ou CSV les données recueillies.

Principe de fonctionnement: le formulaire n'est pas édité directement sur la page web où il est affiché. Il est créé et paramétré dans l'interface de Contact Form 7, et ensuite appelé dans la page web au moyen d'un code court, nommé "shortcode".

Voici les étapes à suivre pour l'employer.

Activer l'extension et commencer la création du formulaire

image-1588601125340.png

Modifier les champs du formulaire

image-1588602570328.png

La syntaxe de l'éditeur fonctionne ainsi:

  • début de paragraphe: <p>
  • fin de paragraphe: </p>
  • champ non obligatoire: [type nom_du_champ] (type = type de champ, voir ci-dessous)
  • champ obligatoire: [type* nom_du_champ] (avec une astérisque)

Exemple de syntaxe:

image-1588666315485.png

Les types de champs les plus fréquemment utilisés sont:

  • text: champ de texte (une seule ligne de texte)
  • textarea: zone de texte (plusieurs ligne de texte)
  • submit: envoyer le formulaire

Certains types de champs n'acceptent que certaines données pour permetre l'envoi du formulaire, par exemple:

  • e-mail: doit être une adresse e-mail valide
  • URL: doit être une adresse de page web ou site web valide
  • tel.: doit être un numéro de téléphone valide
  • nombre: doit être un nombre
  • date: doit être une date valide

Paramétrer l'email envoyé à la personne qui gère le formulaire lorsqu'il est utilisé

Il faut ensuite régler l'envoi de l'email d'information à la personne qui gère le formulaire lorsque quelqu'un l'utilise et clique avec succès sur le bouton "envoi". Cet email contiendra les informations qui auront été saisies dans les champs du formulaire.

En raison de la configuration de nos serveurs, il faut employer les réglages suivants pour que que l'envoi de l'email fonctionne:

image-1588690577655.png

Option de réponse automatique à la personne qui a utilisé le formulaire

En option, il existe la possibilité d'envoyer automatiquement un email de confirmation de réception à la personne qui a envoyé le formulaire. Cette option se nomme E-mail (2) et est accessible au bas de l'onglet de configutation E-mail. Cette option n'est évidemment utilisable que si le formulaire contient un champ qui demande à l'utilisateur son adresse email.

image-1588691113524.png

En raison de la configuration de nos serveurs, il faut employer les réglages suivants pour que que l'envoi de l'email de confirmation fonctionne:

image-1588694571261.png

Intégrer le formulaire dans une page du site

image-1588605791150.png

image-1588606013611.png

Aide en ligne