How to use Live Product Options with PageFly

About Live Product OptionsClick to copy

What Is Live Product Options?Click to copy

Live Product Options is a Shopify Product Options, which helps you set up customized product options from a wide range of different option types.

Install Live Product OptionsClick to copy

Before using this element, you have to install the Live Product Options app to your store, configure all options in the app, and then return to PageFly to use the element(s) for the corresponding product(s) you want.

How To Access Live Product OptionsClick to copy

Following these steps to find the Live Product Options:

  • 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 “Live Product Options” on the search bar.
  • Step 3: Click on the Live Product Options element in the dropdown menu.
  • Step 4: Choose the variant you want then drag and drop it to the editor page.

access Live Product Options

How To Configure Live Product OptionsClick to copy

Important note:
  • For the full widget configuration, please go to the settings area of the Live Product Options application.
  • The element can only work on the product page and one page can have one element.

Here’s the setup guide for both the PageFly dashboard and Live Product Options.

From PageFlyClick to copy

After adding the Product Options to the Editor, you can adjust for it by clicking on the element.

  • In the General tab

configure Live Product Options in General tab

You can get further information about Attributes, Visibility, and Animation parameters here.

  • For styling options like margins, borders, and effects, go to the “Styling” tab. You can find more details about the available options here.

configure Live Product Options in Styling tab

You can get further information about Styling settings here.

From Live Product OptionsClick to copy

After configuring PageFly settings, you will need to continue with the Element settings further as below:

  • Step 1: Set up Live Product Options by element by your Shopify Account. Go to your Shopify Admin > Apps > Choose Live Product Options to set it up.
  • Step 2: In the Product Options section, choose New Product Options.

  • Step 3: Set up all the settings including Product targeting, Product options, Design settings, and Live view.

configure for Live Product Options

  • Step 4: Hit Save.

Frequently Asked QuestionsClick to copy

How Does Live Product Options Work?Click to copy

Once you have installed the Live Product Options app, you can create product options for your products. You can choose from a variety of option types, including text fields, drop-down menus, swatches, file uploads, and date pickers. Customers can then select their options on the product page and see a live preview of their customized product.

Why Should I Use Live Product Options?Click to copy

There are many benefits to using this Shopify Product Options app, including:

  • Increase sales: By allowing customers to customize their products, you can increase your average order value (AOV) and overall sales.
  • Improve customer satisfaction: Customers appreciate being able to create products that are unique to them.
  • Reduce returns: Customers are less likely to return products that they have customized.
  • Increase brand loyalty: Customers who are happy with their customized products are more likely to become loyal customers.

Additional ResourcesClick to copy

How to use EXPO Extra Product Options element with PageFly

How to Use Hulk App with PageFly?

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us