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 “Third-party elements” on the left menu
• Step 2: Click on the adding app icon on top
• Step 3: Search for “BSS: Product Variants Options” and select “Activate“
• Step 4: Click “Done” and the element will appear in the “Third-party elements” 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 “Third party elements” on the left menu bar
• Step 2: Look for “BSS Commerce – 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. You can find more details about the available options here.

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 “Product Options By BSS” 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”.

Tips & Best Practices

We strongly recommend using the Shopify App Block Element for BSS: Product Variants Options integration. Available for Shopify theme OS 2.0, this feature simplifies adding BSS: Product Variants Options functionality to your PageFly pages or sections. It offers greater flexibility, easier updates, and an improved user experience. While limited to one per page, the App Block is a valuable tool to enhance your store’s capabilities. For detailed setup guidance, refer to our App Block article. This simple change can substantially improve your BSS: Product Variants Options integration and overall store performance.

Frequently Asked Questions

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

2. Does BSS: Product Variants Options offer a free plan?

A free plan is available with limited features.