{"id":39160,"date":"2019-11-20T10:24:58","date_gmt":"2019-11-20T09:24:58","guid":{"rendered":"https:\/\/configuratorsuiteforwp.com\/?p=39160"},"modified":"2023-08-12T17:49:58","modified_gmt":"2023-08-12T16:49:58","slug":"form-builder-add-on","status":"publish","type":"post","link":"https:\/\/www.orionorigin.com\/form-builder-add-on\/","title":{"rendered":"Tutorial &#038; Guide for the &#8220;Form Builder&#8221; Add-on."},"content":{"rendered":"<h2>Overview<\/h2>\n<p>The Visual Product Configurator Form Builder Add on allows the customer to create a custom form that captures extra information when ordering products or services.<\/p>\n<h3>Requirements and Installation<\/h3>\n<p><span>The instructions for the requirements, installation, and setup of the Form Builder Addon can be found <a href=\"https:\/\/www.orionorigin.com\/product-category\/vpc-addons\/\/\">here<\/a>. It requires that the <a href=\"https:\/\/www.orionorigin.com\/product\/visual-product-configurator-for-woocommerce\/\">Visual product configurator plugin<\/a> to be installed and activated, as well as <a href=\"https:\/\/www.woocommerce.com\" target=\"_blank\" rel=\"noopener\">WooCommerce<\/a>.Any additional setup information will be provided below.<\/span><\/p>\n<p><a href=\"https:\/\/demos.configuratorsuiteforwp.com\/configuration-with-form\/\" target=\"_blank\" rel=\"noopener\">View Demo here<\/a>.<\/p>\n<h3>Configuration<\/h3>\n<p>In order to use the form builder, you need to do the following after installation and activation:<\/p>\n<ul>\n<li>Go to the <strong>WordPress Admin panel<\/strong> &gt; <strong>Product builder <\/strong>&gt; <strong>Form builder<\/strong><\/li>\n<li>Create a new form, by filling in all the required boxes.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-31-formbuilder01-1024x575.png\" alt=\"\" width=\"640\" height=\"359\" class=\"aligncenter wp-image-39101 size-large\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-31-formbuilder01-1024x575.png 1024w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-31-formbuilder01-300x168.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-31-formbuilder01-600x337.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-31-formbuilder01-150x84.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-31-formbuilder01-768x431.png 768w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-31-formbuilder01.png 1179w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><i><span>Orion form builder Form creation view<\/span><\/i><\/li>\n<li>Open the configuration you want to add the form to, for edition.<\/li>\n<li>Select the form to be added to the configuration.<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-32-formbuilder02-1024x131.png\" alt=\"\" width=\"640\" height=\"82\" class=\"aligncenter wp-image-39102 size-large\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-32-formbuilder02-1024x131.png 1024w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-32-formbuilder02-300x38.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-32-formbuilder02-600x77.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-32-formbuilder02-150x19.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-32-formbuilder02-768x99.png 768w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-32-formbuilder02.png 1239w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><br \/>\n<i><span>Configuration edit screen showing form selector field.<\/span><\/i><\/li>\n<li>Click \u2018Update\u2019 to save your changes to the configuration.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-33-formbuilder03-1024x581.png\" alt=\"Form display at Front end\" width=\"640\" height=\"363\" class=\"aligncenter wp-image-39103 size-large\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-33-formbuilder03-1024x581.png 1024w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-33-formbuilder03-300x170.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-33-formbuilder03-600x341.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-33-formbuilder03-150x85.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-33-formbuilder03-768x436.png 768w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-33-formbuilder03.png 1069w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><br \/>\n<i>Form display at the front end<\/i><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Overview The Visual Product Configurator Form Builder Add on allows the customer to create a custom form that captures extra information when ordering products or services. Requirements and Installation The instructions for the requirements, installation, and setup of the Form Builder Addon can be found here. It requires that the Visual product configurator plugin to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[415],"tags":[359,323,36,332],"class_list":["post-39160","post","type-post","status-publish","format-standard","hentry","category-configurator","tag-documentation","tag-product-configurator","tag-woocommerce","tag-woocommerce-product-configurator"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/39160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/comments?post=39160"}],"version-history":[{"count":2,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/39160\/revisions"}],"predecessor-version":[{"id":159113,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/39160\/revisions\/159113"}],"wp:attachment":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/media?parent=39160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/categories?post=39160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/tags?post=39160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}