{"id":13595,"date":"2022-12-19T09:15:51","date_gmt":"2022-12-19T08:15:51","guid":{"rendered":"https:\/\/www.welaunch.io\/en\/?post_type=faq&#038;p=13595"},"modified":"2023-03-12T11:46:32","modified_gmt":"2023-03-12T10:46:32","slug":"multi-step-price-calculation-form-wordpress","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/multi-step-price-calculation-form-wordpress\/","title":{"rendered":"Create a Multi Step Price Calculation Form WordPress"},"content":{"rendered":"<div class=\"row\"  id=\"row-175729450\">\n\n\t<div id=\"col-390891547\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>With our WordPress Form Wizard plugin you are able to create multi step price calculation forms with ease. This gives you the possibility to create live price estimation forms in WP directly like:<\/p>\n<ol>\n<li>Insurance Price Calculations<\/li>\n<li>Kitchen price calculators<\/li>\n<li>Event price calculation<\/li>\n<\/ol>\n<div class=\"video video-fit mb\" style=\"padding-top:56.25%;\"><p><iframe title=\"WordPress Multi Step Price Calculations | Cost calculation Builder\" width=\"1020\" height=\"574\" src=\"https:\/\/www.youtube.com\/embed\/VOiLXT-M7dE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<\/div>\n<p>In our demo we used a <a href=\"https:\/\/demos.welaunch.io\/wordpress-form-wizard\/party-planner\/\" target=\"_blank\" rel=\"noopener\">party planner price calculation example<\/a>. This we also use now to show you how the setup was done. You see in the example an introduction,\u00a0 a live price on top right and moving button in the bottom.\u00a0<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_702923800\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-2 dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"504\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/multi-step-price-calcuation-wordpress-form-1024x506.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/multi-step-price-calcuation-wordpress-form-1024x506.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/multi-step-price-calcuation-wordpress-form-300x148.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/multi-step-price-calcuation-wordpress-form-768x379.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/multi-step-price-calcuation-wordpress-form-1536x759.png 1536w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/multi-step-price-calcuation-wordpress-form-2048x1012.png 2048w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/multi-step-price-calcuation-wordpress-form-600x296.png 600w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/multi-step-price-calcuation-wordpress-form-510x252.png 510w\" 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_702923800 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row\"  id=\"row-1043180405\">\n\n\t<div id=\"col-597729240\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>To create or edit wizard forms, go into your wp backend. Then navigate to Wizard Forms and you will see all previous created forms as well as you can create a new one. From here you are also able to adjust the <a href=\"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/setup-wordpress-form-wizard-plugin\/\">settings of our multi step form<\/a> plugin.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1054879265\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-2 dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"526\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/wizard-forms-in-backend-1024x528.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/wizard-forms-in-backend-1024x528.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/wizard-forms-in-backend-300x155.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/wizard-forms-in-backend-768x396.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/wizard-forms-in-backend-1536x791.png 1536w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/wizard-forms-in-backend-600x309.png 600w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/wizard-forms-in-backend-510x263.png 510w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/wizard-forms-in-backend.png 1580w\" 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_1054879265 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<h2>General Price Calculation Settings<\/h2>\n<p>When you edit or create a new price calculation form you will see multiple options and insights. At the very top you see how many people have viewed, started, finished and bounced your form.\u00a0<\/p>\n<h2>General Price Calculation Settings<\/h2>\n<p>When you edit or create a new price calculation form you will see multiple options and insights. At the very top you see how many people have viewed, started, finished and bounced your form.\u00a0<\/p>\n<div class=\"message-box relative dark\" style=\"padding-top:15px;padding-bottom:15px;\"><div class=\"message-box-bg-image bg-fill fill\" ><\/div><div class=\"message-box-bg-overlay bg-fill fill\" style=\"background-color:rgb(49, 113, 238);\"><\/div><div class=\"container relative\"><div class=\"inner last-reset\">\n<div class=\"row align-middle align-center\"  id=\"row-2104876418\">\n\n\t<div id=\"col-743520099\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div id=\"text-2115722750\" class=\"text\">\n\t\t\n<p style=\"margin-bottom: 0;\"><strong>Note<\/strong>: Admins are not tracked so the numbers are not skewed.<\/p>\n\t\t\n<style>\n#text-2115722750 {\n  font-size: 1.15rem;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<\/div><\/div><\/div>\n<p>Below this comes the very important setting &#8220;type&#8221;. If you want to use this form as. price estimation form, change the type to &#8220;price calculation&#8221;. <strong>Save \/ update the form after changing this value<\/strong>. After that you will see the following options:<\/p>\n<ol>\n<li>Show progress bar<\/li>\n<li>Show Mail form in the end of the form<\/li>\n<li>Show live price on top right<\/li>\n<li>Price Calculation Formula\u00a0<\/li>\n<li>Title (used in the introduction above the description)<\/li>\n<li>Description (you can use shortcodes in this)<\/li>\n<\/ol>\n<p>The price formula is a very important setting and will be used in order to show the user the price based on his decisions. Use #QUESTION_ID to get the values of a question and regular mathematical symbols like +, -, *, \/ to calculate your example.<\/p>\n<p>An example: #1006+(#1008*#1009)-#1001<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_766353559\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-2 dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"789\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/price-calculation-general-settings-1024x792.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/price-calculation-general-settings-1024x792.jpg 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/price-calculation-general-settings-300x232.jpg 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/price-calculation-general-settings-768x594.jpg 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/price-calculation-general-settings-1536x1188.jpg 1536w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/price-calculation-general-settings-2048x1584.jpg 2048w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/price-calculation-general-settings-600x464.jpg 600w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/price-calculation-general-settings-510x394.jpg 510w\" 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_766353559 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<h2>View &amp; Create Questions<\/h2>\n<p>Below the general settings you will find all questions, that are used within your cost calculation guide. Here you can see:<\/p>\n<ol>\n<li>Question Name (note: the internal name will be used when exists)<\/li>\n<li>Question type (radio, checkbox, slider, text)<\/li>\n<li>Statistics (viewed, completed, bounced)<\/li>\n<li>Actions to edit or hide \/ remove the question<\/li>\n<\/ol>\n<p>At the bottom of all questions you can create new questions by clicking on &#8220;Add question&#8221;. At the end of the guide you can enable to show the final price and also create a custom text. Here you can also use shortcodes if you like.<\/p>\n<p>When you edit a question, you will see some insights on top like viewed, completed and bounced data. Right below that you can:<\/p>\n<ol>\n<li>Internal Name (will be used in form overview, good when you use many dependencies)<\/li>\n<li>Breadcrumb text<\/li>\n<li>Description text<\/li>\n<li>Answer Types (Radio, Checkbox, Textarea, Slider)<\/li>\n<li>Answer Columns\u00a0<\/li>\n<li>Answer Required<\/li>\n<li>Dependencies (if that question should only show when XY was answered before)<\/li>\n<\/ol>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1859990150\">\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=\"442\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/general-price-calculation-question-settings-1024x444.png\" class=\"attachment-large size-large\" alt=\"general price calculation question settings\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/general-price-calculation-question-settings-1024x444.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/general-price-calculation-question-settings-300x130.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/general-price-calculation-question-settings-768x333.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/general-price-calculation-question-settings-1536x666.png 1536w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/general-price-calculation-question-settings-2048x887.png 2048w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/general-price-calculation-question-settings-600x260.png 600w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/general-price-calculation-question-settings-510x221.png 510w\" 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_1859990150 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n<h2>Answers<\/h2>\n<p>Below the general settings of a question you will see all answers of this question. Each answer can have:<\/p>\n<ol>\n<li>An Image<\/li>\n<li>Answer Title<\/li>\n<li>Price (this will be used for the price calculation formula)<\/li>\n<li>Tooltip text<\/li>\n<li>Description<\/li>\n<li>Insights about choosen<\/li>\n<li>Actions to hide this answer<\/li>\n<\/ol>\n<p>After all answers, you will see an option to add new answers too.<\/p>\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_278591173\">\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=\"430\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/answers-of-a-cost-calculation-form-1024x432.png\" class=\"attachment-large size-large\" alt=\"answers of a cost calculation form\" srcset=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/answers-of-a-cost-calculation-form-1024x432.png 1024w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/answers-of-a-cost-calculation-form-300x127.png 300w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/answers-of-a-cost-calculation-form-768x324.png 768w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/answers-of-a-cost-calculation-form-1536x648.png 1536w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/answers-of-a-cost-calculation-form-2048x864.png 2048w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/answers-of-a-cost-calculation-form-600x253.png 600w, https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2022\/12\/answers-of-a-cost-calculation-form-510x215.png 510w\" 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_278591173 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-13595","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\/13595","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=13595"}],"version-history":[{"count":10,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/13595\/revisions"}],"predecessor-version":[{"id":14481,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/13595\/revisions\/14481"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/media?parent=13595"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/product_cat?post=13595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}