{"id":23264,"date":"2025-05-15T16:05:01","date_gmt":"2025-05-15T14:05:01","guid":{"rendered":"https:\/\/aivie.ch\/faq\/comment-integrer-un-formulaire-de-newsletter-sur-mon-site\/"},"modified":"2025-05-15T16:05:05","modified_gmt":"2025-05-15T14:05:05","slug":"comment-integrer-un-formulaire-de-newsletter-sur-mon-site","status":"publish","type":"faq","link":"https:\/\/aivie.ch\/fr\/faq\/comment-integrer-un-formulaire-de-newsletter-sur-mon-site\/","title":{"rendered":"Comment int\u00e9grer un formulaire de newsletter sur mon site ?"},"content":{"rendered":"\n<p>Les formulaires sont utilis\u00e9s pour collecter des informations de contact, souvent en \u00e9change de l&rsquo;acc\u00e8s \u00e0 un t\u00e9l\u00e9chargement ou \u00e0 une lettre d&rsquo;information \u00e9lectronique. Les formulaires vous permettent donc de demander diff\u00e9rentes informations sur vos utilisateurs. Dans l&rsquo;exemple, nous vous montrons comment cr\u00e9er un formulaire de newsletter.  <\/p>\n\n<!--more-->\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"621\" src=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/10104914\/Formular-1.png\" alt=\"\" class=\"wp-image-5264\" title=\"\" srcset=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/10104914\/Formular-1.png 952w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/10104914\/Formular-1-768x501.png 768w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/10104914\/Formular-1-480x313.png 480w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/10104914\/Formular-1-600x391.png 600w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n\n<p><\/p>\n\n<ol class=\"wp-block-list\">\n<li>Allez dans le menu sous Composants vers Formulaire<\/li>\n\n\n\n<li>Cliquez sur le bouton \u00ab\u00a0+ Nouveau\u00a0\u00bb en haut \u00e0 droite.<\/li>\n\n\n\n<li>Choisissez le type de formulaire que vous souhaitez utiliser.<br\/><a href=\"https:\/\/aivie.ch\/fr\/faq\/quand-utiliser-quel-type-de-formulaire\/\" target=\"_blank\" rel=\"noopener\">Ici, vous pouvez savoir quand quel type de formulaire est utilis\u00e9<\/a>.<\/li>\n\n\n\n<li>Donnez un nom significatif \u00e0 votre formulaire. Nous vous recommandons d&rsquo;associer le nom \u00e0 l&rsquo;ann\u00e9e\/mois. Cela vous permettra de garder une vue d&rsquo;ensemble.  <\/li>\n\n\n\n<li>D\u00e9finissez l&rsquo;action qui doit se produire apr\u00e8s que le formulaire a \u00e9t\u00e9 rempli : Rester sur le formulaire ou la page, Redirect URL ou Afficher le texte. Pour le texte ou l&rsquo;URL, vous trouverez en dessous le champ \u00ab\u00a0Redirect URL\/Test\u00a0\u00bb pour votre saisie. <\/li>\n\n\n\n<li>Passez \u00e0 l&rsquo;onglet suivant \u00ab\u00a0Champs\u00a0\u00bb pour ajouter vos champs. Un formulaire peut contenir autant de champs que n\u00e9cessaire. <br\/><img loading=\"lazy\" decoding=\"async\" width=\"469\" height=\"270\" class=\"alignnone wp-image-5458\" src=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18165215\/Aivie-Formular-Felder-960x554.png\" alt=\"FAQ Support Cr&#xE9;er des champs de formulaire\" title=\"\" srcset=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18165215\/Aivie-Formular-Felder-960x554.png 960w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18165215\/Aivie-Formular-Felder-768x443.png 768w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18165215\/Aivie-Formular-Felder-480x277.png 480w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18165215\/Aivie-Formular-Felder-600x346.png 600w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18165215\/Aivie-Formular-Felder.png 1169w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/><\/li>\n\n\n\n<li>Dans le menu d\u00e9roulant \u00ab\u00a0Ajouter un nouveau champ\u00a0\u00bb, choisissez votre premier champ. Exemple : pour le nom et le pr\u00e9nom, le champ de texte sera utilis\u00e9. Pour l&rsquo;adresse e-mail, le champ E-mail et vous avez votre formulaire de newsletter.  <\/li>\n\n\n\n<li>Remplissez le contenu de chaque champ. Sous Champ de contact, vous pouvez associer le contenu du formulaire au champ de contact correspondant. <\/li>\n\n\n\n<li>Sous l&rsquo;onglet suivant Actions, vous pouvez d\u00e9finir les actions qui doivent se produire automatiquement apr\u00e8s le remplissage du formulaire. Par exemple, pour le formulaire de la newsletter, vous pouvez mettre une balise \u00ab\u00a0newsletter\u00a0\u00bb pour tout le monde, vous pouvez demander \u00e0 \u00eatre averti(e)\/votre \u00e9quipe lors de l&rsquo;inscription et vous pouvez envoyer directement un e-mail (par exemple, un e-mail de confirmation de l&rsquo;adresse e-mail). <br\/><img loading=\"lazy\" decoding=\"async\" width=\"464\" height=\"259\" class=\"alignnone wp-image-5460\" src=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18170212\/Aivie-Formular-Aktionen-960x536.png\" alt=\"FAQ Formulaire de support Cr&#xE9;er des actions\" title=\"\" srcset=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18170212\/Aivie-Formular-Aktionen-960x536.png 960w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18170212\/Aivie-Formular-Aktionen-768x429.png 768w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18170212\/Aivie-Formular-Aktionen-480x268.png 480w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18170212\/Aivie-Formular-Aktionen-600x335.png 600w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18170212\/Aivie-Formular-Aktionen.png 1186w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/li>\n\n\n\n<li>Vous pouvez ensuite publier votre formulaire et cliquer sur le bouton \u00ab\u00a0Enregistrer et fermer\u00a0\u00bb.<\/li>\n\n\n\n<li>Vous pouvez maintenant int\u00e9grer le formulaire dans, par exemple, votre page de destination.<br\/><img loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"71\" class=\"alignnone wp-image-5463\" src=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171211\/Aivie-Formular-ID-960x108.png\" alt=\"FAQ Support Cr&#xE9;er des champs de formulaire\" title=\"\" srcset=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171211\/Aivie-Formular-ID-960x108.png 960w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171211\/Aivie-Formular-ID-768x86.png 768w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171211\/Aivie-Formular-ID-1200x135.png 1200w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171211\/Aivie-Formular-ID-480x54.png 480w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171211\/Aivie-Formular-ID-600x67.png 600w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171211\/Aivie-Formular-ID.png 1550w\" sizes=\"auto, (max-width: 631px) 100vw, 631px\" \/><\/li>\n\n\n\n<li>Le moyen le plus simple d&rsquo;int\u00e9grer le formulaire dans votre site est d&rsquo;utiliser un snippet JavaScript. Vous trouverez ce snippet en cliquant sur \u00ab\u00a0Automatique\u00a0\u00bb sur la page de d\u00e9tail du formulaire. <br\/><\/li>\n\n\n\n<li>Si vous souhaitez ensuite int\u00e9grer votre formulaire dans WordPress, par exemple, cela ressemble \u00e0 ceci :<br\/><img loading=\"lazy\" decoding=\"async\" width=\"361\" height=\"104\" class=\"alignnone wp-image-5465\" src=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171215\/Aivie-Newsletter-Formular-erstellen-Shortcode.png\" alt=\"FAQ Support Cr&#xE9;er des champs de formulaire\" title=\"\" srcset=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171215\/Aivie-Newsletter-Formular-erstellen-Shortcode.png 570w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/18171215\/Aivie-Newsletter-Formular-erstellen-Shortcode-480x138.png 480w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/><\/li>\n<\/ol>\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-41167b7\" data-block-id=\"41167b7\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-19833\" src=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/30172443\/how-to-add-a-aivie-form-to-a-website.png\" width=\"2448\" height=\"1176\" alt=\"comment ajouter un formulaire aivie &#xE0; un site web. Par exemple, WordPress \" title=\"\" srcset=\"https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/30172443\/how-to-add-a-aivie-form-to-a-website.png 2448w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/30172443\/how-to-add-a-aivie-form-to-a-website-960x461.png 960w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/30172443\/how-to-add-a-aivie-form-to-a-website-1920x922.png 1920w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/30172443\/how-to-add-a-aivie-form-to-a-website-768x369.png 768w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/30172443\/how-to-add-a-aivie-form-to-a-website-1200x576.png 1200w, https:\/\/cdn.aivie.ch\/media\/wp\/2022\/02\/30172443\/how-to-add-a-aivie-form-to-a-website-480x231.png 480w\" sizes=\"auto, (max-width: 2448px) 100vw, 2448px\" \/><\/span><\/figure><\/div>\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les formulaires sont utilis\u00e9s pour collecter des informations de contact, souvent en \u00e9change de l&rsquo;acc\u00e8s \u00e0 un t\u00e9l\u00e9chargement ou \u00e0 une lettre d&rsquo;information \u00e9lectronique. Les formulaires vous permettent donc de demander diff\u00e9rentes informations sur vos utilisateurs. Dans l&rsquo;exemple, nous vous montrons comment cr\u00e9er un formulaire de newsletter.<\/p>\n","protected":false},"featured_media":0,"template":"","categories":[],"tags":[],"FaqCategories":[521],"FaqTags":[923,512],"class_list":["post-23264","faq","type-faq","status-publish","hentry","FaqCategories-e-mails-fr","FaqTags-bulletin-dinformation","FaqTags-demarreur"],"acf":[],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","post-thumbnail":"","aiv_480w":"","woocommerce_thumbnail":"","woocommerce_single":"","woocommerce_gallery_thumbnail":""},"post_excerpt_stackable_v2":"<p>Les formulaires sont utilis\u00e9s pour collecter des informations de contact, souvent en \u00e9change de l&rsquo;acc\u00e8s \u00e0 un t\u00e9l\u00e9chargement ou \u00e0 une lettre d&rsquo;information \u00e9lectronique. Les formulaires vous permettent donc de demander diff\u00e9rentes informations sur vos utilisateurs. Dans l&rsquo;exemple, nous vous montrons comment cr\u00e9er un formulaire de newsletter. Allez dans le menu sous Composants vers Formulaire Cliquez sur le bouton \u00ab\u00a0+ Nouveau\u00a0\u00bb en haut \u00e0 droite. Choisissez le type de formulaire que vous souhaitez utiliser.Ici, vous pouvez savoir quand quel type de formulaire est utilis\u00e9. Donnez un nom significatif \u00e0 votre formulaire. Nous vous recommandons d&rsquo;associer le nom \u00e0 l&rsquo;ann\u00e9e\/mois. Cela\u2026<\/p>\n","category_list_v2":"Non class\u00e9","author_info_v2":{"name":"","url":""},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/faq\/23264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/types\/faq"}],"version-history":[{"count":1,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/faq\/23264\/revisions"}],"predecessor-version":[{"id":23265,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/faq\/23264\/revisions\/23265"}],"wp:attachment":[{"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/media?parent=23264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/categories?post=23264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/tags?post=23264"},{"taxonomy":"FaqCategories","embeddable":true,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/FaqCategories?post=23264"},{"taxonomy":"FaqTags","embeddable":true,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/FaqTags?post=23264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}