De l'auteur : salutations, chers lecteurs. Si vous aviez besoin d’un formulaire de commentaires pour votre site Web WordPress, cet article est fait pour vous. Après avoir lu l'article, vous apprendrez à créer un formulaire de commentaires sur WordPress, et à le faire facilement, rapidement et efficacement.

Donc, pour résoudre ce problème, nous utiliserons un plugin de formulaire de commentaires appelé Contact Form 7. Je ne sais pas pourquoi l'auteur a choisi ce nom, ou plutôt le numéro de série dans le nom, c'est peut-être son numéro porte-bonheur.

Quoi qu'il en soit, le plugin Contact Form 7 pour WordPress est l'un des plugins les plus populaires parmi les plugins pour créer un formulaire de commentaires WordPress, et parmi tous les autres. Et en effet, plus d'un million d'installations, le chiffre parle de lui-même. La note du plugin est assez élevée - 4,5 étoiles, ce qui élimine tous les doutes sur son utilisation. De plus, le plugin est déjà russifié, vous n'avez donc pas besoin de traduire les champs de formulaire et les messages en russe.

INSTALLATION DU PLUGIN FORMULAIRE DE CONTACT 7 POUR WORDPRESS

Eh bien, passons en revue le processus d'installation standard. À propos, si vous n'avez jamais installé de plugins auparavant, assurez-vous de lire l'article « WordPress. Installation de plugins », où vous trouverez toutes les manières possibles d'installer des plugins.

Dans le panneau d'administration du site, accédez à la section Plugins - Ajouter un nouveau et entrez le nom du plugin dans la barre de recherche - « formulaire de contact 7 ». Le premier plugin de formulaire de commentaires trouvé est l’option dont nous avons besoin.

Cliquez sur le bouton Installer et activez le plugin. Après l'installation, une nouvelle section Contact Form 7 avec plusieurs éléments apparaîtra dans le menu.

Le premier élément Formulaires contient une liste des formulaires actuels sur votre site et vous permet de les gérer : modifier ou supprimer. Le formulaire fini n'est rien de plus qu'un shortcode (short code) qui peut être inséré dans une publication, une page ou même un widget. Ce shortcode sera développé sur la page en code complet. Le plugin est déjà livré avec un exemple de formulaire de feedback, copions son shortcode et collons-le, par exemple, sur la page contact. Après cela, allons sur la page et voyons un formulaire de commentaires WordPress prêt à l'emploi.

Nous pouvons essayer de remplir le formulaire et de l’envoyer, la lettre sera envoyée à l’adresse e-mail indiquée dans les paramètres du profil de l’administrateur. Veuillez noter que le plugin Contact Form 7 ne propose pas seulement le formulaire de contact standard habituel. Non, le plugin vous permet de le configurer de manière flexible. De plus, le formulaire est envoyé sans rechargement de la page, ce qui est un plus supplémentaire. Et bien sûr, la validation des champs du formulaire, la possibilité de spécifier les champs obligatoires, est un autre énorme avantage.

MISE EN PLACE D'UN FORMULAIRE DE RÉTROACTION POUR WORDPRESS

Eh bien, nous avons utilisé un formulaire prêt à l'emploi. Et si on le changeait ? Est-ce possible et est-ce facile à faire ? La réponse est oui aux deux questions. Par exemple, je souhaite supprimer le champ Objet du formulaire, comment puis-je faire ? Passons à l'édition du formulaire dans le menu du plugin Forms et voyons l'image suivante.

Afin de supprimer le sujet, il suffit de supprimer les 2 lignes correspondantes encerclées dans la capture d'écran. La deuxième ligne est intéressante ici : . Comme vous l'avez peut-être deviné, il ne s'agit que d'un shortcode déployé dans le champ du formulaire. Dans ce cas, il s'agit d'un champ de type texte avec la valeur de l'attribut name - votre-sujet.

Si, par exemple, nous parlons de la zone de texte ci-dessous, alors son shortcode ressemble à ceci : . Ici, textarea est la balise textarea du formulaire et votre message est le nom de cet élément de formulaire. C'est simple.

Ici, vous pouvez poser une question tout à fait logique : que faire des autres éléments du formulaire ? Comment savoir quel shortcode est responsable, par exemple, d'une liste déroulante ? Il n'y a rien de compliqué ici non plus. Il y a des boutons au-dessus du champ modèle du formulaire modifiable, en cliquant sur lesquels nous ajouterons les éléments nécessaires au formulaire.

