6. Widget & Customization Overview

BOGO+ includes several storefront widgets to help customers discover promotions and increase conversions.

Each widget is designed for a different purpose. Depending on your campaign type, you can enable the widgets that best fit your storefront.

Note

This article provides an overview of the available widgets.

For styling options and detailed customization, see the Customization category.

Product page widgets

These widgets appear on the product page to help customers discover promotions before adding items to their cart.

Promotion Badge

Displays a promotional label directly on eligible product images.

Common uses

Highlight BOGO offers
Show discount labels
Increase promotion visibility

Offer Table

Displays all available offers for the current product.

Customers can quickly understand:

Purchase requirements
Available rewards
Discount tiers

Best used with:

BOGO Deal
Volume Discount
Discount by Item Price

Gift Thumbnail

Shows the reward products included in the campaign above the Add to Cart button.

Customers can immediately see what gifts are available before purchasing.

Countdown Timer

Displays a countdown timer based on the campaign schedule configured in Campaign Info.

Useful for:

Limited-time promotions
Seasonal campaigns
Flash sales

Displays an interactive promotion widget on the product page.

Depending on the campaign configuration, customers can:

View the promotion details
See qualifying conditions
Select eligible gifts
Add both the purchased product and reward to the cart directly from the widget

This is one of the most interactive widgets provided by BOGO+.

Cart widgets

These widgets appear after customers begin shopping and help encourage them to complete promotions.

Progress Bar

Displays how close customers are to unlocking the next reward.

The progress can be based on:

Cart value
Product quantity

Supported campaign types:

Gift with Cart Value
Goal Order

Example:

Spend $20 more to receive a free gift.

Displays a popup when customers qualify for a campaign.

Depending on the campaign configuration, customers can:

View the unlocked reward
Select a gift
Add the reward directly to the cart

Displays a promotional banner on your storefront.

The banner can be used for:

General promotion announcements
Gift With Purchase progress
Promotional messages
Store-wide campaigns

Upsell Offer on Checkout

Displays a quantity upsell offer during checkout.

Example:

Buy one more item and save 10%.

This widget is currently available only for Shopify Plus stores because Shopify restricts Checkout UI customization to Shopify Plus.

It is primarily used with:

Volume Discount campaigns

Which widgets work with each campaign?

Widget	BOGO Deal	Gift with Cart Value	Goal Order	Volume Discount	Discount by Item Price
Promotion Badge	✓	—	—	✓	—
Offer Table	✓	—	—	✓	—
Gift Thumbnail	✓	—	—	—	—
Countdown Timer	✓	—	—	✓	—
Offer Widget	✓	✓	✓	✓	—
Progress Bar	—	✓	✓	—	—
Popup	✓	✓	✓	—	—
Banner	✓	✓	✓	✓	✓
Checkout Upsell	—	—	—	✓	—

Customize your widgets

Every widget can be individually enabled, disabled, and styled to match your storefront.

You can customize elements such as:

Colors
Typography
Layout
Position
Text
Icons
Display behavior

Continue to the Customization section for detailed configuration guides for each widget.

Need more help?

If you encounter any issues or have questions, feel free to reach out to our support team via [email protected] or via our live chat - we're happy to help!