Back to Blog
How to add a Free Shipping Banner on Shopify

How to add a Free Shipping Banner on Shopify

Jonathan Roque

How someone receives their product is just as important as the shopping experience itself. Here is how to add a free shipping banner on Shopify.

As a busy business owner and entrepreneur, shipping might be the last thing on your mind. It can be often seen as a hurdle to get products to the doorstep of your customers, but it doesn’t have to be a challenge.

For shoppers, shipping is a key reason why they shop, click purchase and determine if they will come back to your Shopify store. Shipping is considered one of the most important parts of the online shopping experience. How someone receives their product is just as important as the shopping experience itself.

Why Free Shipping is Important:

According to Shopify Plus, “the last 15 years, research has continued to demonstrate that the cost of shipping remains one of the top factors influencing purchasing decisions, followed by return policies and shipping speed. Online consumers increasingly want and expect their shipping to be offered for free.”

Over 40% of consumers shopping online actively research delivery costs when shopping online. Shoppers want to know before they click add to cart how much they will be paying for shipping and usually are looking for the zero dollars, free shipping offer. Whether it’s a discount code or a certain amount they have to have in their cart items.

Shopify’s research points out that 59% of consumers say “free delivery improves their online shopping experience, while 67% of those in the United States say that it’s “crucial” to their online shopping experience.” Bottom line, shipping is not only a crucial piece of information shoppers want to know before entering their payment info, but free shipping is the incentive they want most.

Blog Graphics (4)

Add a Free Shipping Banner on your Product Page:

Now we know why free shipping is important in ecommerce, but how can we get the message across to customers? Free shipping promotions are often displayed in one of the most boring, unexciting ways! From a poorly designed Pop Up, to a hidden FAQ page or sometimes not even displayed at all. Hiding your shipping info, can lead to customers being surprised once they almost check out, only to see the shipping costs, and ultimately abandoned the cart.

With Because it’s super simple to add a free shipping Banner on your Shopify site. With one simple app, you can add a free shipping banner either right above or below your add to cart button. By capitalizing on previously under-utilized real estate, you can create unique content across every single product page and increase both add to cart and conversion.

42 (2)

Many Shopify stores are using these Free Shipping Banners to communicate information with site visitors before they turn into customers. This increases the average order value and leads to a less abandonment rate, if customers know beforehand what costs to expect for their products.

Swedish brand TacNGear, displays shipping info on a Banner that is reflected right below their add to cart button. Not only does it show the amount a customer has to spend to get “free shipping,” but also shows what the customer will pay in shipping if they don’t reach the amount. This is helpful in turning site visitors into loyal customers.


Creating your Banner

To create your first campaign -

  • Download Because in the Shopify App Store
  • Open Because within your Shopify account
  • You will see a beautiful purple dashboard. Click “Create New Campaign” at the top right hand of the dashboard
  • You will be launched into Playbooks.
    • Playbooks is a simple way for you to see all categories of content you can create for your e-commerce site. The categories you choose and click will immediately launch an example Banner.
  • Click on a Playbook
  • Select “next” and name your Banner
  • Next, you will launched into our editor, which has some amazing pre-made templates you can choose to use for inspiration or simply redesign your own. You can add in your own brand colors, icons and choose from different fonts to fit your Shopify brand and colors. Select how you want your icons to be displayed on your banner and get a preview (if your store is live).
    • Select your preference and edit
    • Click next
  • Next, you will be launched into the new Rules Engine. The Rules Engine basically is an advanced way that allows you to set display rules around when and where your Banners, Pop Ups, and Top Bars will show. Rather than just targeting products using Shopify tags, we're now offering 20X the automation capabilities. We have added dozens of new rules so you can automate your Because campaigns. Each rule falls into one of the four categories:
    • Product Rules
    • Scheduling Rules
    • Site Visitor Rules
    • UTM / Page Type Rules
  • Once you have set your rules in the Rules Engine, you will see a preview of your content before it goes live.
  • Click "Publish" or "Schedule" to schedule your campaign. - Congrats! 🤩 Your campaign is officially live! 🎉

You can also schedule your Banners across all your pages, you can create multiple banners and get organized by creating multiple campaigns at once. No more forgetting to turn off your limited-time promotions- now just choose your date selection in your campaign details and publish it. It won't go live until the start date, and it will automatically turn off on your end date.

Blog Graphics (5)

Add a Free Shipping Top Bar Banner:

Adding a top bar banner follows the same steps as above. By adding a free shipping top bar banner on your Shopify site, you can always change your Banner content in the Because app. You can save time and money so you don’t have to pay your website developer to update site content, you can do it all code-free.

Get started with Because and learn how to set up a Banner while getting inspired by other successful merchants in our ultimate guide here! If you need help, simply slide on over to the Help Center tab, and check out some more inspiration or just chat with us below or email


Share on social media:

More from the Blog

Because Closes $3M Seed to Put Ecommerce Website Updates on Auto-Pilot

Because has closed a $3 million dollar seed round. We have grown to over 900 merchants using Because and are excited to be looking toward the future and fuel massive product growth.

Read Story

12 Ways to use the Rules Engine

Ensuring your customers are equipped with the knowledge about your product and business is simple with the right tools. Here are 12 ways to use the Rules Engine to convert your site visitors into customers. 

Read Story

How Because drove a 38% increase in Add to Carts across 100 Stores

If you have read our case studies or any of our amazing content, you know that add to cart rates are an essential part of how Because users can measure success across their Shopify stores.

Read Story

Stay in the know

Want weekly tips on how to customize your product pages and grow your Shopify store? Sign up below
We will never share your email address with third parties.