Products

Education

Resources

Company

Support

Products

Education

Resources

Company

Support

Help Centre

How can we help?

Search Docs

How to Add a Promotional Progress Bar in Frameship

How to Add a Promotional Progress Bar in Frameship

How to Add a Promotional Progress Bar in Frameship

The Promotion Progress Bar component helps customers see exactly how close they are to unlocking a promotion - whether that’s free shipping, a discount tier, or a minimum spend.

It tracks the cart total in real time and updates smoothly as items change, giving shoppers clear feedback and a better checkout experience overall!

Here's how to add it to your Framer store:

  1. Make sure your cart is added to your product detail page, find instructions to set that up here.

  2. Double click on the cart component, select 'Unlink & Replace All' in the pop up.


  3. Within the cart component, double click on the Cart Layer and select 'Unlink & Replace All'.

  4. Drag the Progress Promotion bar from your Asset tab (you will need to insert it from the plugin directly so it can be in your Asset tab). Drop this where you wish.

  5. Under the Properties panel, you will see the options to set minimum value, maximum value, styling and design.

That's it! Now your cart will have a Progress bar to encourage more sales!

Build Ecommerce stores with Shopify and Framer

Connect Shopify to your Framer site to build Ecommerce websites fast.

Frameship – Seamlessly build eCommerce stores in Framer with Shopify integration.
Frameship — Framer with Shopify.
Frameship — Framer with Shopify.

Frameship

Search Components

Product Variants

Stock status

Quantity Selector

Product Variants

Add to Cart Button

Price

Image Gallery

Product Variants

Connect Shopify

Build Ecommerce stores with Shopify and Framer

Connect Shopify to your Framer site to build Ecommerce websites fast.

Frameship – Seamlessly build eCommerce stores in Framer with Shopify integration.
Frameship — Framer with Shopify.
Frameship — Framer with Shopify.

Frameship

Search Components

Product Variants

Stock status

Quantity Selector

Product Variants

Add to Cart Button

Price

Image Gallery

Product Variants

Connect Shopify

Build Ecommerce stores with Shopify and Framer

Connect Shopify to your Framer site to build Ecommerce websites fast.

Frameship – Seamlessly build eCommerce stores in Framer with Shopify integration.
Frameship — Framer with Shopify.
Frameship — Framer with Shopify.

Frameship

Search Components

Product Variants

Stock status

Quantity Selector

Product Variants

Add to Cart Button

Price

Image Gallery

Product Variants

Connect Shopify