{"id":13642,"date":"2022-12-20T12:28:26","date_gmt":"2022-12-20T11:28:26","guid":{"rendered":"https:\/\/www.welaunch.io\/en\/?post_type=faq&#038;p=13642"},"modified":"2023-03-12T11:57:08","modified_gmt":"2023-03-12T10:57:08","slug":"embedding-a-multi-step-form-in-a-page-or-lightbox","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/embedding-a-multi-step-form-in-a-page-or-lightbox\/","title":{"rendered":"Embedding a multi step form in a page or lightbox"},"content":{"rendered":"<p>When you created a price estimation or guided shopping form, the next step would be to embed the form inside a page. To do this you need to use the following shortcode:<\/p>\n<pre>No ID set.<\/pre>\n<p>Replace the id parameter with the ID of your wizard form. You can also find the shortcode directly in the backend form wizard &gt; wizard forms overview:<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1981492035\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"560\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/shortcode-to-embed-multi-step-from-into-a-wordpress-page-1024x562.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/shortcode-to-embed-multi-step-from-into-a-wordpress-page-1024x562.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/shortcode-to-embed-multi-step-from-into-a-wordpress-page-300x165.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/shortcode-to-embed-multi-step-from-into-a-wordpress-page-768x422.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/shortcode-to-embed-multi-step-from-into-a-wordpress-page-1536x843.png 1536w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/shortcode-to-embed-multi-step-from-into-a-wordpress-page-600x329.png 600w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/shortcode-to-embed-multi-step-from-into-a-wordpress-page-510x280.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/shortcode-to-embed-multi-step-from-into-a-wordpress-page.png 2000w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1981492035 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<h2>Lightbox \/ Popup<\/h2>\n<p>Our shortcode works in all content parts of your website, that support shortcodes. If you use flatsome for example or any other popup form, you can put that shortcode into your popup content. An example for flatsome lightbox:<\/p>\n<pre>[ button text=\"Lightbox button\" link=\"#test\"]<\/pre>\n[ lightbox id=&#8221;test&#8221; width=&#8221;600px&#8221; padding=&#8221;20px&#8221;]Not a wizard form.[\/lightbox]\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-13642","faq","type-faq","status-publish","hentry","faq_topics-wordpress-form-wizard-documentation"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/13642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/comments?post=13642"}],"version-history":[{"count":10,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/13642\/revisions"}],"predecessor-version":[{"id":14483,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/13642\/revisions\/14483"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/media?parent=13642"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/product_cat?post=13642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}