Occasionally, one of our readers will send us a message asking if it’s possible to offer free shipping in a WooCommerce store. It is, and we know that offering free shipping is one of the best ways to increase sales.
We’ve helped thousands of users create an online store and boost their conversions. Free shipping is a proven way to reduce cart abandonment and increase overall conversion rates. The challenge is that most store owners fail to highlight the free shipping offer.
In this article, we will teach you how to add a free shipping bar in WooCommerce to boost sales.
![Adding a free shipping bar in WooCommerce Adding a free shipping bar in WooCommerce](https://www.wpbeginner.com/wp-content/uploads/2021/06/woocommerce-free-shipping-bar-550x340.png)
Adding a Free Shipping Bar in WooCommmerce
Shipping costs are one of the top reasons behind abandoned cart sales. Many online stores deal with this by offering free shipping.
Letting customers know about your free shipping offer is a great way to boost sales from your online store.
Here’s an example of a free shipping banner. It’s a prominent website element that stays at the top of the screen as the user scrolls down:
![Free shipping bar example Free shipping bar example](https://www.wpbeginner.com/wp-content/uploads/2021/06/example-website-shop.png)
As you can see, the example store above encourages users to spend a certain amount to get free shipping. This is great for boosting cart order value and overall sales volume.
You can enable incentivized free shipping by using the Advanced Coupon plugin for WooCommerce.
Regardless of how you enable free shipping, properly highlighting it on your site is key, and that’s where a free shipping bar comes in.
To create the shipping bar, we will be using OptinMonster. It’s a powerful tool for creating all types of WordPress popups.
Creating an OptinMonster Account and Connecting WordPress
First, you will need to visit the OptinMonster website and sign up for an account. It is the best lead generation software and conversion optimization plugin for WordPress.
![OptinMonster OptinMonster](https://www.wpbeginner.com/wp-content/uploads/2021/03/optinmonster-new-min.png)
Note: OptinMonster was co-created by Syed Balkhi, WPBeginner’s founder. It’s an extremely popular optin tool that we use here on WPBeginner, and we highly recommend it.
You can read our complete OptinMonster review for more details.
After you have signed up for OptinMonster, the next step is to install and activate the free OptinMonster plugin for WordPress. Please see our step-by-step guide on how to install a WordPress plugin.
This plugin connects the OptinMonster app to your WordPress site. After activating it, click on the OptinMonster menu in your WordPress dashboard. Then, click the ‘Connect Your Account’ button and connect WordPress to your OptinMonster account.
![Connect OptinMonster to your WordPress site Connect OptinMonster to your WordPress site](https://www.wpbeginner.com/wp-content/uploads/2021/06/connect-optinmonster-account-wordpress.png)
Creating a Free Shipping Bar for WooCommerce
Now, you can create your free shipping banner bar.
First, go to the OptinMonster page in your WordPress dashboard and then click the ‘Add New’ button on the top right or click the ‘Create Your First Campaign’ button.
![Creating a new campaign in OptinMonster Create new campaign](https://www.wpbeginner.com/wp-content/uploads/2021/08/createcampaign.png)
A new popup window will open where you can choose templates or playbooks.
OptinMonster offers beautiful templates for your campaign. You can select one and customize it according to your needs. On the other hand, it also offers ready-to-use campaigns inspired by successful brands.
For this tutorial, we will select the ‘Templates’ option.
![Select a template or playbook Select a template or playbook](https://www.wpbeginner.com/wp-content/uploads/2020/07/select-a-template-or-playbook.png)
This will take you to the OptinMonster campaign builder.
Here, you’ll need to select ‘Floating Bar’ as your campaign type.
![Select the Floating Bar campaign Choose floating bar campaign](https://www.wpbeginner.com/wp-content/uploads/2021/03/campaigntype.png)
Next, scroll down and choose your campaign template. OptinMonster has a great range of professional templates to choose from. Bring your mouse cursor over the template and click the ‘Use Template’ button.
OptinMonster will now ask you to name your campaign. You can use any name that you like here.
![Select the Alert template to start building your free shipping bar Enter a name for your campaign](https://www.wpbeginner.com/wp-content/uploads/2021/06/enter-a-name-for-your-campaign.png)
Once you are ready, just click the ‘Start Building’ button.
You will then see the OptinMonster builder interface, where there are different blocks that you can add to the template.
![The default alert bar template in OptinMonster Customize the floating alert bar](https://www.wpbeginner.com/wp-content/uploads/2020/07/customize-the-floating-alert-bar-1.png)
By default, the floating bar will stick to the bottom of the screen. If you want it at the top of the screen instead, that’s easy to change.
Simply select the floating bar and then click on ‘Floating Bar Settings’ in the left-hand menu. Then, turn on the ‘Load Floating Bar at Top of Page?’ option.
![Load the floating bar at the top of the page Move the alert bar to the top](https://www.wpbeginner.com/wp-content/uploads/2020/07/move-the-alert-bar-to-the-top.png)
To change the text in the bar, simply click on it.
You can customize the text as needed. You can also change the font style, color, font size, and more. The preview of your campaign will automatically update to show how it will look live.
Here, we have changed the text and the font. We have also slightly increased the font size:
![Change the text of your floating bar Edit text of free shipping bar](https://www.wpbeginner.com/wp-content/uploads/2020/07/edit-text-of-free-shipping-bar.png)
You can change the button on your free shipping bar, too.
Simply click on the button, and the settings will open up in the left-hand panel. You can change the text of the button there.
![Editing the button on your free shipping bar Edit button text and settings in free shipping alert bar](https://www.wpbeginner.com/wp-content/uploads/2020/07/edit-button-text-and-settings-in-free-shipping-alert-bar.png)
To direct customers to a page on your WordPress website about free shipping, you can enter the correct Redirect URL.
If you want to use a different color for your free shipping bar, that’s easy too. First, click on the ‘Advanced’ tab from the menu on your left and change the background color for the button.
![Changing the background color for your campaign Edit button color and effects](https://www.wpbeginner.com/wp-content/uploads/2020/07/edit-button-color-and-effects.png)
Next, you will need to select the display rules that control who should see the free shipping bar on your site.
Simply click on the ‘Display Rules’ tab at the top of your screen.
![Setting your display rules in OptinMonster Setting your display rules in OptinMonster](https://www.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-display-rules.png)
By default, OptinMonster displays your floating bar after the user has been on any page of your site for 5 seconds.
You may want to have your free shipping bar load instantly. To do this, simply remove this rule. Click the minus icon on the right-hand side to do so:
![Have your free shipping bar appear instantly Have your free shipping bar appear instantly](https://www.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-remove-rule.png)
Now, you should be left with the rule ‘Current URL path is any page.’
Aside from that, you can also choose different display rules. For example, you can show the free shipping bar upon exit or to users from specific geographic regions or when they visit a particular product page.
![Physical location display rules Physical location display rules](https://www.wpbeginner.com/wp-content/uploads/2021/03/physical-location-display-rules.png)
The final step is to make your campaign live on your site. Click the ‘Publish’ tab at the top of the screen.
While you are building your campaign, it’s paused by default. You can switch it from Draft to Publish.
![Switch on your campaign under the Publish tab in OptinMonster Publish free shipping bar](https://www.wpbeginner.com/wp-content/uploads/2020/07/publish-free-shipping-bar.png)
Once that’s done, simply click the ‘Save’ button and close the campaign builder.
Next, you’ll see the Campaign Output Settings for your free shipping alert bar. Make sure that the Status is Published, or just click the dropdown menu and change it from Pending to Published.
![Refresh your campaigns list in the WordPress dashboard Free shipping bar output settings](https://www.wpbeginner.com/wp-content/uploads/2020/07/free-shipping-bar-output-settings.png)
Don’t forget to click the ‘Save Changes’ button when done.
Now, you can visit your WordPress blog or website and see your free shipping bar live.
Here’s a preview of how an alert bar looked on our demo shopping site.
![Free shipping bar example Free shipping bar preview](https://www.wpbeginner.com/wp-content/uploads/2020/07/free-shipping-bar-preview.png)
We hope this article helped you learn how to add a free shipping bar in WooCommerce. You might also want to check out our list of the best WooCommerce plugins for your online store and our comparison of the best business phone services with smart call routing features.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Have a question or suggestion? Please leave a comment to start the discussion.