Eh bien, si des difficultés surviennent encore, la documentation du plugin vous aidera, où vous pourrez trouver de nombreux exemples.

Ainsi, à titre d'exemple, supprimons le sujet du message et ajoutons une liste avec des options pour sélectionner le sujet du message. Pour créer une liste déroulante, cliquez sur le bouton du menu déroulant. Dans la fenêtre modale qui s'ouvre, remplissez le formulaire. La clé est le champ Options, dans lequel nous saisissons les options de la liste déroulante. Chaque option est sur une nouvelle ligne. Les autres champs de formulaire doivent être intuitifs. Par exemple, si nous cochons la case Type de champ (Champ obligatoire), nous rendrons obligatoire le remplissage du champ du formulaire créé. La case à cocher Autoriser les sélections multiples vous permet de créer une liste avec la possibilité de sélectionner plusieurs options, et la case à cocher Insérer un élément vide comme première option créera la première option vide de la liste. Les champs Id et Class parlent d'eux-mêmes : ce sont des champs permettant d'ajouter des attributs d'identifiant et de classe, qui vous permettent de concevoir davantage le champ.

Après avoir créé une liste avec les options requises, un nouveau champ apparaîtra dans le modèle de formulaire.

Nous enregistrons le modèle et essayons de tester le nouveau formulaire de commentaires. Sur le site, le formulaire a en effet changé : au lieu d'un champ de texte de sujet, il y a désormais une liste déroulante avec des options pour choisir un sujet.

Essayons de remplir et de soumettre le formulaire. Le formulaire est envoyé, mais oups... l'e-mail reçu n'a pas d'option d'objet sélectionné. Comment ça? Comment corriger ce malentendu ? Ne vous inquiétez pas, c'est facile à réparer. Allez modifier le formulaire et passez à l’onglet Lettre.

Dans cet onglet, vous configurez le format de la lettre envoyée par courrier électronique à partir du formulaire de commentaires. Dans la capture d'écran, dans la première zone encerclée, nous voyons une liste de codes courts (noms de champs de formulaire) qui sont utilisés dans notre formulaire de commentaires. Ce sont les valeurs de ces champs qui sont substituées dans le modèle de lettre. On voit dans la deuxième zone marquée que le champ Objet conserve le nom du champ précédent. Le champ Corps du message contient également le même shortcode. Remplaçons-les par la balise appropriée de la liste ci-dessus - . D’ailleurs, ici on peut aussi changer l’email du destinataire, il est écrit dans le champ À. Nous pouvons également modifier d'autres paramètres ci-dessous, ils sont tous signés et clairs.

Nous enregistrons les modifications et essayons de renvoyer la lettre. Le formulaire de commentaires fonctionne désormais comme prévu : un e-mail avec le sujet sélectionné est envoyé à votre adresse e-mail.

Dans l'onglet suivant Notifications de soumission de formulaire, nous pouvons configurer les messages de réussite ou d'erreur qui se produisent lors de la soumission du formulaire.

SÉCURISER LE FORMULAIRE DE RÉTROACTION

Qu'en est-il du spam, pourriez-vous demander, est-ce une question raisonnable ? L'auteur du plugin s'en est également occupé. Dans la section des paramètres du plugin, il y a un élément d'intégration.

Ici, nous pouvons configurer le service reCAPTCHA de Google. Pour ce faire, vous devrez suivre le lien spécifié vers le service Google correspondant puis suivre les instructions pour obtenir la clé nécessaire et intégrer le captcha à votre site.

Pour ceux qui ne souhaitent pas utiliser le service reCAPTCHA, le plugin propose une protection contre les robots sous la forme d'un champ question/réponse. Pour ajouter ce champ dans le modèle de formulaire, cliquez sur le bouton quiz et remplissez le formulaire de la même manière que nous l'avons fait pour la liste déroulante. Entrez la question et la réponse via une ligne verticale.

Après cela, un nouveau champ apparaîtra dans le formulaire de commentaires avec l'une des options pour les questions que vous avez saisies. Désormais, pour que le formulaire soit soumis, vous devez fournir la bonne réponse à la question.

