Free shipping widget

What it solves & why to use it

Key benefits include:

• Encouraging a higher spend: By setting a free shipping offer, businesses motivate customers to add more items to their cart to reach the minimum required amount.


• Reducing cart abandonment: Offering free shipping is a proven way to combat high cart abandonment rates, as shipping costs are a common pain point for online shoppers.


• Improving conversion rates: Free shipping is a compelling offer that often pushes hesitant buyers to finalize their purchase, thus increasing overall sales.


• Enhancing customer satisfaction: Customers love receiving free shipping, which can improve their overall shopping experience and increase brand loyalty.

When & how to use it

The free shipping widget is typically used to enhance the shopping experience and gets triggered during the entire purchasing journey:

• Site-wide banners: To promote and clearly communicate the free shipping offer and attract first-time shoppers, especially during major sales and seasonal occasions.


• On product pages: To highlight a free shipping offer and encourage customers to add more items to their cart.


• On a cart page: Display the widget in the shopping cart to encourage users to increase their cart size.


• At checkout: Show the free shipping offer on the checkout page to give customers the incentive to add more items to their cart before completing their purchase.

How it looks

A free shipping widget is typically displayed as a static bar. It includes:

• Clear message: A simple and direct statement like "Fee shipping over X amount!" or "Free shipping available on all orders!"


• Actionable button or static message: It may include a button leading to specific product categories. Alternatively, it can be a simple, static message without any additional action required.


• Subtle placement: The widget should be noticeable but not intrusive — placed in an easily visible location.

How to set it up

Here’s how to create and publish a free shipping widget on your site using Claspo.

Step 1: Create a new campaign

Select one of our templates for a quick start. This will save you a lot of time – all you need to do is adjust the design to fit your website.

Step 2: Customize

Change colors, fonts, and icons if needed. Click on the element and look for editing options on the right-hand sidebar. Be sure to update the text and customize the button's action as well.

Step 3: Set triggering

For optimal results, show the sticky bar across all pages soon after the visitor lands on the site. Use a scroll trigger to allow a slight delay. These settings help ensure your message gets seen, regardless of the page the visitor lands on. And showing the bar soon after will give visitors a reason to stay and buy.

Step 4: Connect with your marketing tools

If you'd like, you can connect Google Analytics to track how the widget is performing. Claspo will gather the data, so turning on this feature is optional.

Step 5: Save and publish

Once everything is set, you can publish your widget.