{"id":32607,"date":"2019-11-18T14:43:36","date_gmt":"2019-11-18T13:43:36","guid":{"rendered":"https:\/\/configuratorsuiteforwp.com\/?p=32607"},"modified":"2023-08-12T18:08:22","modified_gmt":"2023-08-12T17:08:22","slug":"how-to-set-up-my-visual-products-configurator-plugin","status":"publish","type":"post","link":"https:\/\/www.orionorigin.com\/how-to-set-up-my-visual-products-configurator-plugin\/","title":{"rendered":"How to set up my Visual Products Configurator plugin"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><b>Overview<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><br>A complex product with lot of options may be difficult configure if the customers don\u2019t know how the end product will look like. The Woocommerce Visual Product Configurator gives you the ability ease your customer\u2019s pain by configuring their perfect product visually.<\/p>\n\n\n\n<div class=\"wp-block-cover is-light orion-cta-style\" style=\"min-height:217px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim\" style=\"background-color:#5c54ff\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-157867\" alt=\"\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2023\/05\/5.png\" data-object-fit=\"cover\" title=\"\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div id=\"wp-block-themeisle-blocks-advanced-columns-678cc482\" class=\"wp-block-themeisle-blocks-advanced-columns has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-bottom ticss-c00aadba has-dark-bg\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-4d412c51\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h4 id=\"wp-block-themeisle-blocks-advanced-heading-fb3c7a39\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-fb3c7a39\">&nbsp;Easily attract more customers and grow your business by using our Custom Product Designer for Woocommerce.<\/h4>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-primary is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/woocommerce-products-designer\/?utm_source=google&amp;utm_medium=article&amp;utm_campaign=Ouidah+Free+Version&amp;utm_id=8106\" style=\"border-radius:0px\" target=\"_blank\" rel=\"noreferrer noopener\">Download now<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><b>A. Requirements<\/b><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><br>WordPress (minimum version: 3.6)<\/li>\n\n\n\n<li><br>Woocommerce (minimum version: 2.4)<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><b>B. Zip Folder Contents<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><br>The zip file downloaded from Code Canyon contains:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><br>The user manual (User Manual.pdf). Alternatively, we have the instructions and the whole guide you need here (it is easier to update it for your use this way.)<\/li>\n\n\n\n<li><br>The installable plugin zip file (woocommerce-visual-products-configurator.zip)<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"316\" height=\"102\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-plugins-menu-add-new.png\" alt=\"\" class=\"wp-image-35704\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-plugins-menu-add-new.png 316w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-plugins-menu-add-new-300x97.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-plugins-menu-add-new-150x48.png 150w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"541\" height=\"162\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-plugins-upload-plugin.png\" alt=\"\" class=\"wp-image-35705\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-plugins-upload-plugin.png 541w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-plugins-upload-plugin-300x90.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-plugins-upload-plugin-150x45.png 150w\" sizes=\"auto, (max-width: 541px) 100vw, 541px\" \/><\/figure>\n<\/div>\n\n\n<h5 class=\"wp-block-heading\">[IMAGE SHOWING MENU TO PLUGINS, THEN TO UPLOAD PLUGINS]<br>&nbsp;<\/h5>\n\n\n\n<h3 class=\"wp-block-heading\"><b>C. Installation process<\/b><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>First, extract the archive in a folder of your choice and let&#8217;s start the installation.<\/li>\n\n\n\n<li>Go to your WordPress Admin Panel and click on <br><b>Plugins &gt; Add New<\/b><br>to access the plugins installation screen.<\/li>\n\n\n\n<li>Then click on the &#8220;<br><b>Upload Plugin<\/b><br>&#8221; link to access the plugin upload page.<\/li>\n\n\n\n<li>Click on the Choose file button and select the plugin installable zip archive named woocommerce-visual-products-configurator.zip in the folder extracted in the first step.<\/li>\n\n\n\n<li>Click on the Install Now button to run the installation.<\/li>\n\n\n\n<li>Once the plugin is successfully installed, please click on the <br><b>Activate Plugin<\/b><br>link to activate the plugin.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Basic Setup<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before we start creating configurable products, we need to setup some basic settings first.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s start by creating the page where the products will be configured and reference that page in the plugin settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This page is extremely important, because without it, the designer cannot be generated, even if you choose to use the short code display option.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on menu <br><b>Pages &gt; Add New<\/b><\/li>\n\n\n\n<li>Enter your page title and then click on publish.<\/li>\n\n\n\n<li>Then click on the menu <br><b>Product Builder &gt; Settings<\/b><br>to access plugin settings.<\/li>\n\n\n\n<li>Set the page you&#8217;ve created in the first step in the Configuration Page drop-down and save the changes.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"642\" height=\"218\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-new-page-menu.png\" alt=\"New Page creation view\" class=\"wp-image-35664\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-new-page-menu.png 642w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-new-page-menu-300x102.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-new-page-menu-600x204.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-new-page-menu-150x51.png 150w\" sizes=\"auto, (max-width: 642px) 100vw, 642px\" \/><\/figure>\n<\/div>\n\n\n<h5 class=\"wp-block-heading\">[IMAGE OF NEW PAGE CREATION MENU]<\/h5>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"241\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-select-design-page-1024x241.png\" alt=\"Page selection in VPC configuration setting view\" class=\"wp-image-35668\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-select-design-page-1024x241.png 1024w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-select-design-page-300x71.png 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-select-design-page-600x141.png 600w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-select-design-page-150x35.png 150w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-select-design-page-768x181.png 768w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/vpc-select-design-page.png 1324w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h5 class=\"wp-block-heading\">[IMAGE OF DROPDOWN FIELD TO SELECT CREATED PAGE IN VPC SETTINGS]<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><br><br>Please ensure that the selected page is blank and has no content. To use a page that will have or already has content, please use the short code option &#8211; you can find the instructions below.<\/p>\n\n\n\n<div class=\"wp-block-cover is-light orion-cta-style\" style=\"min-height:217px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim\" style=\"background-color:#5c54ff\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-157867\" alt=\"\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2023\/05\/5.png\" data-object-fit=\"cover\" title=\"\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div id=\"wp-block-themeisle-blocks-advanced-columns-678cc482\" class=\"wp-block-themeisle-blocks-advanced-columns has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-bottom ticss-c00aadba has-dark-bg\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-4d412c51\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h4 id=\"wp-block-themeisle-blocks-advanced-heading-fb3c7a39\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-fb3c7a39\">&nbsp;Easily attract more customers and grow your business by using our Custom Product Designer for Woocommerce.<\/h4>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-primary is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-white-color has-text-color wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/woocommerce-products-designer\/?utm_source=google&amp;utm_medium=article&amp;utm_campaign=Ouidah+Free+Version&amp;utm_id=8106\" style=\"border-radius:0px\" target=\"_blank\" rel=\"noreferrer noopener\">Download now<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview A complex product with lot of options may be difficult configure if the customers don\u2019t know how the end product will look like. The Woocommerce Visual Product Configurator gives you the ability ease your customer\u2019s pain by configuring their perfect product visually. A. Requirements B. Zip Folder Contents The zip file downloaded from Code [&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,361],"class_list":["post-32607","post","type-post","status-publish","format-standard","hentry","category-configurator","tag-documentation","tag-visual-products-configurator"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/32607","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=32607"}],"version-history":[{"count":2,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/32607\/revisions"}],"predecessor-version":[{"id":158102,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/32607\/revisions\/158102"}],"wp:attachment":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/media?parent=32607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/categories?post=32607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/tags?post=32607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}