Documentation en ligne d'Amapress

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
====== Comment configurer un formulaire de contact ? ======

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. 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é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**

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

//**<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. Renommez le 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**

{{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 ====

//**<font 14px/inherit;;inherit;;inherit>a. Onglet Formulaire</font>** //

Remplacer et personnaliser suivant vos besoins :
<code>

<label> Votre prenom (obligatoire)

[amapress_field* prenom] </label>

</code>

<code>
<label> Votre nom (obligatoire)

[amapress_field* nom] </label>

</code>

<code>
<label> Votre e-mail (obligatoire)

[amapress_field* email] </label>

</code>

<code>
<label> Votre adresse

[amapress_field adresse] </label>

</code>

<code>
<label> Téléphone mobile

[amapress_field telephone] </label>

</code>

  * Lieu de distribution

<code>
[amapress_field lieux]

</code>

  * Contrats

<code>
[amapress_field contrats]

[amapress_field intermittent]

<label> Votre message

[amapress_field message] </label>

[submit "Envoyer"]

</code>

  * Ajout captcha

Ajouter une ligne de code par capcha désiré

<code>
[captchac protect]

[captchar protect]

</code>

  * Ajout Pot de miel

Ajouter les lignes suivantes pour ajouter un pot de miel :

<code>
[honeypot email-169 move-inline-css:true]

[honeypot name-134 move-inline-css:true]

</code>

**//<font 14px/inherit;;inherit;;inherit>b. Onglet Email</font>// **

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 é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]

</code>

  * L’objet

<code>
Demande de préinscription - [email] - [prenom] [nom]

</code>

  * Le contenu du mail :

<code>
Une demande d'adhésion a été faite par : [prenom] [nom] <[email]>

Adresse: [adresse]

Téléphone: [telephone]

[demande-titre] (<[demande-href]>)

Lieux : [lieux-noms]

Contrats: [contrats-noms]

Corps du message :

[message]

</code>

==== 5. Intégrez le formulaire sur votre site ====

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.

{{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]]