> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Progress bars & product badges

> This article outlines how the Progress bar & product features work.

You can find these features in the **1-click upsell editor**, in the left sidebar under the **Funnel-wide widgets** group (which holds the progress bar and the Badge widget):

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif?s=d42039add0fe9339dc962050863a57de" alt="Upsell editor sidebar highlighting the Funnel-wide widgets progress bar and the new Badge widget" width="628" height="1080" data-path="images/aftersell/progress-bars-badges-upsell-editor-sidebar-funnel.gif" />

## Progress bars

The **Funnel-Level** widget allows you to add a progress bar to one upsell and have it automatically applied to all upsells within the same funnel. This ensures a consistent experience across offers while reducing manual setup for merchants.

* The widget is always available but marked as hidden for existing offers and funnels.
* It is enabled by default for newly created funnels.
* Merchants can still upload a custom progress bar using the **Image** widget if they prefer a custom design etc.

  * You currently cannot translate these widgets and therefore have to upload custom images with the personalized translations you require. Translations and more options will be available soon!

### Settings

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif?s=7a5dc519652c75d2f4e777638fc69f5c" alt="Edit Progress Bar Widget panel with style, appearance, and padding controls beside the offer preview" width="3016" height="1080" data-path="images/aftersell/progress-bars-badges-edit-bar-widget-panel.gif" />

### Style

Minimal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-style-milestones.gif?s=19441a6c6391cfd9a2a191e6507c1303" alt="Minimal style progress bar showing cart, dollar, gift, and checkmark icons without labels" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-style-milestones.gif" />

Minimal with labels

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-minimal-with-labels.gif?s=ee539f91e8f8bad682ec8f152e2bfc6e" alt="Minimal with labels progress bar showing Cart, Order placed, and Done milestones" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-minimal-with-labels.gif" />

Maximal

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-maximal-style-milestones.gif?s=c480f2cb09be0ca53092012ef4e46357" alt="Maximal style progress bar with cart, dollar, gift, and checkmark milestone icons" width="3840" height="632" data-path="images/aftersell/progress-bars-badges-maximal-style-milestones.gif" />

### Appearance

Black

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-black-appearance-preview.gif?s=a0e842d84eac6215cfb7846a08123309" alt="Black appearance progress bar displayed above the upsell offer preview" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-black-appearance-preview.gif" />

White

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/progress-bars-badges-white-appearance-preview.gif?s=d46a16dc9b27572e3542674cd4ed8983" alt="White appearance progress bar displayed above the upsell offer preview" width="3840" height="788" data-path="images/aftersell/progress-bars-badges-white-appearance-preview.gif" />

***

## Product Badges

**Product Badges** let merchants highlight key product details directly on the offer. These badges help draw attention to important features or offers, increasing visibility and buyer confidence.

* Available as an option on each product.
* Merchants can upload their own custom badges.
* Colors, text, and icons cannot currently be edited, but customizable templates will be available soon.

### Settings

## Badge labels Options:

* **Bestseller** - Ideal for highlighting products with the highest sales or strongest performance to boost trust and social proof.
* **Trending** - Great for showcasing products that are currently gaining traction or experiencing high engagement.
* **New** - Best for drawing attention to newly launched products or offers.
* **Lowest Price** - Useful for promoting discounted or best-value items to encourage quick conversions.
* **Ships Free** - Perfect for emphasizing free shipping offers, helping reduce purchase hesitation.

## Appearance Options

Badges come in four appearance styles to match different funnel designs and brand aesthetics:

* **Vibrant** - Bright and eye-catching, ideal for drawing immediate attention to key offers.
* **Vibrant Inverse** - A variation of Vibrant with inverted colors for a bolder contrast.
* **Classic Dark** - Clean and professional, best for lighter backgrounds.
* **Classic Light** - Subtle and minimal, designed for darker backgrounds or a softer look.

## Position in Offer

Badges can be placed in different positions within the offer layout to best fit your design and draw attention where it’s most effective:

* **Above Product Title** - Great for immediate visibility before the shopper reads product details.
* **Adjacent to Product Price** - Ideal for reinforcing urgency or value near the price point.
* **Below Product Price** - Best for subtle messaging that supports the purchase decision without distraction.

***

## Why It Matters

Progress bars have consistently shown positive results in improving both revenue per visitor (RPV) and conversion rates across many merchants, including those using Smart Funnels.

Similarly, **Product Badges** have proven effective in enhancing trust and buyer awareness, leading to measurable improvements in overall funnel performance.
