{"id":49852,"date":"2019-11-26T12:37:49","date_gmt":"2019-11-26T11:37:49","guid":{"rendered":"https:\/\/configuratorsuiteforwp.com\/?p=49852"},"modified":"2023-08-12T17:48:03","modified_gmt":"2023-08-12T16:48:03","slug":"how-to-display-my-configurator","status":"publish","type":"post","link":"https:\/\/www.orionorigin.com\/how-to-display-my-configurator\/","title":{"rendered":"How to Display My Configurator"},"content":{"rendered":"\n<p>There are currently 3 ways to display the product configurator:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><b>Automatic display<\/b>: used by default when the plugin is enabled and the configuration page is set. In<br>this case, the plugin will automatically append the configurator to the selected configuration page\u2019s content. <i>There is no need to use a shortcode there<\/i>.<\/li>\n\n\n\n<li><b>Standalone shortcode<\/b>: This method is used when you need to have full control of where the configurator should be displayed within the configuration page. The shortcode to use in this case is <b>[wpb_builder]<\/b>.<b>Note:<\/b> Make sure the <b>Manage the configuration page<\/b> field in the plugin settings is <b>set to No<\/b>, otherwise you\u2019ll get two<br>configurators in the specified page.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"457\" height=\"149\" class=\"aligncenter wp-image-49849 size-full\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/VPC-manage-configpage.jpg\" alt=\"\" title=\"\" srcset=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/VPC-manage-configpage.jpg 457w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/VPC-manage-configpage-300x98.jpg 300w, https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/11\/VPC-manage-configpage-150x49.jpg 150w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/> <span style=\"font-size: revert; font-family: var(--global--font-secondary); color: var(--global--text-color);\">&nbsp;<\/span> <\/li>\n\n\n\n<li><b>Shortcode with parameters<\/b>: this method is used when you need to have a standalone instance of the configurator&nbsp;within a page other than the default configurator page. The shortcode to use in this case is<br><b>[wpb_builder product=123]<\/b> where &#8220;product&#8221; is the ID of the WooCommerce product to load. This product&nbsp;should be the one that you have linked to the configuration you want to display.<\/li>\n<\/ol>\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-16018d1d 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","protected":false},"excerpt":{"rendered":"<p>There are currently 3 ways to display the product configurator:<\/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,276],"class_list":["post-49852","post","type-post","status-publish","format-standard","hentry","category-configurator","tag-documentation","tag-product-configurator","tag-product-designer"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/49852","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=49852"}],"version-history":[{"count":4,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/49852\/revisions"}],"predecessor-version":[{"id":159111,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/49852\/revisions\/159111"}],"wp:attachment":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/media?parent=49852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/categories?post=49852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/tags?post=49852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}