How to use BSS: Product Variants Options with PageFly

About BSS: Product Variants Options

What Is BSS: Product Variants Options

The BSS: Product Variants Options app personalizes your products with custom options, improves customer shopping experience, and ultimately increases AOV.

• Offer a variety of options: Image swatch, textbox, multi-select, file upload & more
• Show/hide product options based on the previous journey
• Personalize customer purchases by easily editing option on cart page

Install BSS: Product Variants Options

Before using this element in PageFly, you have to install the BSS: Product Variants Options app to your store and configure all options in the app.

• Install BSS: Product Variants Options
• Install PageFly

How To Access BSS: Product Variants Options Element

In the page editor, follow these steps to access BSS: Product Variants Options element:

• Step 1: In the PageFly editor, click “Add third-party element” on the left menu
• Step 2: Click “Manage integrations” or the gear icon on top
• Step 3: Search for “BSS: Product Variants Options” and enable it
• Step 4: Click “Close” and the element will appear in the “Add third-party element” menu

How To Configure BSS: Product Variants Options element

From PageFly

Step 1: Add BSS: Product Variants Options Element

Before starting to set up the BSS: Product Variants Options element, you will need to add this element to your page canvas:

• Step 1: Click “Add third party element” on the left menu bar
• Step 2: Look for “BSS: Product Variants Options” element
• Step 3: Click on the element to see its variant
• Step 4: Drag and drop the variant onto the page canvas

Step 2: Configure BSS: Product Variants Options App Element

After adding the element, you can adjust it by clicking on the element. For styling options like margins, borders, and effects, go to the Styling tab.

From BSS: Product Variants Options App

Before using the BSS: Product Variants Options element in PageFly, you’ll need to create and configure your announcement in the BSS: Product Variants Options app. Here’s how:

Step 1: Activate “BSS: Product Variants Options” In The Theme Customize

Go to your Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds. Search for “BSS: Product Variants Options” and activate it.

Step 2: Create A First Option Set

On the BSS: Product Variants Options app dashboard, head to Option Sets tab > Click on Create A New Option Set.

Step 3: Set Up Option

• For the Options, add the general information for the option set including Option Type, Label on Product page,  Label on Cart page, and Conditional logic (Advanced plan) > Click Save.

• For the Conditions, select condition to Apply to Customers, Apply to Products, and Exclude Products > Hit Save.

Frequently Asked Questions

What Types Of Product Options Can I Offer On The BSS: Product Variants Options App?

The BSS: Product Variants Options App offers a wide range of option types, including:

• Text box
• Number field
• Text area
• Email
• Checkbox
• Dropdown menu
• Dropdown menu with thumbnail
• Radio Button
• Swatch
• Button
• File upload
• Date & time
• Instructions
• Color picker

Does BSS: Product Variants Options offer a free plan?

A free plan is available with limited features.