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 by Product Customizer app has to be installed on your Shopify store.
Install Product Options and Customizer
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 and Customizer 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: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.
Step 2: In Integrations popup page, you can search “Product options and customizer” on the search bar
Step 3: Click on Product Options and Customizer element in the dropdown menu
Step 4: Choose the variant you want then drag and drop it to the editor page
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 Assignment – 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 Options and Customizer element
You can read more here about the parameters in the General tab.
Remember that the Product Options and Customizer element must stay inside the Product Details element.
The Product Options and Customizer element can be displayed on any page such as home page, regular page, collection or product pages, etc. You can use the Product Options and 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: