Product Options and Customizer by Product Customizer element

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 

Install PageFly

About Product Options and Customizer elementClick to copy

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 elementClick to copy

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

product customizer pagefly

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 customizer pagefly

Product Options and Customizer element configurationClick to copy

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 AssignmentPage 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 elementClick to copy

product cusomizer pagefly

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:

Thank you for your feedback!

Navigate this category

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!