Outils pour utilisateurs

Outils du site


admin:contact_form

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
admin:contact_form [2020/07/01 20:57] lucyboatadmin: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** 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 ===== ===== 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** **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   * 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   * 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 {{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. 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 {{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 ==== ==== 4. Configurez le formulaire ====
Ligne 54: Ligne 126:
 //**<font 14px/inherit;;inherit;;inherit>a. Onglet Formulaire</font>** // //**<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) <label> Votre prenom (obligatoire)
Ligne 136: Ligne 209:
 **//<font 14px/inherit;;inherit;;inherit>b. Onglet Email</font>// ** **//<font 14px/inherit;;inherit;;inherit>b. Onglet Email</font>// **
  
-Indiquez :+Compléter les informations nécessaires :
  
   * L’adresse email qui recevra la notification : en général, la boîte contact de votre AMAP   * 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] Reply-To: [email]
Ligne 174: Ligne 248:
 </code> </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. Placer ensuite le shortcode ''[nous-contacter]''  dans une page “Contact” de votre site ou dans un widget de la barre latérale.
admin/contact_form.1593629856.txt.gz · Dernière modification : 2020/07/01 20:57 de lucyboat