Différences

Ci-dessous, les différences entre deux révisions de la page.

--- admin:contact_form [2020/10/14 16:03] – [1. Activez l'extension Contact Form] lucyboat
+++ admin:contact_form [2020/10/14 17:07] (Version actuelle) – [3. Personnalisez votre formulaire] lucyboat
@@ Ligne 4: / Ligne 4: @@
 Les autres méthodes à mettre en place sonr décrites dans la doc [[:admin:contact|Par quel moyen contacter votre Amap]] ?
 ===== Configuration d’un formulaire de contact Amapress =====
@@ Ligne 39: / Ligne 38: @@
 **Contact Form 7**  recommande l’utilisation de **Google reCaptcha**  dont il fournit une intégration ►**Tableau de bord > Contact > Intégration**
+Renseignez la clé privée et la clé secrète de l'administrateur du site une fois le site Wordpress déclaré chez Google
   * Avantage : solution proposée par le plugin facile à mettre en oeuvre
   * Inconvénient : reCaptcha appartient à Google et le respect de la vie privée n’est pas forcément au rendez-vous
@@ Ligne 47: / Ligne 49: @@
 {{https://wiki.amapress.fr/lib/plugins/ckgedit/ckeditor/plugins/smiley/images/lightbulb.png?nolink&23x23|enlightened}}Cas d’utilisation : A utiliser pour un blog qui permet des commentaires
 ==== 3. Renommez le formulaire ====
@@ Ligne 58: / Ligne 61: @@
 ==== 1. Activez l'extension Contact Form ====
-Dans ►**Etat d’Amapress > 1/ Extensions - Recommandées** :
+Dans ►**Etat d’Amapress > 1/ Extensions - Recommandées**  :
 ►Installez l’extension ►**Contact Form 7**.
-{{:admin:cf34b44f9a34e1d33d1ddde143972666.png}}
+{{:admin:91a7960ab0b5f528b2fa04c24f4b07ea.png}}
-►Activez l’extension ►**Contact Form 7**.
+Une entrée **►Contact **  (repéré par une icône « Enveloppe ») apparaît en haut du menu du **►Tableau de Bord**
-Une entrée **►Contact ** (repéré par une icône « Enveloppe ») apparaît en haut du menu du **►Tableau de Bord**
+{{:admin:673d861951e73078e10cf99c3ffff69d.png}}
 ==== 2. Protégez du spam ====
-//**<font 14px/inherit;;inherit;;inherit>Pot de miel</font>**  //
+//**<font 14px/inherit;;inherit;;inherit>Pot de miel</font>** //
-L’ajout d’un **pot de miel** dans le formulaire est une protection contre le spam transparente pour le visiteur.
+L’ajout d’un **pot de miel**  dans le formulaire est une protection contre le spam transparente pour le visiteur.
 > Configuration : Rendez-vous dans ►**Etat d’Amapress>1/ Extensions Recommandées> Honeypot for Contact Form**
@@ Ligne 79: / Ligne 81: @@
 {{https://wiki.amapress.fr/lib/plugins/ckgedit/ckeditor/plugins/smiley/images/lightbulb.png?nolink&23x23|enlightened}}A noter : il est préférable d’ajouter plusieurs champs de pots de miel pour éviter les spams
-//**<font 14px/inherit;;inherit;;inherit>Captcha</font>**  //
+//**<font 14px/inherit;;inherit;;inherit>Captcha</font>** //
-L’ajout d’un **captcha** dans le formulaire permet d’éviter le spam en demandant au visiteur de re-saisir le texte affiché dans une image.
+L’ajout d’un **captcha**  dans le formulaire permet d’éviter le spam en demandant au visiteur de re-saisir le texte affiché dans une image.
 Les tags [captchac] et [captchar] ci-dessous fournissent un mécanisme basique mais parfois insuffisant.
 > Configuration extension : Rendez-vous dans ►**Etat d’Amapress > 1/ Extensions Recommandées > Really Simple Captcha**
+  * Avantage : géré par le site, pas de traçage éventuel par google (utilisation des données)
-   * Avantage : géré par le site, pas de traçage éventuel par google (utilisation des données)
   * Inconvénients :
       * Cette extension fournit des captcha “assez lisibles”, cela n’arrête pas toujours tous les bots de spams
@@ Ligne 104: / Ligne 105: @@
 {{https://wiki.amapress.fr/lib/plugins/ckgedit/ckeditor/plugins/smiley/images/lightbulb.png?nolink&23x23|enlightened}}Cas d’utilisation : A utiliser pour un blog qui permet des commentaires
-==== 3. Renommez le formulaire ====
+==== 3. Personnalisez votre formulaire ====
-Dans ce menu, éditer le formulaire par défaut **Formulaire de contact 1**  et renommez-le par exemple **Formulaire de demande d’adhésion**
+Dans ►**Tableau de bord > Contact > Formulaire de contact**
+Editez le formulaire par défaut **Formulaire de contact 1** et renommez-le par exemple **Formulaire de demande d’adhésion**
+{{:admin:60543a896945e0cad3971d8e43eb8565.png}}
+{{https://wiki.amapress.fr/lib/plugins/ckgedit/ckeditor/plugins/smiley/images/lightbulb.png?nolink&23x23|enlightened}}A noter : Amapress fournit ses propres tags **Contact Form 7** : bouton ►**Champs Amapress **
+{{:admin:d68d10fa807d7e8878fed4bad7c00abf.png}}
+afin de gérer l’import des formulaires reçus dans la section **►Demande d’adhésions**
+{{:admin:82f0e3f56e01adeba17f1d5144add524.png}}
-{{https://wiki.amapress.fr/lib/plugins/ckgedit/ckeditor/plugins/smiley/images/lightbulb.png?nolink&23x23|enlightened}}A noter : Amapress fournit ses propres tags Contact Form 7 pour gérer l’import du formulaire dans la section Demandes d’adhésions et le générateur de tags (bouton Champs Amapress) présent dans le bandeau de l’onglet Formulaire de la configuration CF7
 ==== 4. Configurez le formulaire ====
@@ Ligne 114: / Ligne 126: @@
 //**<font 14px/inherit;;inherit;;inherit>a. Onglet Formulaire</font>** //
-Remplacer et personnaliser suivant vos besoins :<code>
+Remplacer et personnaliser suivant vos besoins :
+<code>
 <label> Votre prenom (obligatoire)
@@ Ligne 199: / Ligne 212: @@
   * L’adresse email qui recevra la notification : en général, la boîte contact de votre AMAP
-  * L’adresse email émettrice : en général, celle du site, de la forme [[wordpress@votre-site.org|]]
+  * L’adresse email émettrice : en général, celle du site, de la forme [[wordpress@votre-site.org|wordpress@votre-site.org]]
-  * Des entêtes supplémentaires pour répondre directement au demandeur<code>
+  * Des entêtes supplémentaires pour répondre directement au demandeur
+<code>
 Reply-To: [email]
@@ Ligne 236: / Ligne 250: @@
 ==== 5. Intégrez le formulaire sur votre site ====
-Sélectionner votre formulaire dans ►**Tableau de bord** >** Réglages **> **Amapress**, onglet **Contacts public**.
+Sélectionner votre formulaire dans ►**Tableau de bord**  >** Réglages **> **Amapress**, onglet **Contacts public**.
-Placer ensuite le shortcode ''[nous-contacter]'' dans une page “Contact” de votre site ou dans un widget de la barre latérale.
+Placer ensuite le shortcode ''[nous-contacter]''  dans une page “Contact” de votre site ou dans un widget de la barre latérale.
-{{https://wiki.amapress.fr/lib/plugins/ckgedit/ckeditor/plugins/smiley/images/lightbulb.png?nolink&23x23|enlightened}}Plus d’informations sur **Contact Form 7** sur leur site officiel, à la page [[https://contactform7.com/docs/|Docs]] ou avec le tutoriel suivant de [[https://wpmarmite.com/contact-form-7/|WpMarmite]]
+{{https://wiki.amapress.fr/lib/plugins/ckgedit/ckeditor/plugins/smiley/images/lightbulb.png?nolink&23x23|enlightened}}Plus d’informations sur **Contact Form 7**  sur leur site officiel, à la page [[https://contactform7.com/docs/|Docs]] ou avec le tutoriel suivant de [[https://wpmarmite.com/contact-form-7/|WpMarmite]]