{"id":1862,"date":"2022-11-22T11:30:35","date_gmt":"2022-11-22T11:30:35","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/11\/22\/6463265-hostinger-createur-de-site-web-comment-ajouter-et-gerer-des-formulaires-de-contact\/"},"modified":"2025-08-26T21:34:28","modified_gmt":"2025-08-26T21:34:28","slug":"6463265-hostinger-createur-de-site-web-comment-ajouter-et-gerer-des-formulaires-de-contact","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6463265-hostinger-createur-de-site-web-comment-ajouter-et-gerer-des-formulaires-de-contact\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Site Web : Comment Ajouter et G\u00e9rer des Formulaires de Contact"},"content":{"rendered":"<p class=\"no-margin\">Vous pouvez facilement ajouter un formulaire de contact &agrave; votre site Web !<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"http:\/\/undefined#h_c92aea8e16\" target=\"_blank\" class=\"intercom-content-link\">Ajout d&rsquo;un formulaire de contact<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"http:\/\/undefined#h_655dcf2df3\" target=\"_blank\" class=\"intercom-content-link\">Modifier le formulaire de contact<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"http:\/\/undefined#h_fb776ee63f\" target=\"_blank\" class=\"intercom-content-link\">Afficher les soumissions du formulaire<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"http:\/\/undefined#h_49455a4fae\" target=\"_blank\" class=\"intercom-content-link\">Int&eacute;gration d&rsquo;un formulaire de contact tiers<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_655c9cf4ac\">Ajout d&rsquo;un formulaire de contact<\/h1><p class=\"no-margin\">Pour ajouter des formulaires de contact &agrave; votre site Web, vous pouvez utiliser des &eacute;l&eacute;ments de formulaire de contact et\/ou des sections de formulaire de contact.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Pour ajouter un &eacute;l&eacute;ment de formulaire de contact, d&eacute;veloppez le panneau <b>Ajouter des &eacute;l&eacute;ments<\/b> sur la gauche. Trouvez l&rsquo;&eacute;l&eacute;ment <b>Formulaire de contact<\/b>, puis faites-le glisser et d&eacute;posez-le n&rsquo;importe o&ugrave; sur votre page : <\/p><p class=\"no-margin\">v<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/63513eeb-10e0-45aa-b99d-2635b50c4fa9.jpg\"><\/div><p class=\"no-margin\">Pour ajouter une section de formulaire de contact, cliquez sur Ajouter une section &ndash; vous verrez ce bouton sur la bordure horizontale de toute section :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/0968db8a-2b85-4e27-aaf4-92603342e00a.jpg\"><\/div><p class=\"no-margin\">Dans le menu de gauche, choisissez <b>Formulaire de contact<\/b>. S&eacute;lectionnez le mod&egrave;le de section pr&eacute;f&eacute;r&eacute; sur la droite et cliquez dessus : <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/e10c9af5-acee-4cd0-9539-5c8e581cbb20.jpg\"><\/div><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_655dcf2df3\">Modifier le formulaire de contact<\/h1><p class=\"no-margin\">Cliquez sur l&rsquo;&eacute;l&eacute;ment du formulaire de contact pour afficher d&rsquo;autres options (modifier, dupliquer, supprimer, redimensionner) :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/de6d2487-d0f5-440d-9951-6079fed50c64.jpg\"><\/div><p class=\"no-margin\">Cliquez sur <b>Modifier le formulaire <\/b>pour ouvrir ses param&egrave;tres :<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"width: 85px\">\n<p class=\"no-margin\"><b>G&eacute;n&eacute;ral<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Renommer le formulaire<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Sp&eacute;cifiez une adresse e-mail pour recevoir des notifications concernant les nouveaux formulaires soumis<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Afficher les soumissions du formulaire<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 85px\">\n<p class=\"no-margin\"><b>Champs<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Ajouter, modifier ou supprimer des champs<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Modifier l&rsquo;ordre d&rsquo;affichage des champs<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Sp&eacute;cifier les champs obligatoires<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Types de champs pris en charge :<\/p>\n<\/li>\n<\/ul>\n<ol>\n<li>\n<p class=\"no-margin\">R&eacute;ponse courte<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Paragraphe<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Choix unique<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Choix multiple<\/p>\n<\/li>\n<\/ol>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 85px\">\n<p class=\"no-margin\"><b>Bouton<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Renommer le bouton &rdquo; Valider &ldquo;.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Modifier la position du bouton (alignement)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Sp&eacute;cifier ce qui se passe apr&egrave;s la soumission d&rsquo;un formulaire :<\/p>\n<\/li>\n<\/ul>\n<ol>\n<li>\n<p class=\"no-margin\">Afficher un message de remerciement <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Rediriger l&rsquo;utilisateur vers une page particuli&egrave;re de votre site Web.<\/p>\n<\/li>\n<\/ol>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 85px\">\n<p class=\"no-margin\"><b>Style<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Modifiez le style des &eacute;l&eacute;ments suivants :<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Bouton d&rsquo;envoi<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Champs de formulaire<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Arri&egrave;re-plan<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_fb776ee63f\">Afficher les soumissions de formulaire<\/h1><p class=\"no-margin\">Lorsqu&rsquo;un visiteur de votre site Web soumet un formulaire de contact, vous recevez automatiquement une notification &agrave; l&rsquo;adresse &eacute;lectronique li&eacute;e &agrave; votre compte Hostinger. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Vous pouvez visualiser tous les formulaires que les visiteurs ont soumis via votre formulaire de contact dans le constructeur. D&eacute;veloppez le panneau <b>des param&egrave;tres du site Web<\/b> sur la gauche et cliquez sur <b>Soumission des formulaires<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/fb499976-f6ed-44fb-a78b-6fd3e982c1e1.jpg\"><\/div><p class=\"no-margin\">Cliquez sur <b>Afficher la liste<\/b>, et vous verrez tous les formulaires de contact soumis. Vous pouvez facilement exporter les formulaires s&eacute;lectionn&eacute;s vers un fichier .CSV et supprimer les formulaires inutiles :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/f1ddae70-c910-45ec-a7bb-ca4e188ab525.jpg\"><\/div><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_49455a4fae\">Int&eacute;gration d&rsquo;un formulaire de contact tiers<\/h1><p class=\"no-margin\">Si vous avez essay&eacute; notre &eacute;l&eacute;ment de formulaire de contact, mais que vous avez besoin de plus de fonctionnalit&eacute;s, <b><a href=\"https:\/\/elfsight.com\/fr\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Elfsight<\/a><\/b> est l&rsquo;une des nombreuses plateformes qui proposent divers widgets int&eacute;grables, ainsi que <b><a href=\"https:\/\/elfsight.com\/fr\/contact-form-widget\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">le widget Formulaire de contact<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Sur Elfsight, vous trouverez une vari&eacute;t&eacute; de mod&egrave;les de formulaires de contact. Une fois que vous avez s&eacute;lectionn&eacute; un mod&egrave;le, personnalisez-le &agrave; votre guise :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/71739493-67d0-4322-8f17-7742ccd1132d.jpg\"><\/div><p class=\"no-margin\">Une fois que vous avez termin&eacute; de cr&eacute;er votre widget, enregistrez-le :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/04811474-bb46-4f9c-b391-ac06009921ea.jpg\"><\/div><p class=\"no-margin\">Ensuite, cliquez sur Ajouter au site Web (<i>Add to website<\/i>) et copiez le code d&rsquo;int&eacute;gration :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/75c0f07c-865d-4220-baf2-77b790ea246f.jpg\"><\/div><p class=\"no-margin\">Int&eacute;grez le code dans votre site Web &agrave; l&rsquo;aide de <b><a href=\"\/fr\/support\/6463152-createur-de-site-web-comment-incorporer-un-code-personnalise\" target=\"_blank\" class=\"intercom-content-link\">l&rsquo;&eacute;l&eacute;ment code d&rsquo;int&eacute;gration<\/a><\/b> et le formulaire de contact sera ajout&eacute; &agrave; votre page.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>REMARQUES : <\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Si vous d&eacute;cidez d&rsquo;utiliser un widget Elfsight, il vous sera peut-&ecirc;tre demand&eacute; de s&eacute;lectionner un plan Elfsight ; n&rsquo;h&eacute;sitez pas &agrave; choisir le plan gratuit.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Si vous utilisez une int&eacute;gration tierce, vous ne pourrez pas afficher les soumissions de formulaire dans le constructeur de site Web.<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 ajouter un formulaire de contact avec le cr\u00e9ateur de sites Web Hostinger.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-1862","post","type-post","status-publish","format-standard","hentry","category-les-elements-du-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463265-hostinger-website-builder-how-to-add-and-manage-contact-forms\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463265-hostinger-creador-de-sitios-web-como-agregar-un-formulario-de-contacto\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463265-hostinger-createur-de-site-web-comment-ajouter-et-gerer-des-formulaires-de-contact\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463265-hostinger-svetainiu-kurimo-irankis-kontaktu-forma\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463265-hostinger-criador-de-sites-como-adicionar-e-gerenciar-um-formulario-de-contato\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1862"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1862\/revisions"}],"predecessor-version":[{"id":4031,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1862\/revisions\/4031"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}