Fiche n°6 – Les formulaires Contact Form 7.
Transcription
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