In this article, you’ll learn about the Product Options and Customizer element and how to use it.
In order to use this element, the Product Options and Customizer app has to be installed on your Shopify store.
About Product Options and Customizer element
Product Options and Customizer element is designed to extend your options for your products to convince visitors about the product’s quality and ultimately increase your conversion rate. You can use the Product Options and Customizer element to display options or ratings of a specific product.
Before using this element, you have to install the Product Options by Product Customizer app to your store and configure all options in the app and then come back to PageFly to use the element(s) for the corresponding product(s) you want.
Access the Product Options and Customizer element
Step 1: Click on the 3rd icon in the Element Catalog which is the Add third-party elements
Step 2: Click on the Product Options and Customizer element in the dropdown menu
Product Options and Customizer element comes in only one variation, which is the Product Customizer.
Drag and drop a variation to your layout to set it up.
Product Options and Customizer element configuration
Select the element in the layout to see its variation then easily drag and drop the element onto your page.
In the Product page, Product Options and Customizer elements will depend on the chosen products you select in your Page Settings modal.
Once you drag the element into the Editor, it will pull all product options of the assigned product on your live page.
For the other pages, you can select a specific product with the parameters in the General tab
Product Customizer element
You can read more here about the parameters in the General tab.
Remember that the Product Customizer element must stay inside the Product Details element.
The Product Customizer element can be displayed on any page such as home page, regular page, collection or product pages, etc. You can use the Product Customizer element many times on a page.
Lastly, hit Publish and see the result on your live page.
You can check the video tutorial below