Différences

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

--- admin:contact_form [2020/07/01 20:59] – 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 =====
@@ 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 ====
@@ Ligne 54: / 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 139: / 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 174: / 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**.
 Placer ensuite le shortcode ''[nous-contacter]''  dans une page “Contact” de votre site ou dans un widget de la barre latérale.