Comme vous pouvez le constater, créer un formulaire de commentaires sur WordPress est aussi simple que décortiquer des poires. Le plugin Contact Form 7 vous permet de créer un formulaire pour presque n'importe quel objectif. Il peut s'agir d'un formulaire de commentaires, d'un formulaire de candidature, etc. Oui, comme je l'ai dit plus haut, le formulaire peut être inséré non seulement dans une publication ou une page, mais également dans un widget de la barre latérale. Pour ce faire, créez simplement un widget Texte et insérez-y le shortcode du formulaire souhaité. Eh bien, comme vous l'avez deviné, de nouveaux formulaires peuvent être créés dans le menu Ajouter un nouveau plugin.

C'est tout pour moi. Jouez avec le plugin Contact Form 7 pour WordPress, essayez de créer différents formulaires, croyez-moi, il y a encore beaucoup de possibilités à explorer. Si vous avez des questions, comme toujours, je les attends dans les commentaires. Bonne chance!

WordPress ne dispose pas nativement de formulaire de feedback, mais c’est un outil nécessaire pour communiquer avec les visiteurs. Dans cet article, je vais vous expliquer comment créer un magnifique formulaire de commentaires WordPress à l'aide de plugins, ainsi que sans eux et en l'envoyant par e-mail.

Mais abordons aussi un peu de théorie, si quelqu'un n'est pas intéressé, alors vous pouvez immédiatement procéder à l'installation du formulaire sur WordPress :

Théorie : Pourquoi avons-nous besoin d’un formulaire de commentaires ?

Je pense que beaucoup de gens savent que les moteurs de recherche apprécient vraiment la page « contact ». Et si vous l’avez, cela signifie que vous n’avez rien à cacher à vos lecteurs et que vous êtes ouvert à la communication.

Mais pourquoi dois-je installer une sorte de formulaire si je peux simplement écrire mon adresse e-mail ? — Cette question se pose parmi les nouveaux arrivants qui n'ont pas encore gagné en popularité.

Inconvénients des adresses e-mail dans les contacts :

Une grande partie du spam provient de robots ;

Les visiteurs écrivent rarement ;

La page ne sert à rien.

Je sais que tout le monde n'a pas rencontré de tels problèmes, mais croyez-moi, au bout d'un an, votre mail finira dans toutes les listes de diffusion et vous serez bombardé de messages inutiles.

Mais en fait, les gens vous écriront rarement, car ils ne veulent pas aller au bureau de poste et saisir votre adresse, mais s'ils le font, il y a de fortes chances que la lettre finisse dans la catégorie « Spam ». et vous ne le saurez même pas.

Par conséquent, l’installation d’un formulaire de commentaires permet de lutter idéalement contre ces problèmes. Après tout, personne ne reconnaîtra votre véritable e-mail, et toutes les lettres arriveront rapidement et ne finiront pas dans le spam.

Formulaire de commentaires WordPress utilisant un plugin

L'installation d'un plugin est l'option la plus simple pour créer un magnifique formulaire de contact WordPress. Cependant, j'ai rencontré ici un problème : la plupart des plugins sont lourds, pas beaux et ont également peu de paramètres.

Par conséquent, j'ai passé plusieurs jours à rechercher les meilleurs plugins qui conviendront à la fois à l'administrateur du site et aux visiteurs.

1.

Huge It Forms est l’un des plugins les plus simples et les plus pratiques. Ce qui permet non seulement de recevoir des messages, mais aussi de créer de beaux formulaires, ne laisse pas passer le spam et peut envoyer des mailings massifs.

Le plugin s'affiche parfaitement dans n'importe quelle partie du site et peut même être affiché dans la barre latérale. Et le principal avantage est qu’il ne charge pas votre site comme les extensions populaires.

2. — formulaire de commentaires contextuel

Usernoise est un plugin gratuit et unique en son genre qui affiche un formulaire de commentaires contextuel. De plus, il est facilement édité et la sortie peut être configurée n'importe où, vous pouvez même créer une sortie à l'aide d'un bouton.

3. Le formulaire de contact 7 est le pire des meilleurs

Contact Form 7 est le plugin le plus populaire utilisé par des millions de personnes. Mais peu de gens savent que cela consomme beaucoup de ressources et ralentit terriblement WordPress.

Le fait est qu'il crée des requêtes inutiles dans la base de données et connecte également des scripts à la zone, bloquant ainsi le chargement du fichier principal. Cela augmente le chargement de la page de 2 secondes et n'inclut pas nécessairement un formulaire de commentaires sur la page.

