About BSS: Product Variants Options![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What Is BSS: Product Variants Options![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- One element must be nested in the Product Details element on the Product page.
- One page can have one element.
- All styling and configuration must be done in the BSS: Product Variants Options app.
From PageFly![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Step 1: Add BSS: Product Variants Options Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
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![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- 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![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What Types Of Product Options Can I Offer On The BSS: Product Variants Options App?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
The BSS: Product Variants Options App offers a wide range of option types, including:
- Text box
- Number field
- Text area
- 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?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
A free plan is available with limited features.