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

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

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.

product-customizer

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

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:

Navigate this category

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

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

I got it!
Boost Father's Day Sales: Utilize PageFly's templates to create captivating pages that drive results - Discover Now