Soit dit en passant, l'accélération de votre site est l'une des raisons pour lesquelles il faut cesser d'utiliser des plugins inutiles. Ajoutez simplement des fonctionnalités et des styles à votre site.

Générateur de formulaires de commentaires en ligne

Peu de gens l'ont entendu, mais il existe des sites capables de créer de belles formes de communication et faciles à configurer, après quoi un code spécial est obtenu à insérer dans le site.

Ainsi, nous utilisons les ressources d'un autre site qui traitera nos courriers. Cette option convient aux personnes bénéficiant d’un hébergement gratuit où il n’y a pas de traitement des emails.

Form Designer est un générateur gratuit de divers formulaires en russe. L’un des rares à s’intégrer parfaitement dans un site Web. Certes, il a des limites, par exemple la possibilité d'envoyer seulement 100 lettres par mois.

Mais pour 5 $, vous pouvez recevoir 1 000 lettres, un système antispam intégré, de l'espace disque supplémentaire, la génération de rapports et vous pouvez facilement connecter un service de messagerie.

Si vous souhaitez vous débarrasser de toute restriction, vous pouvez connecter un formulaire de Google. Il possède de nombreuses fonctions et est facile à créer, même s’il est difficile à insérer dans un site Web.

Je n'ai trouvé aucun didacticiel vidéo, mais il existe de bonnes instructions d'installation !

Formulaire de commentaires PHP sans plugins

De quoi avez-vous besoin pour créer votre propre formulaire de commentaires ? Suivez simplement 4 étapes simples :

Créez un fichier php ;

Écrivez quelques lignes sur la page contacts (au format html) ;

Connectez la bibliothèque Google (si le formulaire ne fonctionne pas) ;

Si ce n'est pas beau, ajoutez des styles.

Je ne voulais pas tout décrire en détail sur le site, j'ai donc tourné une vidéo et créé une archive avec les fichiers nécessaires sur le disque Yandex. L'archive des fichiers peut être téléchargée - .

Instructions vidéo pour créer un formulaire de commentaires sans plugins

Le formulaire de quelqu'un ne fonctionne pas ? Ensuite, vous devez insérer dans le fichier header.php : (connexion des bibliothèques Google). J'espère que les instructions sont extrêmement claires et simples pour tout le monde. Également dans les archives, vous trouverez un fichier avec des styles. Copiez simplement toutes les lignes et collez-les dans le fichier style.css à la fin.

Attention : l'hébergement gratuit ne prend pas en charge la fonction d'envoi de lettres. En plus d'utiliser le mode test.

Au lieu de conclusions

Dans cet article, j'ai examiné toutes les façons de créer un magnifique formulaire de commentaires dans WordPress. Comme vous pouvez le constater, il existe de nombreuses approches et chacune est bonne à sa manière.

Personnellement, j'ai choisi de créer mon propre formulaire et uniquement parce qu'il peut être ajusté à votre convenance. Si vous creusez un peu, vous pouvez reconfigurer les styles du premier plugin à votre manière, mais c'est un sujet pour un autre article.

Nous continuons la série de posts dédiés aux feedbacks dans le système de gestion WordPress. Aujourd'hui, je vais essayer de vous expliquer comment le faire sans plugin basé sur la fonction standard wp_mail utilisant la technologie de programmation ajax.

Avantages des commentaires WordPress sans plugin

• Le site ne charge pas de code JavaScript et CSS supplémentaire - cela devient plus facile ;
• Le formulaire de commentaires WordPress sans plugin est moins sujet au spam, à condition que votre code soit unique ;
• Vous pouvez personnaliser la sortie à votre guise et créer un formulaire de toute complexité.

Afin de créer un formulaire de feedback WordPress, sans utiliser de plugins, nous avons besoin d'un minimum de connaissances PHP, il suffit de copier le code au bon endroit.

Code pour créer des commentaires WordPress sans plugin

Commençons!

Ouvrez le fichier function.php de votre thème et ajoutez-y le code suivant :

