{"id":8657,"date":"2021-08-29T08:47:37","date_gmt":"2021-08-29T08:47:37","guid":{"rendered":"https:\/\/www.growform.co\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/"},"modified":"2023-04-13T09:27:55","modified_gmt":"2023-04-13T09:27:55","slug":"comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition","status":"publish","type":"post","link":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/","title":{"rendered":"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition)"},"content":{"rendered":"<p class=\"wp-block-paragraph\">This post shows you how to add a multi-step form to your Unbounce page as an <strong>overlay<\/strong> &#x2013; i.e. how to get a form to &#xAB;&#xA0;pop up&#xA0;&#xBB; when somebody clicks a button:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1604308327\/growform-production\/2020-11-02_09.09.45.gif\" alt=\"\"\/><figcaption class=\"wp-element-caption\">This is an overlay form. It appears when a button is clicked on your Unbounce page<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The overlay method is a nice way to avoid overwhelming your visitors when they first see your form.<br><br>If you want to embed a multi step form directly on the page, you&#x2019;re in the wrong place, and should head to <strong><a href=\"https:\/\/www.growform.co\/how-to-add-a-growform-multi-step-form-to-unbounce\">this guide<\/a><\/strong>.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class=\"ez-toc-list ez-toc-list-level-1 \"><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#1_%E2%80%93_Create_a_form_on_Growform\">1 &#x2013; Create a form on Growform<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#2_%E2%80%93_Get_your_Growform_share_code\">2 &#x2013; Get your Growform share code<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#3_%E2%80%93_Find_your_Unbounce_trigger_button_and_give_it_a_custom_class_name\">3 &#x2013; Find your Unbounce trigger button and give it a custom class name<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#4_%E2%80%93_Get_your_Growform_share_code\">4 &#x2013; Get your Growform share code<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#5_%E2%80%93_Paste_your_code_into_Unbounce%E2%80%98s_JavaScript_area\">5 &#x2013; Paste your code into Unbounce&#x2018;s JavaScript area<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#6_%E2%80%93_Check_out_your_new_Unbounce_multi-step_form\">6 &#x2013; Check out your new Unbounce multi-step form!<\/a><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_%E2%80%93_Create_a_form_on_Growform\"><\/span>1 &#x2013; <strong>Create a form on Growform<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It almost goes without saying that you&#x2019;ll need to set up a form on Growform. We have a 14 day free trial (with no credit card required) &#x2013; you can sign up <a rel=\"noreferrer noopener\" href=\"https:\/\/app.growform.co\/signup\" target=\"_blank\">here<\/a>.<br><br>Follow our <a rel=\"noreferrer noopener\" href=\"https:\/\/www.growform.co\/getting-started-how-to-use-growform\/\" target=\"_blank\">getting started guide<\/a> if you need help creating your first form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The first step will look something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1603529343\/growform-production\/2020-10-24_09.47.59.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Follow our <a href=\"https:\/\/www.growform.co\/getting-started-how-to-use-growform\/\" target=\"_blank\" rel=\"noreferrer noopener\">getting started guide<\/a> if you need help creating your first form.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_%E2%80%93_Get_your_Growform_share_code\"><\/span>2 &#x2013; <strong>Get your Growform share code<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To get your Growform share code, open Growform and make sure your form is saved. Then, navigate to &#xAB;&#xA0;Share form&#xA0;&#xBB; in the top blue bar.<br><br>Choose the second option &#x2013; &#xAB;&#xA0;Show Growform as a modal when your users click something on your website&#xA0;&#xBB;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click the code and copy it to your clipboard.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_%E2%80%93_Find_your_Unbounce_trigger_button_and_give_it_a_custom_class_name\"><\/span>3 &#x2013; <strong>Find your Unbounce trigger button and <\/strong>give it a custom class name<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In Unbounce, find the button you wish to use as a &#xAB;&#xA0;trigger&#xA0;&#xBB; in Unbounce and click it (whilst in the editor) to reveal the properties panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Find &#xAB;&#xA0;class&#xA0;&#xBB; under &#xAB;&#xA0;Element metadata&#xA0;&#xBB; and enter any class name you wish &#x2013; let&#x2019;s call it &#xAB;&#xA0;growformTrigger&#xA0;&#xBB;:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1680859676\/growform-production\/2023-04-07_10.27.03.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Take a note of your class name &#x2013; you&#x2019;ll need it in the coming steps.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Don&#x2019;t forget to save your Unbounce page and do the same for mobile view.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_%E2%80%93_Get_your_Growform_share_code\"><\/span>4 &#x2013; <strong>Get your Growform share code<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To get your Growform share code, open Growform and make sure your form is saved. Then, navigate to &#xAB;&#xA0;Share form&#xA0;&#xBB; in the top blue bar.<br><br>Choose the second option &#x2013; &#xAB;&#xA0;Show Growform as a modal when your users click something on your website&#xA0;&#xBB;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click the code and copy it to your clipboard:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1680858620\/growform-production\/2023-04-07_10.03.28.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_%E2%80%93_Paste_your_code_into_Unbounce%E2%80%98s_JavaScript_area\"><\/span>5 &#x2013; <strong>Paste your code into Unbounce<\/strong>&#x2018;s JavaScript area<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click &#xAB;&#xA0;Javascripts&#xA0;&#xBB; at the bottom of the Unbounce editor and then &#xAB;&#xA0;Add new Javascript&#xA0;&#xBB;.<br><br>Ensure &#xAB;&#xA0;Before body end tag&#xA0;&#xBB; is selected under &#xAB;&#xA0;Placement&#xA0;&#xBB;.<br><br>Paste the code you copied in step 3 into the box.<br><br>Finally, replace the growformTargetClass on line 4 (&#xAB;&#xA0;myButtonClass123&#xA0;&#xBB;) with the class name you copied in step 2 (in this example&#x2019;s case, &#xAB;&#xA0;growformTrigger&#xA0;&#xBB;).<br><br>This is vital so Growform knows to trigger the modal when somebody clicks your Unbounce button.<br><br>Hit &#xAB;&#xA0;Done&#xA0;&#xBB; and then save and view your changes:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1680861839\/growform-production\/2023-04-07_10.52.50.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6_%E2%80%93_Check_out_your_new_Unbounce_multi-step_form\"><\/span>6 &#x2013; <strong>Check out your new Unbounce multi-step form!<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hit the button you chose in preview (or live) mode to see your new multi-step form in Unbounce:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1604308327\/growform-production\/2020-11-02_09.09.45.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#fff3d3\">Need more? We&#x2019;re actively working on our Unbounce offering, including the ability to see leads appear in Unbounce.<br><br>Please get in touch with us to provide feedback and help us shape the roadmap.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This post shows you how to add a multi-step form to your Unbounce page as an overlay &#x2013; i.e. how to get a form to &#xAB;&#xA0;pop up&#xA0;&#xBB; when somebody clicks a button: The overlay method is a nice way to avoid overwhelming your visitors when they first see your form. If you want to embed&#x2026;<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[77],"tags":[],"class_list":["post-8657","post","type-post","status-publish","format-standard","hentry","category-utilisation-de-growform"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition) - Growform Multi Step Form Builder<\/title>\n<meta name=\"description\" content=\"Build beautiful, responsive multi-step forms that convert up to 2x better than regular forms. No developer required.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition) - Growform Multi Step Form Builder\" \/>\n<meta property=\"og:description\" content=\"Build beautiful, responsive multi-step forms that convert up to 2x better than regular forms. No developer required.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/\" \/>\n<meta property=\"og:site_name\" content=\"Growform Multi Step Form Builder\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-29T08:47:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-13T09:27:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1604308327\/growform-production\/2020-11-02_09.09.45.gif\" \/>\n<meta name=\"author\" content=\"Harvey Carpenter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/\"},\"author\":{\"name\":\"Harvey Carpenter\",\"@id\":\"https:\\\/\\\/www.growform.co\\\/#\\\/schema\\\/person\\\/442f586304f77a18f2d4ee1350c047ae\"},\"headline\":\"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition)\",\"datePublished\":\"2021-08-29T08:47:37+00:00\",\"dateModified\":\"2023-04-13T09:27:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/\"},\"wordCount\":529,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/res.cloudinary.com\\\/dqnjggegp\\\/image\\\/upload\\\/v1604308327\\\/growform-production\\\/2020-11-02_09.09.45.gif\",\"articleSection\":[\"Utilisation de growform\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/\",\"url\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/\",\"name\":\"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition) - Growform Multi Step Form Builder\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/res.cloudinary.com\\\/dqnjggegp\\\/image\\\/upload\\\/v1604308327\\\/growform-production\\\/2020-11-02_09.09.45.gif\",\"datePublished\":\"2021-08-29T08:47:37+00:00\",\"dateModified\":\"2023-04-13T09:27:55+00:00\",\"description\":\"Build beautiful, responsive multi-step forms that convert up to 2x better than regular forms. No developer required.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/#primaryimage\",\"url\":\"https:\\\/\\\/res.cloudinary.com\\\/dqnjggegp\\\/image\\\/upload\\\/v1604308327\\\/growform-production\\\/2020-11-02_09.09.45.gif\",\"contentUrl\":\"https:\\\/\\\/res.cloudinary.com\\\/dqnjggegp\\\/image\\\/upload\\\/v1604308327\\\/growform-production\\\/2020-11-02_09.09.45.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.growform.co\\\/fr\\\/projet-daccueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.growform.co\\\/#website\",\"url\":\"https:\\\/\\\/www.growform.co\\\/\",\"name\":\"Growform Multi Step Form Builder\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.growform.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.growform.co\\\/#organization\",\"name\":\"Growform\",\"url\":\"https:\\\/\\\/www.growform.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.growform.co\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.growform.co\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/gf-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.growform.co\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/gf-logo.png\",\"width\":442,\"height\":48,\"caption\":\"Growform\"},\"image\":{\"@id\":\"https:\\\/\\\/www.growform.co\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.growform.co\\\/#\\\/schema\\\/person\\\/442f586304f77a18f2d4ee1350c047ae\",\"name\":\"Harvey Carpenter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/165501a929bdcedaebe253f38a47be2ec688f8bf27bcdd5dd58ed723deb7a4fd?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/165501a929bdcedaebe253f38a47be2ec688f8bf27bcdd5dd58ed723deb7a4fd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/165501a929bdcedaebe253f38a47be2ec688f8bf27bcdd5dd58ed723deb7a4fd?s=96&d=mm&r=g\",\"caption\":\"Harvey Carpenter\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition) - Growform Multi Step Form Builder","description":"Build beautiful, responsive multi-step forms that convert up to 2x better than regular forms. No developer required.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition) - Growform Multi Step Form Builder","og_description":"Build beautiful, responsive multi-step forms that convert up to 2x better than regular forms. No developer required.","og_url":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/","og_site_name":"Growform Multi Step Form Builder","article_published_time":"2021-08-29T08:47:37+00:00","article_modified_time":"2023-04-13T09:27:55+00:00","og_image":[{"url":"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1604308327\/growform-production\/2020-11-02_09.09.45.gif","type":"","width":"","height":""}],"author":"Harvey Carpenter","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#article","isPartOf":{"@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/"},"author":{"name":"Harvey Carpenter","@id":"https:\/\/www.growform.co\/#\/schema\/person\/442f586304f77a18f2d4ee1350c047ae"},"headline":"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition)","datePublished":"2021-08-29T08:47:37+00:00","dateModified":"2023-04-13T09:27:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/"},"wordCount":529,"commentCount":0,"publisher":{"@id":"https:\/\/www.growform.co\/#organization"},"image":{"@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1604308327\/growform-production\/2020-11-02_09.09.45.gif","articleSection":["Utilisation de growform"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/","url":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/","name":"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition) - Growform Multi Step Form Builder","isPartOf":{"@id":"https:\/\/www.growform.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#primaryimage"},"image":{"@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1604308327\/growform-production\/2020-11-02_09.09.45.gif","datePublished":"2021-08-29T08:47:37+00:00","dateModified":"2023-04-13T09:27:55+00:00","description":"Build beautiful, responsive multi-step forms that convert up to 2x better than regular forms. No developer required.","breadcrumb":{"@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#primaryimage","url":"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1604308327\/growform-production\/2020-11-02_09.09.45.gif","contentUrl":"https:\/\/res.cloudinary.com\/dqnjggegp\/image\/upload\/v1604308327\/growform-production\/2020-11-02_09.09.45.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/www.growform.co\/fr\/comment-ajouter-un-formulaire-growform-a-plusieurs-etapes-a-unbounce-methode-de-superposition\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.growform.co\/fr\/projet-daccueil\/"},{"@type":"ListItem","position":2,"name":"Comment ajouter un formulaire Growform \u00e0 plusieurs \u00e9tapes \u00e0 Unbounce (m\u00e9thode de superposition)"}]},{"@type":"WebSite","@id":"https:\/\/www.growform.co\/#website","url":"https:\/\/www.growform.co\/","name":"Growform Multi Step Form Builder","description":"","publisher":{"@id":"https:\/\/www.growform.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.growform.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.growform.co\/#organization","name":"Growform","url":"https:\/\/www.growform.co\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.growform.co\/#\/schema\/logo\/image\/","url":"https:\/\/www.growform.co\/wp-content\/uploads\/2020\/11\/gf-logo.png","contentUrl":"https:\/\/www.growform.co\/wp-content\/uploads\/2020\/11\/gf-logo.png","width":442,"height":48,"caption":"Growform"},"image":{"@id":"https:\/\/www.growform.co\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.growform.co\/#\/schema\/person\/442f586304f77a18f2d4ee1350c047ae","name":"Harvey Carpenter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/165501a929bdcedaebe253f38a47be2ec688f8bf27bcdd5dd58ed723deb7a4fd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/165501a929bdcedaebe253f38a47be2ec688f8bf27bcdd5dd58ed723deb7a4fd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/165501a929bdcedaebe253f38a47be2ec688f8bf27bcdd5dd58ed723deb7a4fd?s=96&d=mm&r=g","caption":"Harvey Carpenter"}}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Harvey Carpenter","author_link":"https:\/\/www.growform.co\/fr\/author\/harvey\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.growform.co\/fr\/category\/utilisation-de-growform\/\" rel=\"category tag\">Utilisation de growform<\/a>","rttpg_excerpt":"This post shows you how to add a multi-step form to your Unbounce page as an overlay &#x2013; i.e. how to get a form to &#xAB;&#xA0;pop up&#xA0;&#xBB; when somebody clicks a button: The overlay method is a nice way to avoid overwhelming your visitors when they first see your form. If you want to embed...","_links":{"self":[{"href":"https:\/\/www.growform.co\/fr\/wp-json\/wp\/v2\/posts\/8657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.growform.co\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.growform.co\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.growform.co\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.growform.co\/fr\/wp-json\/wp\/v2\/comments?post=8657"}],"version-history":[{"count":0,"href":"https:\/\/www.growform.co\/fr\/wp-json\/wp\/v2\/posts\/8657\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.growform.co\/fr\/wp-json\/wp\/v2\/media?parent=8657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.growform.co\/fr\/wp-json\/wp\/v2\/categories?post=8657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.growform.co\/fr\/wp-json\/wp\/v2\/tags?post=8657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}