How to Use Product Customizer Shopify with PageFly

In this article, you’ll learn about the Product Options and Customizer (Referred as ‘Product Customizer Shopify on Google) element and how to use it.

1. 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.

1.2. Access the Product Options and Customizer elementClick to copy

In order to use this element, the Product Options and Customizer by Product Customizer app has to be installed on your Shopify store.

1.3. How to Use Product Customizer ShopifyClick 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 the Integrations popup page, you can search “Product options and customizer” on the search bar

Step 3: Click on the Product Options and Customizer element in the catalog

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.

2. PageFly ConfigurationClick to copy

2.1. General SettingsClick to copy

In the General tab, there is a widget configuration giving you a short explanation of the Product Customizer app and its link to the app listing.

The Product Options and Customizer element can be displayed on any page such as the home page, regular page, collection or product pages, etc. You can use the Product Options and Customizer element many times on a page.

  • In the Product page, the Product Options and Customizer element will depend on your selected products 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. 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.

2.2. Styling SettingsClick to copy

You can customize the styling of the Product Options and Customizer element in the Styling tab.

You can check more information about the Styling tab here.

Lastly, hit Publish and see the result on your live page.

3. Product Customizer’s SettingsClick to copy

3.1. Add your option(s)Click to copy

From the app dashboard, go to the Options tab and then click the Add Option button.

Here you can create your parent options, which you can add to one or more products. Select the type of option you want to create, and then complete the fields for that option.

Once you finish the fields for the option, click the Save Option button in the top right. You can then add the parent options to your products.

3.2. Add option(s) to your product(s)Click to copy

Go to Product Customizer > Products. You can either add options to a single product, or multiple products at once.

For more information about the Product Customize app configuration, please check their Help Center here.

You can also check out the video tutorial below

 

4. Key TakeawaysClick to copy

Product Customizer Shopify is the best way to add an unlimited number of product options and customizations then to use technology to personalize products.

5. Frequently Asked QuestionsClick to copy

5.1. OverviewClick to copy

When was Product Customizer Created? 2012
How Much is Product Customizer Shopify? From $19.99/month
Can I use Product Customizer on PageFly Editor? Yes

5.2. What is Product Customizer Shopify?Click to copy

Product Customizer Shopify is the best way to add UNLIMITED product options and customizations then to use technology to personalize products.

5.3. What’s included in Product Customizer Shopify App?Click to copy

A 19.99$/ month plan starts with Unlimited options fields & variants, 10+ field types, File upload, and image swatches with Live Onboarding Support – Contact for Guided Setup

5.4. Benefits of Using Product Customizer Shopify?Click to copy

A single account on Product Customizer Shopify normally includes Image Swatch & Color Swatches: Swap between images on product page, Upcharge: Custom option pricing to increase revenue per product or collection, Conditional Logic: Show/hide product options with conditional logic, Combine variants with product variations across multiple products and Date Picker, Font Picker, Checkbox, Calendar Date Selector and File Upload…

5.5. Who is currently in partnership with Product Customizer Shopify App?Click to copy

PageFly Page Builder

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us