function myform_action_callback() ( global $wpdb; global $mail; $nonce=$_POST["nonce"]; $rtr=""; if (!wp_verify_nonce($nonce, "myform_action-nonce")) wp_die("(" error":"Erreur. Spam")"); $message=""; $to="votre_mail@site"; // remplacer par votre email $headers = "Content-type: text/html; charset=utf-8 \r\n"; $headers.= "De : [email protégé]\r\n"; // remplacer par une autre boîte aux lettres $subject="Message du site ".$_SERVER["SERVER_NAME"]; do_action("plugins_loaded"); // n'a pas besoin d'être activé dans les nouveaux VIs, vous il faudra peut-être le désactiver si ( !empty($_POST["name"]) && !empty($_POST["mess"]) && !empty($_POST["email"]))( $message.="Name : ".$_POST[" nom"]; $message.="
E-mail : ".$_POST["email"]; $message.="
Message:
".nl2br($_POST["mess"]); if(wp_mail($to, $subject, $message, $headers))( $rtr="("work": "Message envoyé !", "erreur": "")"; )else( $rtr="("error": "Erreur du serveur.")"; ) )else( $rtr="("error": "Tous les champs sont obligatoires!")"; ) echo $rtr; exit; ) add_action("wp_ajax_nopriv_myform_send_action", "myform_action_callback"); add_action("wp_ajax_myform_send_action", "myform_action_callback"); function myform_stylesheet())( wp_enqueue_style("myform_style_templ",get_bloginfo("stylesheet_directory")."/css /styleform.css","0.1.2",true); wp_enqueue_script("myform_script_temp",get_bloginfo("stylesheet_directory")."/js/scriptform.js",array("jquery"),"0.1.2", true); wp_localize_script("myform_script_temp", "myform_Ajax", array("ajaxurl" => admin_url("admin-ajax.php"), "nonce" => wp_create_nonce("myform_action-nonce"))); ) add_action( "wp_enqueue_scripts", "myform_stylesheet"); fonction formZak() ( $rty=""; $rty.=""; $rty.=""; $rty.=""; $rty.=""; $rty .=""; return $rty; ) add_shortcode("formZak", "formZak");

Dans la première fonction "myform_action_callback" vous avez besoin de $to="your_mail@site" ; - remplacez par votre email. Vous pouvez également rencontrer des problèmes avec la ligne do_action("plugins_loaded"); - sur les nouvelles versions du VP vous pouvez vous en passer. Il n’y a rien d’autre à changer, l’exemple fonctionne et les retours WordPress sans plugin ont été testés sur les versions WP 4.2 et 4.9.1.

Suite à ce code, vous devez créer 2 dossiers dans le thème : "css" et "js". Si ces répertoires sont déjà présents dans votre thème, inutile de les créer. Placez le fichier de style "styleform.css" dans le répertoire "css" et, si vous le souhaitez, écrivez-y les styles de formulaire. Je ne le ferai pas, car les styles ne sont pas nécessaires pour que l’exemple fonctionne.

Placez le fichier "scriptform.js" dans le répertoire "js" et écrivez-y ce code simple :

fonction myform_ajax_send(nom,email,mess)(
jQuery.ajax((
tapez : "POST",
url : monform_Ajax.ajaxurl,
Type de données : "json",
données:(
"nom":jQuery(nom).val(),
"email":jQuery(email).val(),
"mess":jQuery(mess).val(),
"nonce": monform_Ajax.nonce,
"action": "monform_send_action"
},
succès : fonction (données) (
si(data.error=="")(
alerte (data.work);
)autre(
alerte (données. erreur);
}
},
erreur : fonction() (
alert("Erreur de connexion");
}
});
}

N'oubliez pas de télécharger ces fichiers sur votre serveur.

Tout est prêt ! - afin d'afficher le formulaire, insérez simplement le shortcode dans un article ou une page de votre site internet.

Si vous avez besoin d'appeler un formulaire depuis PHP, par exemple en bas de page, utilisez l'appel shortcode :

Vous pouvez copier ce code sur votre site web et essayer de le tester, tout devrait fonctionner, j'ai spécifiquement testé cet exemple sur moi-même. Voici la réponse que vous devriez recevoir par email :

Comme vous l’avez compris, c’est aussi simple que de se passer d’un plugin. Ensuite, je vais essayer de vous expliquer un peu ce que signifie ce code, si bien sûr cela vous intéresse.

Description des commentaires pour WordPress sans plugin

monform_action_callback()- une fonction pour envoyer un message depuis le formulaire de commentaires vers votre email.

add_action("wp_ajax_nopriv_myform_send_action", "myform_action_callback");
add_action("wp_ajax_myform_send_action", "myform_action_callback");

connectez notre fonction d'envoi à la requête Ajax. Le point important est qu'à partir d'ici « myform_send_action » doit correspondre à cette ligne dans votre fichier JavaScript : « action » : « myform_send_action »

mafeuille_formulaire()- une fonction permettant de connecter un fichier de style, JavaScript et de créer une variable JavaScript myform_Ajax, qui inclut myform_Ajax.ajaxurl - un lien vers le gestionnaire de requêtes Ajax et myform_Ajax.nonce - une vérification unique que le formulaire a été envoyé depuis votre site (nécessaire pour éviter spam et piratage de sites).

formulaireZak()- fonction où le code du formulaire est généré. Ici, nous pouvons ajouter ou supprimer les champs obligatoires.

Dernière ligne de fonctions : add_shortcode("formZak", "formZak"); enregistre un shortcode afin qu'il nous soit pratique de travailler avec notre formulaire de commentaires pour WordPress sans plugin.

J'ai décidé de créer un petit tableau pour structurer les fichiers que vous devez créer ou dans lesquels vous devez ajouter du code pour que les commentaires WordPress fonctionnent sans plugin. Il n'y en a pas beaucoup, je pense que vous pouvez le comprendre.

Il semble que j'ai tout décrit sur la façon de créer un formulaire de commentaires sans plugins. Si vous avez encore des questions sur le code, ou si vous n'avez pas pu exécuter ce formulaire sur votre serveur, vous pouvez décrire le problème dans les commentaires. Je serai heureux de vous aider à résoudre votre problème. Jusqu'à la prochaine fois.

Malheureusement, vous ne pourrez pas télécharger cet exemple, puisque je ne peux pas fournir mon fichier function.php à votre thème, cela ne fonctionnera tout simplement pas :(.

Si vous rencontrez des problèmes avec ce code, veuillez nous en informer, nous vous en serons reconnaissants. Des problèmes sont possibles en raison de la mise à jour du VI et de la désactivation de certaines des fonctions utilisées, ou lors du passage à une nouvelle bibliothèque jquery.

Il n'y a pas si longtemps, le blog a publié un article « Les 50 plugins les plus populaires pour le moteur WordPress » et comme les travaux sur le cours WordPress touchent à leur fin, nous souhaitons vous présenter une autre sélection de plugins pour ce moteur. À savoir, aujourd’hui, nous examinerons les meilleurs plugins pour les formulaires de contact.

Nous commencerons par rappeler quelles devraient être les pages ou les blocs les plus importants sur tous les sites commerciaux. Il s'agit de « À propos de nous » - où sont écrites les informations sur l'entreprise, « Services » - avec une description des services ou des biens fournis, et « Contacts » - pour recevoir les commentaires des clients ou des commandes.

C'est dans les contacts que sont placés les formulaires de commentaires, car cela donne au visiteur la possibilité non seulement de se familiariser avec votre offre et de partir, mais aussi de s'exprimer d'une manière ou d'une autre. Rédigez un avis, faites-vous part de vos souhaits ou commentaires sur le projet, proposez votre coopération ou commandez vos services.

Mais malheureusement, cette fonctionnalité utile n'est pas intégrée à l'ensemble standard du moteur et nous devons rechercher des solutions tierces à ce problème. Pour ce faire, vous devez soit rédiger le formulaire vous-même (si vous savez comment le faire), soit utiliser des plugins prêts à l'emploi.

J'espère qu'après avoir parcouru cette liste, vous choisirez le plugin le plus adapté à vos besoins.

C'est le plugin le plus connu et probablement le meilleur pour créer des formulaires de contact, puisque le nombre d'installations actives dépasse déjà les 3 millions et que le plugin lui-même est régulièrement mis à jour par les développeurs. L'ensemble standard de fonctions comprend des cases à cocher, des boutons radio, des téléchargements de fichiers, des fonctions antispam et CAPTCHA. Et grâce à lui, vous pouvez rapidement personnaliser un formulaire contenant des champs de texte, des numéros de téléphone, des adresses postales, des dates et bien plus encore. Ce plugin est entièrement gratuit et facile à insérer en utilisant du HTML simple, et il propose également une soumission AJAX.

Il s'agit de tout un ensemble de plugins, widgets et services pour le moteur WordPress. Et par conséquent, il possède son propre concepteur de formulaires intégré très simple mais efficace. Avec lui, vous obtenez une interface simple et rapide pour ajouter des formulaires à n'importe quelle note ou page du site. Pour ce faire, il vous suffit de cliquer sur le bouton « Insérer un formulaire » et vous pourrez rapidement créer et ajouter un formulaire.

Ce plugin vous permet de créer des formulaires de contact au look unique grâce à la fonction Active Engage et de les insérer non seulement sur les pages du site ou dans les notes, mais également sur toutes les pages à la fois dans le coin inférieur droit. D’un simple clic du visiteur, votre formulaire de contact apparaîtra à l’écran et attirera sûrement l’attention. Mais, en même temps, l'intégration habituelle du formulaire dans des articles, sur des pages ou dans une barre latérale est également possible.

Il s'agit d'un autre plugin très populaire, disponible en deux versions - en tant que plugin pour WordPress et code PHP pour l'intégration dans des sites « écrits à la maison ». La particularité de ce plugin est que les robots spammeurs sont détectés automatiquement sur le site. À l'aide du captcha et du formulaire Akismet Fast Secure, le plugin bloque les attaques utilisant les tactiques de spam les plus populaires. Cette fonctionnalité réduit le risque de spam et de toute autre information indésirable.

Un plugin gratuit universel doté d’une excellente interface intuitive glisser-déposer pour créer des formulaires de contact sur votre site WordPress. Dans le panneau d'administration, vous pouvez créer votre formulaire simplement en faisant glisser et en déposant les blocs nécessaires et en les personnalisant en fonction de vos besoins. Il dispose également d'un grand nombre de fonctions, notamment un gestionnaire AJAX, des modules anti-spam fiables, l'importation et l'exportation de données.

Il s'agit d'un autre plugin avec une interface glisser-déposer qui vous permet de créer et de gérer toutes sortes de formulaires sur votre site Web à partir d'un seul endroit. Il est conçu pour rendre le processus de création de formulaires rapide et facile, afin que l'utilisateur n'ait pas besoin d'apprendre à modifier un code. Le plugin dispose d'une section d'assistance aux développeurs assez complète pour le dépannage des problèmes et l'aide à sa configuration.

Un autre plugin qui vous permet de créer rapidement et facilement des formulaires de contact sur votre site Web. Il s'intègre au plugin Captcha pour lutter contre le spam. Dans la version pro du plugin, des fonctions supplémentaires sont disponibles, telles que la validation de formulaire et la sélection de cases ; d'ailleurs, elles sont toutes deux disponibles gratuitement dans le formulaire de contact 7 susmentionné.

Voici la liste des plugins. J'espère que vous avez déjà choisi celui qui vous convient le mieux et que vous avez même réussi à le tester sur votre site Web.

Rendez-vous dans d'autres articles !

Un élément important d'un site est la connexion avec son auteur. WordPress vous permet de mettre en œuvre ce point de différentes manières, chacune étant pratique à sa manière. Aujourd'hui, nous examinerons les méthodes d'installation et de configuration, les avantages et les inconvénients de chacune d'elles.

Afin de créer un formulaire de commentaires pratique, nous prendrons note de quelques options. Si vous souhaitez réduire autant que possible la charge fournie par WordPress, cette solution sans plugin est faite pour vous. Si vous avez besoin de fonctionnalités avancées, choisissez CF7.

Formulaire de commentaires sans utiliser de plugins

L’avantage de cette solution est qu’elle ne crée pas de charge supplémentaire. Nous allons créer un formulaire de commentaires de base avec quatre champs :

E-mail;

Objet de la lettre ;

Champ de texte.

Étape 1

Nous nous connectons à l'hébergement et allons dans le dossier du thème que vous utilisez actuellement sur WordPress. La tâche consiste à y créer un nouveau fichier php. N'importe quel nom. Je vais créer "feedback.php".

Étape 2

Ouvrez le fichier créé dans un éditeur de texte et collez-y le code :

Nous réécrivons ce qui est surligné en gras en fonction de nos besoins, puis enregistrons le fichier.

Étape 3

Dans le panneau d'administration WordPress, nous créons une nouvelle page (pas un article), appelons-la, par exemple, « Commentaires » (1), donnons un nom au lien que les utilisateurs suivront (2) et insérons le code dans le corps ( en mode éditeur html) ( 3) :

votre nom

E-mail

Objet du message

Texte du message :

Si vous souhaitez changer l’apparence, écrivez simplement dans le fichier CSS du thème ce que vous souhaitez en utilisant les éléments utilisés dans le formulaire :

Saisir(
};

Zone de texte (
};

Saisir(
};

Par exemple, un petit changement dans les styles dans form()

Plugin Formulaire de contact 7

Je voulais trouver des concurrents pour cette option, mais cela n'a pas été possible.

Prise en charge d'un grand nombre de champs (y compris Captcha et Fichiers joints, plus d'informations ci-dessous) ;

Disponibilité de la langue russe ;

Support AJAX (envoi d'un message sans recharger la page) ;

Formulaires faciles à modifier.

Ce ne sont là que les avantages qui ont attiré mon attention immédiatement après l'installation.

Je dirai tout de suite que si vous souhaitez activer la saisie captcha lors de l'envoi d'un message, vous devrez installer un autre plugin. Sinon, téléchargez uniquement CF7 lui-même. Cette condition est peut-être le seul inconvénient de cette forme de feedback.

Il existe une alternative au captcha - il s'agit d'un champ de questions-réponses : vous proposez vous-même un certain nombre de questions et de réponses de vérification, et le plugin les affichera dans un ordre aléatoire. Nous examinerons les deux méthodes.

Étape 1. Installation.

Dans l’administrateur WP, allez dans la section « Plugins » -> « Ajouter un nouveau ». Sur cette page, recherchez le bouton « Télécharger le plugin », puis sélectionnez l'archive téléchargée ci-dessus, téléchargez-la et activez-la.

Par défaut, le premier formulaire sera déjà créé pour vous, que vous pourrez modifier. C'est ce que nous ferons.

Étape 2 : Mise en place du formulaire.

Au départ, nous avons un formulaire simple comme celui que nous avons créé manuellement. Mais lorsque vous cliquez sur « Générer une balise », une liste de toutes les fonctions s'ouvre. Regardons l'exemple du captcha et de la question-réponse.

Captcha

Permettez-moi de vous rappeler encore une fois que pour que cette option fonctionne, vous aurez besoin d'un plugin tiers. Après l'avoir installé, sélectionnez l'élément « CAPTCHA » et obtenez une fenêtre avec les paramètres.

Nous collons le code, le formatons, enregistrons le formulaire et, à la fin, nous obtenons une protection anti-spam fonctionnelle :

Cette méthode fonctionne sans installation supplémentaire, dès la sortie de la boîte.

Chaque question et réponse est écrite sur une nouvelle ligne, la réponse est séparée par le signe ‹‹|››. Le choix de la question se fait de manière aléatoire.

Le seul inconvénient de cette méthode est qu'elle est sensible à la casse : si dans notre exemple quelqu'un écrit le nom de famille différemment de ce que nous avons indiqué (avec une lettre minuscule et non majuscule), alors la réponse sera considérée comme incorrecte.

Il est possible de fixer une limite sur la taille des fichiers (indiquée en octets, je vous conseille donc d'utiliser un convertisseur de taille) et la possibilité de préciser les types de fichiers autorisés à l'envoi (séparés par des virgules, avec une lettre minuscule : zip,rar,doc etc.).

Configuration du modèle de lettre et des notifications

Un modèle est le formulaire dans lequel vous recevrez une lettre envoyée via le formulaire de commentaires. Si vous avez ajouté certains champs, vérifiez : vous devrez peut-être ajouter quelques balises au modèle. Par exemple, dans le cas de l'envoi de fichiers, une balise apparaît qu'il faut placer dans le modèle pour que les fichiers téléchargés vous parviennent :

La configuration des notifications (messages de soumission réussie, etc.) est une affaire personnelle ; Les étiquettes par défaut sont assez claires.

Étape 3 : Créez une page de commentaires.

Il ne reste plus qu'à créer une nouvelle page (dans l'exemple d'un formulaire sans plugins, cette démarche a déjà été décrite) et à insérer votre balise form dans le mode éditeur HTML (c'est précisé à l'étape 1). Nous définissons la page à l'adresse où les utilisateurs la trouveront, puis cliquons sur « Publier ». Prêt!

Sur mes sites Internet, j'utilise souvent l'option sans plugins, car... Je n’ai pas besoin de fonctionnalités avancées : la plupart des problèmes sont résolus directement dans les commentaires. Si vous gérez un blog, je pense que la méthode « facile » suffit. Si vous avez besoin de recevoir des commentaires plus complets, Contact Form 7 est sans égal à la fois dans ce débat et en comparaison avec des plugins similaires.