{"id":1083,"date":"2009-10-04T08:38:53","date_gmt":"2009-10-04T07:38:53","guid":{"rendered":"http:\/\/flaven.fr\/?p=1083"},"modified":"2013-09-26T05:52:18","modified_gmt":"2013-09-26T03:52:18","slug":"wordpress-formulaire-plugin-un-plugin-wordpress-pour-gerer-un-formulaire-de-contact","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2009\/10\/wordpress-formulaire-plugin-un-plugin-wordpress-pour-gerer-un-formulaire-de-contact\/","title":{"rendered":"WordPress, Formulaire, Plugin – Un plugin WordPress pour g\u00e9rer un formulaire de contact"},"content":{"rendered":"


\n
\nUne question r\u00e9currente qui se pose sur un blog o\u00f9 la plupart on souhaite interagir avec les utilisateurs sans pour autant laisser son adresse mail apparente et ce de la mani\u00e8re la moins anarchique possible (choix dans les champs, stockage \u00e9ventuel des mails r\u00e9colt\u00e9s dans une BDD\u2026). C\u2019est \u00e0 cette question que l\u2019on va tenter de r\u00e9pondre en s\u00e9lectionnant un plugin qui permet de g\u00e9rer un formulaire au sein de son blog sous WordPress.<\/p>\n

Les plugins ont \u00e9t\u00e9 test\u00e9 sur une version 2.7<\/code> un peu ant\u00e9rieure \u00e0 l\u2019actuelle version disponible de wordpress 2.8<\/code> et des brouettes.<\/b><\/p>\n

L\u00e0 encore, nous pr\u00e9sentons dans l’ordre de pr\u00e9f\u00e9rence les plugins que nous avons pr\u00e9f\u00e9r\u00e9 selon les crit\u00e8res suivants. Ces crit\u00e8res constituent le plus minimum requis pour cr\u00e9er sans difficult\u00e9s un formulaire dans un blog WordPress.<\/p>\n

    \n
  1. L’insertion du formulaire se fait indiff\u00e9remment dans un article ou dans une page via une simple ligne de code<\/li>\n
  2. le formulaire envoie un mail \u00e0 une adresse email, celle de l\u2019administrateur du site<\/li>\n
  3. Il est possible \u00e9ventuellement de personnaliser les champs disponibles dans le formulaire<\/li>\n<\/ol>\n

    A ces 3 crit\u00e8res, il s’ajoute accessoirement la capacit\u00e9 \u00e0 stocker les mails, \u00e0 contr\u00f4ler l’apparence du formulaire, la mise \u00e0 disposition dans un widget… qui sont autant de +<\/strong> dans le choix du plugin.<\/i><\/p>\n\t\t\t\t\t

    \n\n\t\t\t\t\t
    \n\t\t\t\t\t \"Professional<\/a>\n\t\t\t\t\t <\/div>\n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t

    Professional WordPress Plugin Development<\/a><\/h2>\n\t\t\t\t\t\t\t\n\t\t\t\t\t

    Sans doute le meilleur livre sur le d\u00e9veloppement sous Wordpress, tout y est (plugin, API, Shortcode....)\r\n<\/p>\n\t\t\t\t\t\t\t\tGenre(s) : Ajax<\/a>, API<\/a>, D\u00e9veloppement<\/a>, Open Source<\/a>, PHP<\/a>, Plugin<\/a>, Web<\/a>, WordPress<\/a>
    Auteur(s) :     Brad Williams<\/a>, Justin Tadlock<\/a>, Ozh Richard<\/a>
    Edition(s) :     Wrox<\/a>
    \n\t\t\t\t\t

    <\/i>+ d'infos<\/span><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n

    1. Le plugin de formulaire FormBuilder formbuilder.0.81.zip<\/code><\/h4>\n

    Une fois le plugin install\u00e9, il faut aller dans la section Tools<\/code>, ce qui est un peu d\u00e9routant au premier abord. Par contre une fois cette toute petite difficult\u00e9 lev\u00e9e, le plugin est un vrai bonheur, enti\u00e8rement configurable et de mani\u00e8re extr\u00eamement simple et intuitive. Enfin, il existe une superbe interface pour exporter les informations collect\u00e9es au format .csv<\/code><\/b><\/p>\n

    Acc\u00e8s aux param\u00e8tres de configuration de formbuilder.0.81.zip<\/code> dans l’onglet Tools<\/code><\/b>
    \n\"Wordpress,<\/p>\n

    Un tableau de bord complet pour configurer formbuilder.0.81.zip<\/code><\/b>
    \n\"Wordpress,<\/p>\n

    Chacun de vos formulaires a un petit nom…<\/b>
    \n\"Wordpress,<\/p>\n

    M\u00e9thode d’insertion du formulaire nomm\u00e9 mon_form_1<\/code><\/b>
    \nFormBuilder ins\u00e8re un espace sp\u00e9cifique dans chacune de vos pages ou articles pour vous permettre de faire appel au formulaire voulu, ici dans notre exemple mon_form_1<\/code>
    \n\"Wordpress,<\/p>\n

    Le mail qui parvient au destinataire du formulaire mon_form_1<\/code><\/b>
    \n\"Wordpress,<\/p>\n

    Les excellentes fonctionnalit\u00e9s d’export au format .csv<\/code> de FormBuilder<\/b>
    \n\"Wordpress,<\/p>\n

    Extrait du form.csv<\/code><\/b><\/p>\n

    \r\n\t\r\n\t\"Result ID\",\"Form ID\",\"Timestamp\",\"FormSubject\",\"FormRecipient\",\"Field Values\"\r\n\t00000000000000000002,00000000000000000001,\"September 2, 2009, 5:10 pm\",\"FormSubject: Contact\",\"FormRecipient: info@hecube.net\",\"Nom: mon-nom\",\"Prnom: mon-prenom\",\"email: user1@hecube.com\",\"Rgion: ma-r\u00e9gion\",\"profession: ma-pofession\",\"commentaires: mon commentaire mon commentaire mon commentaire\",\"Page: http:\/\/127.0.0.1\/wordpress_2_7\/site\/contact\/\",\"Referrer: http:\/\/127.0.0.1\/wordpress_2_7\/site\/\"\r\n\t00000000000000000001,00000000000000000001,\"September 4, 2009, 3:53 pm\",\"FormSubject: Contact\",\"FormRecipient: info@hecube.net\",\"Nom: hecube\",\"Prnom: user2\",\"email: user2@hecube.net\",\"Rgion: region\",\"profession: profession\",\"commentaires: hello\",\"Page: http:\/\/127.0.0.1\/wordpress_2_7\/site\/contact\/\",\"Referrer: http:\/\/127.0.0.1\/wordpress_2_7\/site\/contact\/\"\r\n\t\r\n<\/pre>\n
    2. Le plugin de formulaire cformsII cforms.11.0.zip<\/code><\/h4>\n
    L’un des plus complets, ce plugin vous permet m\u00eame de cr\u00e9er 2 tables pour enregistrer les adresses email saisies dans votre formulaire. Il vous propose une esp\u00e8ce de menu flottant de configuration qui est assez aga\u00e7ant, qui tient plus du gadget mais qui peut avoir ses inconditionnels. Enfin, \u00e9tant donn\u00e9 son caract\u00e8re exhaustif, il y a une phase fastidieuse de configuration de ce plugin. A d\u00e9conseiller \u00e0 des d\u00e9butants.<\/p>\n
    \r\n<!--cforms name="form_contact_10"-->\r\n<\/pre>\n
    Installation du plugin cforms.11.0.zip<\/code><\/b>
    \n\"Wordpress,<\/p>\n
    Le panneau de configuration du plugin cforms.11.0.zip<\/code><\/b>
    \n\"Wordpress,<\/p>\n
    \"Wordpress,<\/p>\n
    Le widget de configuration du plugin cforms.11.0.zip<\/code> d\u00e9pli\u00e9 \u00e0 droite de l’\u00e9cran<\/b>
    \n\"Wordpress,<\/p>\n
    3. Le plugin de formulaire code>Fast and Secure Contact Form<\/code><\/h4>\n
    Beaucoup de param\u00e8tres avec notamment une gestion assez avanc\u00e9e du captcha<\/code> qui pr\u00e9munie le formulaire du spam qui assaille g\u00e9n\u00e9ralement les formulaires comme les commentaires d’ailleurs.<\/p>\n
    \"Wordpress,<\/p>\n
    R\u00e9glages du captcha<\/code><\/b>
    \n\"Wordpress,<\/p>\n
    \"Wordpress,<\/p>\n
    NB : Pour information, un article de ce blog sur une s\u00e9lection de plugins anti-spam pour les commentaires http:\/\/social.hecube.net\/blog\/2009\/05\/06\/wordpress-une-selection-de-plugin-anti-spam-pour-les-commentaires\/<\/a><\/i><\/p>\n
    4. Le plugin de formulaire WP-Lightform wp-lightform.0.4.zip<\/code><\/h4>\n
    La copie conforme du pr\u00e9c\u00e9dent. Basique et simple \u00e0 impl\u00e9menter. Le rendu html du plugin est plus soign\u00e9 que le plugin suivant.<\/p>\n
    Balise pour l’insertion dans une page<\/b><\/p>\n
    \r\n[LightForm]\r\n<\/pre>\n
    Le r\u00e9sultat de l’insertion du code de wp-lightform.0.4.zip<\/code> sur la page Contact<\/code><\/b>
    \n\"Wordpress,<\/p>\n
    5. Le plugin de formulaire Easy Contact easy-contact.0.1.2.zip<\/code><\/h4>\n
    Ce plugin est super basique. Pratiquement rien n’est configurable ou si peu du meme coup tr\u00e8s facile \u00e0 mettre en place.
    \nLa mise en place est toujours la m\u00eame, il faut ins\u00e9rer du pseudo code, souvent entre parenth\u00e8se [....]<\/code> pour afficher le formulaire.<\/b><\/p>\n
    Balise pour l’insertion dans une page<\/b><\/p>\n
    \r\n[easy-contact]\r\n<\/pre>\n
    L’insertion du code pour activer le formulaire de easy-contact.0.1.2.zip<\/code> sur une page nomm\u00e9e Contact<\/code><\/b>
    \n\"Wordpress,<\/p>\n
    Le r\u00e9sultat de l’insertion du code de easy-contact.0.1.2.zip<\/code> sur la page Contact<\/code><\/b>
    \n\"Wordpress,<\/p>\n
    Pour aller plus loin<\/h2>\n