Différences

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

--- admin:contact_form [2020/07/01 20:30] – [4. Configurez le formulaire] lucyboat
+++ admin:contact_form [2020/10/14 17:07] (Version actuelle) – [3. Personnalisez votre formulaire] lucyboat
@@ Ligne 2: / Ligne 2: @@
 Le formulaire de contact est le point d'entrée pour les **demandes d'informations** ou directement les **demandes d'adhésion**
+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 =====
-==== 1. Activer l'extension Contact Form ====
+==== 1. Activez l'extension Contact Form ====
 Dans ►**Etat d’Amapress > 1/ Extensions - Recommandées**, activer 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**
-==== 2. Protéger du spam ====
+==== 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.
@@ Ligne 19: / Ligne 22: @@
 {{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.
@@ Ligne 35: / 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 43: / 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 49: / Ligne 56: @@
 {{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
+===== Configuration d’un formulaire de contact Amapress =====
+==== 1. Activez l'extension Contact Form ====
+Dans ►**Etat d’Amapress > 1/ Extensions - Recommandées**  :
+►Installez l’extension ►**Contact Form 7**.
+{{:admin:91a7960ab0b5f528b2fa04c24f4b07ea.png}}
+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>** //
+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**
+{{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>** //
+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)
+  * Inconvénients :
+      * Cette extension fournit des captcha “assez lisibles”, cela n’arrête pas toujours tous les bots de spams
+      * Cela rend le formulaire inaccessible aux malvoyants
+//**Google recaptacha** //
+**Contact Form 7**  recommande l’utilisation de **Google reCaptcha**  dont il fournit une intégration ►**Tableau de bord > Contact > Intégration**
+  * 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
+//**<font 14px/inherit;;inherit;;inherit>Akismet</font>** //
+Il est également possible de configurer l’extension **Akismet **qui filtre les spams dans les commentaires et les formulaires. La configuration d’une clé est nécessaire pour cette intégration. Se rendre dans ►**Etat d’Amapress****> 1/ Extensions – Recommandées**
+{{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. Personnalisez votre formulaire ====
+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}}
 ==== 4. Configurez le formulaire ====
-Dans l’onglet Formulaire, remplacer et personnaliser suivant vos besoins :
+//**<font 14px/inherit;;inherit;;inherit>a. Onglet Formulaire</font>** //
+Remplacer et personnaliser suivant vos besoins :
 <code>
 <label> Votre prenom (obligatoire)
@@ Ligne 89: / Ligne 163: @@
 </code>
-Lieu de distribution
+  * Lieu de distribution
 <code>
@@ Ligne 96: / Ligne 170: @@
 </code>
-Contrats
+  * Contrats
 <code>
@@ Ligne 111: / Ligne 185: @@
 </code>
-Ajoutez les lignes suivantes pour ajouter un captcha :
+  * Ajout captcha
+Ajouter une ligne de code par capcha désiré
 <code>
@@ Ligne 120: / Ligne 196: @@
 </code>
-Ajoutez les lignes suivantes pour ajouter un ou plusieurs pots de miel :
+  * Ajout Pot de miel
+Ajouter les lignes suivantes pour ajouter un pot de miel :
 <code>
@@ Ligne 129: / Ligne 207: @@
 </code>
-  - - Dans l’onglet Email, remplacer et personnaliser suivant vos besoins :
+**//<font 14px/inherit;;inherit;;inherit>b. Onglet Email</font>// **
-      * L’adresse email qui recevra la notification
-        * En général, la boite contact de votre AMAP
+Compléter les informations nécessaires :
-      * L’adresse email émettrice
-        * en général celle du site, par exemple, [[wordpress@votre-site.org|]]
+  * L’adresse email qui recevra la notification : en général, la boîte contact de votre AMAP
-      * Entêtes supplémentaire pour répondre directement au demandeur<code>
+  * 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>
 Reply-To: [email]
@@ Ligne 168: / Ligne 248: @@
 </code>
-**5. Intégrez le formulaire sur votre site**
+==== 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**.
-Placez 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]]