Fiche n°6 – Les formulaires Contact Form 7.

Fiche n°6 – Les formulaires Contact Form 7.
Sommaire
Fiche n°6 – Les formulaires Contact Form 7.........................................................................1
Extranet – Blog.......................................................................................................................1
1- Gérer les formulaires avec Contact Forms 7................................................................1
1.1- Activer l'extension...................................................................................................1
1.2- Paramétrer vos champs de formulaire...................................................................1
2- Insérer le formulaire.......................................................................................................3
http://blogs.lyceecfadumene.fr/informatique
Extranet – Blog
1- Gérer les formulaires avec Contact Forms 7
1.1- Activer l'extension
Une fois activer vous avez accès au menu Contact Form 7.
Le formulaire porte le nom « Contact Form 1 ».
Il est possible d'ajouter d'autres formulaires, de les copier, etc...
1.2- Paramétrer vos champs de formulaire
Par défaut, le formulaire contient 5 champs :
– Le nom
– Le mail
– Le sujet
– Le message
– Le bouton Envoyer
On peut en supprimer un champ dans la partie gauche ou en modifier l'étiquette (le texte
entre <p> et </p>).
Page 1/3 - http://blogs.lyceecfadumene.fr/informatique
On peut ajouter un champ dans la partie droite :
- Champ texte : Nom, prénom, adresse...
- Champ email
- Zone de texte : texte plus long (message, demande...)
- Menu déroulant : permet de choisir dans une liste (par
exemple, choisir le thème ou le sujet de la demande)
- Cases à cocher, boutons radio : case que le visiteur devra
cocher
- Acceptation : permet de valider des conditions
- Quiz : Questionnaire
- CAPTCHA : demande au visiteur de reproduire un code pour
s'assurer qu'il ne s'agit pas d'un robot informatique
- Upload de fichier : permet de permettre l'envoie de fichier
(comme une pièce jointe à un email)
- Bouton se soumission : permet d'envoyer le message.
Une fois le type de champ choisi, il reste à ajouter les codes dans la partie gauche entre 2
balises <p></p> et dans la partie « Pièces jointes » de la zone « Email ». J'ai ajouter un
texte pour inviter le visiteur à joindre un fichier.
On peut éventuellement demander à ce que le message soit envoyer à une deuxième
adresse mail.
Il reste à sauvegarder le formulaire en cliquant sur « Sauvegarder »
Page 2/3 - http://blogs.lyceecfadumene.fr/informatique
2- Insérer le formulaire
Il ne reste plus qu'à copier-coller le code dans l'article, la page ou le widget pour que me
formulaire soit mis en ligne.
Le résultat :
Page 3/3 - http://blogs.lyceecfadumene.fr/informatique