{"id":236746,"date":"2022-03-26T12:53:00","date_gmt":"2022-03-26T09:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=236746"},"modified":"2022-05-16T10:56:41","modified_gmt":"2022-05-16T07:56:41","slug":"comment-ajouter-une-page-de-contact-a-votre-site-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-une-page-de-contact-a-votre-site-wordpress\/","title":{"rendered":"Comment ajouter une page de contact \u00e0 votre site WordPress"},"content":{"rendered":"

La communication.<\/p>\n

C’est l’une des nombreuses forces du web.<\/p>\n

Et si vous avez un site Web actif, vous avez besoin d’un moyen pour que les visiteurs vous contactent.<\/p>\n

La publication d’une adresse e-mail sur une page de contact fonctionne bien, mais cette approche simple pose quelques probl\u00e8mes.<\/p>\n

Tout d’abord, vous recevrez des tonnes de spams de la part de spammeurs qui \u00abgrattent\u00bb le Web \u00e0 la recherche d’adresses e-mail.<\/p>\n

Et deuxi\u00e8mement, vous ne saurez pas comment de nouveaux contacts vous ont trouv\u00e9. Le formulaire de contact peut avoir une ligne d’objet pr\u00e9d\u00e9finie qui indique clairement d’o\u00f9 vient l’e-mail.<\/p>\n

Alors comment ajouter un formulaire de contact \u00e0 votre site WordPress ?<\/p>\n

Avec un plugin !<\/p>\n

Et il existe de nombreux plugins de formulaire de contact<\/a> parmi lesquels<\/a> choisir.<\/p>\n

Dans ce tutoriel, je vais recommander mon plugin de formulaire de contact pr\u00e9f\u00e9r\u00e9 et vous montrer comment le configurer sur votre site.<\/p>\n

Comme d\u00e9j\u00e0 mentionn\u00e9, la premi\u00e8re \u00e9tape consiste \u00e0 installer un plugin. Pour les formulaires de contact, je recommande WPForms<\/a>.<\/p>\n

\"Comment<\/a><\/p>\n

WPForms propose \u00e9galement des options premium<\/a> pour plus de fonctionnalit\u00e9s. Cependant, vous pouvez cr\u00e9er facilement un formulaire de contact de base avec la version gratuite.<\/p>\n

Vous pouvez rechercher WPForms via le menu Plugins (cliquez d’abord sur Ajouter un nouveau) pour l’installer sur votre site.<\/p>\n

Une fois install\u00e9, vous \u00eates pr\u00eat \u00e0 cr\u00e9er votre premier formulaire.<\/p>\n

Cr\u00e9er un formulaire<\/h3>\n

Une fois WPForms install\u00e9, vous trouverez un nouveau menu de niveau sup\u00e9rieur ajout\u00e9 \u00e0 votre tableau de bord d’administration WordPress.<\/p>\n

\"Comment<\/a><\/p>\n

Cliquez sur le bouton Ajouter un nouveau et vous serez redirig\u00e9 vers le cr\u00e9ateur de formulaire.<\/p>\n

WPForms nous rend les choses incroyablement faciles et offre une option pour commencer par une configuration de base du formulaire de contact.<\/p>\n

\"Comment<\/a><\/p>\n

Apr\u00e8s avoir s\u00e9lectionn\u00e9 cette option, vous verrez l’aper\u00e7u du formulaire sur le c\u00f4t\u00e9 droit de l’\u00e9cran avec les champs pr\u00e9-ajout\u00e9s.<\/p>\n

\"Comment<\/a><\/p>\n

Vous pouvez cliquer sur n’importe quel champ sur le c\u00f4t\u00e9 droit pour afficher des param\u00e8tres suppl\u00e9mentaires. Sur le c\u00f4t\u00e9 gauche, vous pouvez voir tous les champs standard disponibles pour inclusion.<\/p>\n

Il existe \u00e9galement des champs sophistiqu\u00e9s tels que les champs d’adresse et les s\u00e9lecteurs de date, mais ceux-ci ne sont disponibles que dans la version pro<\/a>.<\/p>\n

Vous pouvez ajouter\/supprimer tous les champs que vous souhaitez, mais cette configuration par d\u00e9faut convient pour un formulaire de contact de base.<\/p>\n

Ensuite, nous examinerons rapidement certaines des options de configuration du formulaire.<\/p>\n

Configurer le formulaire<\/h3>\n

Les options les plus importantes sont les notifications et les confirmations.<\/p>\n

Dans le panneau Param\u00e8tres, vous trouverez trois menus diff\u00e9rents disponibles. Le menu Notifications vous permet de configurer l’e-mail que vous recevrez lorsque quelqu’un soumettra le formulaire.<\/p>\n

\"Comment<\/a><\/p>\n

J’aime la flexibilit\u00e9 ici. Vous pouvez personnaliser la ligne d’objet de mani\u00e8re dynamique avec des informations provenant de n’importe quel champ et configurer la r\u00e9ponse aux e-mails en fonction de l’entr\u00e9e du visiteur.<\/p>\n

Ensuite, le menu Confirmation contient les options pour configurer le message que les visiteurs voient apr\u00e8s avoir soumis votre formulaire.<\/p>\n

\"Comment<\/a><\/p>\n

Vous pouvez \u00e9crire un message personnalis\u00e9, afficher une page existante sur votre site ou rediriger le visiteur vers n’importe quelle URL (interne ou externe). Ces options offrent toute la flexibilit\u00e9 dont vous avez besoin pour cr\u00e9er un message de confirmation de formulaire personnalis\u00e9.<\/p>\n

Ajouter le formulaire \u00e0 votre site<\/h3>\n

La derni\u00e8re \u00e9tape consiste \u00e0 ajouter le formulaire que vous venez de cr\u00e9er sur votre site.<\/p>\n

WPForms fournit des codes courts pour ajouter des formulaires dans n’importe quel article ou page de votre site. Il existe quelques endroits o\u00f9 vous pouvez trouver le shortcode pour vos formulaires, mais le plus simple est le bouton Int\u00e9grer en haut du g\u00e9n\u00e9rateur de formulaires.<\/p>\n

\"Comment<\/a><\/p>\n

En cliquant dessus, une petite fen\u00eatre contextuelle appara\u00eet comprenant le code court et une vid\u00e9o Youtube rapide expliquant comment l’utiliser.<\/p>\n

\"Comment<\/a><\/p>\n

Tout ce que vous avez \u00e0 faire est de copier et de coller le shortcode dans n’importe quel article ou page. Si vous utilisez l’\u00e9diteur Gutenberg, WordPress cr\u00e9era automatiquement un bloc de shortcode pour vous lorsque vous le collerez, comme ceci :<\/p>\n

\"Comment<\/a><\/p>\n

Vous ne verrez pas le formulaire visuellement dans l’\u00e9diteur, mais il appara\u00eet tr\u00e8s bien lorsque vous affichez la publication sur le front-end du site.<\/p>\n

\"Comment<\/a><\/p>\n

Ajouter des formulaires avec WordPress<\/h2>\n

Comme la plupart des fonctionnalit\u00e9s de WordPress, un formulaire de contact peut \u00eatre ajout\u00e9 avec un plugin.<\/p>\n

Il existe de nombreux plugins de formulaire de contact, mais WPForms est mon pr\u00e9f\u00e9r\u00e9. Si vous suivez les \u00e9tapes ci-dessus, vous n’aurez aucun probl\u00e8me \u00e0 ajouter un formulaire simple \u00e0 votre propre site.<\/p>\n

Vous avez des questions sur la fa\u00e7on d’ajouter un formulaire de contact \u00e0 WordPress? Postez dans les commentaires ci-dessous.<\/p>\n

Source d’enregistrement: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Apprenez \u00e0 cr\u00e9er un formulaire de contact simple avec un plugin et \u00e0 l’ajouter \u00e0 une page Contact sur votre site.<\/p>\n","protected":false},"author":1,"featured_media":257867,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-236746","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/236746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=236746"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/236746\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/257867"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=236746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=236746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=236746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}