{"id":1841,"date":"2022-11-22T13:02:01","date_gmt":"2022-11-22T13:02:01","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/11\/22\/6474695-hostinger-createur-de-site-web-comment-ajouter-un-formulaire-d-abonnement\/"},"modified":"2025-08-26T21:34:19","modified_gmt":"2025-08-26T21:34:19","slug":"6474695-hostinger-createur-de-site-web-comment-ajouter-un-formulaire-d-abonnement","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6474695-hostinger-createur-de-site-web-comment-ajouter-un-formulaire-d-abonnement\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Site Web : Comment Ajouter un Formulaire d&rsquo;Abonnement"},"content":{"rendered":"<p class=\"no-margin\">Pour envoyer des newsletters, vous avez besoin de deux &eacute;l&eacute;ments principaux : une plateforme de marketing par email et une liste d&rsquo;abonn&eacute;s. Vous pouvez collecter des abonn&eacute;s &agrave; l&rsquo;aide d&rsquo;un formulaire d&rsquo;inscription ou utiliser un outil tiers.<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_1b9ff31f43\" target=\"_blank\" class=\"intercom-content-link\">Ajout d&rsquo;un formulaire d&rsquo;abonnement<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_8b0b4e7277\" target=\"_blank\" class=\"intercom-content-link\">Modifier le formulaire d&rsquo;abonnement<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_87cfff9311\" target=\"_blank\" class=\"intercom-content-link\">Visualiser les soumissions de formulaires<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_af246716c0\" target=\"_blank\" class=\"intercom-content-link\">Formulaires d&rsquo;abonnement tiers<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_1b9ff31f43\">Ajout d&rsquo;un formulaire d&rsquo;abonnement<\/h1><p class=\"no-margin\">Il existe plusieurs fa&ccedil;ons d&rsquo;ajouter des formulaires d&rsquo;abonnement &agrave; votre site Web. Vous pouvez ins&eacute;rer :<\/p><ul>\n<li>\n<p class=\"no-margin\">Un <b>&eacute;l&eacute;ment<\/b> de formulaire d&rsquo;abonnement<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Une <b>section<\/b> de formulaire d&rsquo;abonnement<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Dans l&rsquo;&eacute;diteur, d&eacute;veloppez le panneau <b>Ajouter un &eacute;l&eacute;ment<\/b> sur la gauche. Trouvez l&rsquo;&eacute;l&eacute;ment <b>S&rsquo;abonner<\/b>, puis faites-le glisser et d&eacute;posez-le n&rsquo;importe o&ugrave; sur votre page :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/01895dec-af4d-4992-be8f-8b29ba645543.jpg\"><\/div><p class=\"no-margin\">Pour ajouter une section de formulaire d&rsquo;abonnement, cliquez sur <b>Ajouter une section<\/b> &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\/27951da5-ac5b-4159-b34f-8ef56e4854ba.jpg\"><\/div><p class=\"no-margin\">Dans le menu de gauche, choisissez<b> Formulaire d&rsquo;inscription<\/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\/32d6d8a6-917b-4344-9742-c1e74e74d6db.jpg\"><\/div><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_8b0b4e7277\">Modifier le formulaire d&rsquo;abonnement<\/h1><p class=\"no-margin\">Cliquez sur l&rsquo;&eacute;l&eacute;ment du formulaire d&rsquo;abonnement 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\/056ccd32-718a-43ef-9862-8b5df57bfedb.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=\"background-color: #e3e7fa80;width: 118px\">\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\">Afficher les soumissions du formulaire<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 118px\">\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<ul>\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<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 118px\">\n<p class=\"no-margin\"><b>BOUTON<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Renommez le bouton &ldquo;Soumettre&rdquo;<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Modifier la position du bouton <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Sp&eacute;cifiez ce qui se passe apr&egrave;s la soumission d&rsquo;un formulaire :<\/p>\n<ul>\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<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 118px\">\n<p class=\"no-margin\"><b>STYLE<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">S&eacute;lectionnez un th&egrave;me principal ou secondaire<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">D&eacute;finissez une couleur\/une image d&rsquo;arri&egrave;re-plan<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Modifiez le remplissage<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 118px\">\n<p class=\"no-margin\"><b>ANIMATION<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Ajouter l&rsquo;animation souhait&eacute;e &agrave; l&rsquo;&eacute;l&eacute;ment<\/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_87cfff9311\">Visualiser les soumissions de formulaires <\/h1><p class=\"no-margin\">D&egrave;s qu&rsquo;un visiteur de votre site Web soumet un formulaire, vous recevez automatiquement une notification &agrave; votre 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 envoy&eacute;s par le biais de votre formulaire d&rsquo;inscription dans le cr&eacute;ateur de site. D&eacute;veloppez <b>le panneau des param&egrave;tres du site Web<\/b> sur la gauche et cliquez sur <b>Formulaire de soumission<\/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\/8331a60f-1756-4578-b65d-d2d400731464.jpg\"><\/div><p class=\"no-margin\">Cliquez sur <b>Afficher la liste<\/b>, et vous verrez tous les formulaires d&rsquo;abonnement 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_af246716c0\">Formulaires d&rsquo;abonnement tiers<\/h1><p class=\"no-margin\">&Agrave; l&rsquo;aide d&rsquo;un code personnalis&eacute;, vous pouvez ajouter tout formulaire d&rsquo;abonnement tiers &agrave; votre site Web. Il existe deux fa&ccedil;ons d&rsquo;ajouter un code personnalis&eacute; &agrave; votre site Web :<\/p><ul>\n<li>\n<p class=\"no-margin\">Dans la partie <b><a href=\"\/fr\/support\/6445594-createur-de-site-web-comment-ajouter-un-code-personnalise-a-la-partie-head-head-du-code-d-un-site-web\" target=\"_blank\" class=\"intercom-content-link\">&lt;head&gt;\/&lt;head&gt;<\/a><\/b> du code source de votre site Web.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Dans la partie <b><a href=\"\/fr\/support\/6463152-createur-de-site-web-comment-incorporer-un-code-personnalise\" target=\"_blank\" class=\"intercom-content-link\">&lt;body&gt;&lt;\/body&gt;<\/a><\/b> du code source de votre site Web.<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Le fait que le code doive &ecirc;tre ajout&eacute; au &lt;head&gt;&lt;\/head&gt; ou au &lt;body&gt;&lt;\/body&gt;, d&eacute;pend de l&rsquo;int&eacute;gration elle-m&ecirc;me. Les d&eacute;veloppeurs de l&rsquo;int&eacute;gration le pr&eacute;cisent g&eacute;n&eacute;ralement dans les instructions.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Voici quelques exemples :<\/p><ul>\n<li>\n<p class=\"no-margin\">Mailchimp : <b><a href=\"https:\/\/mailchimp.com\/help\/add-a-pop-up-signup-form-to-your-website\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Ajouter un formulaire d&rsquo;inscription pop-up &agrave; votre site Web<\/a><\/b>.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">MailerLite : <b><a href=\"https:\/\/www.mailerlite.com\/help\/how-to-create-a-pop-up-form\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Comment cr&eacute;er un formulaire pop-up<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 ajouter un formulaire d&rsquo;abonnement \u00e0 votre site Web.<\/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-1841","post","type-post","status-publish","format-standard","hentry","category-les-elements-du-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6474695-hostinger-website-builder-how-to-add-a-subscribe-form\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6474695-hostinger-creador-de-sitios-web-como-agregar-un-formulario-de-suscripcion\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6474695-hostinger-createur-de-site-web-comment-ajouter-un-formulaire-d-abonnement\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6474695-hostinger-svetainiu-kurimo-irankis-prenumeratos-forma\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6474695-hostinger-criador-de-sites-como-adicionar-um-formulario-de-inscricao\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1841","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=1841"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1841\/revisions"}],"predecessor-version":[{"id":4022,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1841\/revisions\/4022"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}