Contact Form 7 est une extension qui permet de créer des formulaires et de recevoir les réponses par mail.
Après l’installation, une nouvelle entrée, Contact, apparaît dans le menu du tableau de bord, avec 3 rubriques : Formulaires de contact, Créer un formulaire, Intégration.
En cliquant sur Contact, on arrive sur la page de gestion des formulaires qui affiche la liste des formulaires (comme la liste des articles ou des pages).
Un formulaire d’exemple a été créé par l’installation.
Création d’un formulaire de base.
Cliquez sur le bouton Créer un formulaire (dans le menu ou en haut de l’écran : c’est le même effet).
L’étape suivante permet de changer la langue par défaut. Pour un formulaire en français, cliquez sur le bouton bleu Créer un formulaire.
Les zones indispensables
Le titre : nom du formulaire. Tapez par exemple Contact.
La zone de texte affiche le contenu du formulaire en code HTML.
Il contient 4 champs que l’utilisateur devra remplir (nom, email, sujet, texte du message) et un bouton Envoyer.
C’est suffisant pour un formulaire de base.
Cliquez sur Sauvegarder.
Pour utiliser ce formulaire, il suffit de coller le short-code dans une page ou un article.
Aperçu sur les autres zones
Une série de boutons permettent de créer d’autres balises pour ajouter des champs au formulaire.
L’onglet email sert à configurer l’email qui vous sera envoyé ; contient l’email du destinaire (le vôtre mais on peut le changer)
La partie Message body contient le message qui sera envoyé. On peut changer le texte mais on conserve les variables, qui récupèrent ce que l’utilisateur a tapé.
On peut ne pas garder les champs De et Sujet qui seront déjà en en-tête dans le logiciel de messagerie.
Le champ Entêtes supplémentaires est utile pour spécifier des personnes à mettre en copie et en copie cachée.
Pour mettre une personne en copie, ajouter Cc : mail_de_la_personne
Bcc pour une copie cachée.
Exclude lines with blank mail-tags from output : sert à exclure les lignes non remplies par l’expéditeur.
Email 2 : permet d’envoyer le message à une autre personne avec une autre structure, par exemple une phrase ajoutée.
Par exemple, un accusé de réception : on envoie une copie de l’email à l’expéditeur, avec une phrase en introduction : “J’ai bien reçu votre message. Merci de m’avoir contacté. Contenu de votre message :”.
Messages d’erreurs et de réussite : c’est du texte, on peut le modifier.
Ajouter des champs supplémentaires
2 étapes :
ajouter et configurer les champs dans le corps du formulaire
ajouter les noms des champs dans l’onglet email
- Ajouter des champs
reprendre la structure en paragraphes utilisée pour les champs par défaut
<p>texte affiché<br />
[type_de_champ nom_du_champ] </p>
Pour ajouter un champ, il suffit de cliquer sur un des tags proposés dans l’éditeur.
Distinguer text (1 ligne) et textarea (lignes multiples)
Distinguer chekboxes (les choix peuvent s’exclurent mutuellement ex oui-non) et radio buttons (tout peut être coché)
acceptance : un choix doit être validé pour continuer (inverser le fonctionnement de la case = la case doit être décochée pour que l’email soit envoyé).
quiz : contient question et réponse. Peut servir à tester que l’expéditeur n’est pas un robot.
ID et classe servent pour le CSS
required = champ obligatoire
Format du champ date (min ou max) : 2016-12-31 (AAAA-MM-JJ)
Envoi de fichiers : il est recommandé de définir une taille maximale (exemple 10mb ou plus).
Il est conseillé d’indiquer les formats de fichiers acceptés par le formulaire,en séparant les extensions par des barres verticales : | (exemple : pdf|doc|docx).
2. Récupérer le contenu des champs dans le mail
Dans l’onglet email, la liste des tags utilisables apparaît.
On ne reprend dans les tags que le nom des champs, pas les options.
Pour les fichiers, mettre le tag dans le corps du message renvoie seulement le nom du fichier. Pour recevoir le fichier attaché, il faut mettre le tag dans la zone File attachement.
Réglages complémentaires
Suivre les validations dans Google Analytics
Avec Google Analytics (utilisé par l’académie), il est possible de suivre le nombre de validations des formulaires.
Pour cela insérez le code suivant dans le champ Réglages complémentaires :
on_sent_ok: « _gaq.push([‘_trackEvent’, ‘Formulaire de contact’, ‘Validation’]); »
