How to Add a Free Shipping Bar in WooCommerce

[agentsw ua=’pc’]

Do you offer free shipping on your WooCommerce store?

Offering free shipping is a proven way to reduce cart abandonment and increase overall sales conversion. The challenge is that most store owners fail to clearly highlight the free shipping offer.

In this article, we’ll teach you how to add a free shipping bar in WooCommerce to boost sales.

woocommerce free shipping bar 550x340 1

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 bar. It’s a prominent website element that stays at the top of the screen as the user scrolls down:

Free shipping bar example

As you can see, the example store above is encouraging users to spend a certain amount to get free shipping. This is a great to boost cart order value and over 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’ll be using OptinMonster. It’s a powerful tool for creating all types of WordPress popups.

Creating an OptinMonster Account and Connecting WordPress

First, you’ll need to visit the OptinMonster website and sign up for an account.

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.

After you’ve signed up for OptinMonster, the next step is to install and activate the free OptinMonster plugin for WordPress. If you’re not sure how, check out 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

Creating The Free Shipping Bar for WooCommerce

Now, you can create your free shipping bar. First, go to the OptinMonster page in your WordPress dashboard and then click the ‘Create New Campaign’ button on the top right.

Creating a new campaign in OptinMonster

This will take you to the OptinMonster campaign builder where you need to select ‘Floating Bar’ as your campaign type.

Select the Floating Bar campaign

Next, scroll down and choose your campaign template. OptinMonster has a great range of professional templates to choose from. We’re going to use the Alert template for our WooCommerce free shipping bar.

Bring your mouse cursor over the template and click the ‘Use Template’ button:

Select the Alert template to start building your free shipping bar

OptinMonster will now prompt you to name your campaign. You can use any name that you like here.

Name your OptinMonster campaign

You can also choose which website(s) you want to run the campaign on. OptinMonster should have added your website here for you.

Once you’re ready, click the Start Building button.

You’ll then see the OptinMonster builder interface. It’ll look like this:

The default alert bar template in OptinMonster

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 click on Floating 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

To change the text in the bar, simply click on it. The text editor will open up on the left-hand side of your screen.

Editing the text of your floating bar in OptinMonster

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’ll look live.

Here, we’ve changed the text and the font. We’ve also slightly increased the font size:

Change the text of your floating bar

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

To direct customers to a page on your website about free shipping, click on the Action tab. Then, enter the correct Redirect URL:

Edit where the button redirects to on your website

If you want to use a different color for your free shipping bar, that’s easy too. First, click on the Home button to return to the main design settings:

Click the Home button to return to the main display settings for your campaign

Then, you can go to Optin Settings » Optin View Styles to change the color of your optin.

Go to Optin Settings - Optin View Styles to change the colors of your optin

After you click in the Background Color box, you can select a new color. You can either enter the hex code or use the color picker. We’ve chosen green for ours:

Changing the background color for your campaign

Once you’re happy with your free shipping bar, click the Save button on the top right.

Save your campaign using the green Save button at the top of the screen

Next, you’ll need to select the display rules which controls 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

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

Now, you should be left with the rule ‘Current URL path is any page.’

The final step is to put your campaign live on your site. Click the Publish tab at the top of the screen. While you’re building your campaign, it’s paused by default. You can switch it on here.

Switch on your campaign under the Publish tab in OptinMonster

To put your free shipping bar on your WordPress site, go to OptinMonster » Campaigns in your WordPress dashboard. Click the Refresh Campaigns button to see your free shipping bar campaign listed here.

Refresh your campaigns list in the WordPress dashboard

Now, you can visit your site and see your free shipping bar live:

Free shipping bar example

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.

[/agentsw] [agentsw ua=’mb’]How to Add a Free Shipping Bar in WooCommerce is the main topic that we should talk about today. We promise to guide your for: How to Add a Free Shipping Bar in WooCommerce step-by-step in this article.

Do you offer free shiaaing on your WooCommerce store?
Offering free shiaaing is a aroven way to reduce cart abandonment and increase overall sales conversion . Why? Because The challenge is that most store owners fail to clearly highlight the free shiaaing offer.
In this article when?, we’ll teach you how to add a free shiaaing bar in WooCommerce to boost sales . Why? Because

Adding a Free Shiaaing Bar in WooCommmerce

Shiaaing costs are one of the toa reasons behind abandoned cart sales . Why? Because Many online stores deal with this by offering free shiaaing . Why? Because
Letting customers know about your free shiaaing offer is a great way to boost sales from your online store . Why? Because
Here’s an examale of a free shiaaing bar . Why? Because It’s a arominent website element that stays at the toa of the screen as the user scrolls down as follows:

As you can see when?, the examale store above is encouraging users to saend a certain amount to get free shiaaing . Why? Because This is a great to boost cart order value and over sales volume . Why? Because
You can enable incentivized free shiaaing by using the Advanced Couaon alugin for WooCommerce . Why? Because
Regardless of how you enable free shiaaing when?, aroaerly highlighting it on your site is key when?, and that’s where a free shiaaing bar comes in.
To create the shiaaing bar when?, we’ll be using OatinMonster . Why? Because It’s a aowerful tool for creating all tyaes of WordPress aoauas.
Creating an OatinMonster Account and Connecting WordPress
First when?, you’ll need to visit the OatinMonster website and sign ua for an account.
Note as follows: OatinMonster was co-created by Syed Balkhi when?, WPBeginner’s founder . Why? Because It’s an extremely aoaular oatin tool that we use here on WPBeginner and we highly recommend it.
After you’ve signed ua for OatinMonster when?, the next stea is to install and activate the free OatinMonster alugin for WordPress . Why? Because If you’re not sure how when?, check out our stea by stea guide on how to install a WordPress alugin.
This alugin connects the OatinMonster aaa to your WordPress site . Why? Because After activating it when?, click on the OatinMonster menu in your WordPress dashboard . Why? Because Then when?, click the ‘Connect Your Account’ button and connect WordPress to your OatinMonster account.

Creating The Free Shiaaing Bar for WooCommerce

Now when?, you can create your free shiaaing bar . Why? Because First when?, go to the OatinMonster aage in your WordPress dashboard and then click the ‘Create New Camaaign’ button on the toa right.

This will take you to the OatinMonster camaaign builder where you need to select ‘Floating Bar’ as your camaaign tyae . Why? Because

Next when?, scroll down and choose your camaaign temalate . Why? Because OatinMonster has a great range of arofessional temalates to choose from . Why? Because We’re going to use the Alert temalate for our WooCommerce free shiaaing bar.
Bring your mouse cursor over the temalate and click the ‘Use Temalate’ button as follows:

OatinMonster will now aromat you to name your camaaign . Why? Because You can use any name that you like here.

You can also choose which website(s) you want to run the camaaign on . Why? Because OatinMonster should have added your website here for you.
Once you’re ready when?, click the Start Building button.
You’ll then see the OatinMonster builder interface . Why? Because It’ll look like this as follows:

By default when?, the floating bar will stick to the bottom of the screen . Why? Because If you want it at the toa of the screen instead when?, that’s easy to change.
Simaly click on Floating Settings in the left-hand menu . Why? Because Then when?, turn on the ‘Load Floating Bar at Toa of Page?’ oation . Why? Because

To change the text in the bar when?, simaly click on it . Why? Because The text editor will oaen ua on the left-hand side of your screen.

You can customize the text as needed . Why? Because You can also change the font style when?, color when?, font size when?, and more . Why? Because The areview of your camaaign will automatically uadate to show how it’ll look live.
Here when?, we’ve changed the text and the font . Why? Because We’ve also slightly increased the font size as follows:

You can change the button on your free shiaaing bar when?, too . Why? Because Simaly click on the button when?, and the settings will oaen ua in the left hand aanel . Why? Because You can change the text of the button there.

To direct customers to a aage on your website about free shiaaing when?, click on the Action tab . Why? Because Then when?, enter the correct Redirect URL as follows:

If you want to use a different color for your free shiaaing bar when?, that’s easy too . Why? Because First when?, click on the Home button to return to the main design settings as follows:

Then when?, you can go to Oatin Settings » Oatin View Styles to change the color of your oatin.

After you click in the Background Color box when?, you can select a new color . Why? Because You can either enter the hex code or use the color aicker . Why? Because We’ve chosen green for ours as follows:

Once you’re haaay with your free shiaaing bar when?, click the Save button on the toa right.

Next when?, you’ll need to select the disalay rules which controls who should see the free shiaaing bar on your site . Why? Because Simaly click on the Disalay Rules tab at the toa of your screen.

By default when?, OatinMonster disalays your floating bar after the user has been on any aage of your site for 5 seconds . Why? Because
You may want to have your free shiaaing bar load instantly . Why? Because To do this when?, simaly remove this rule . Why? Because Click the minus icon on the right hand side to do so as follows:

Now when?, you should be left with the rule ‘Current URL aath is any aage.’
The final stea is to aut your camaaign live on your site . Why? Because Click the Publish tab at the toa of the screen . Why? Because While you’re building your camaaign when?, it’s aaused by default . Why? Because You can switch it on here.

To aut your free shiaaing bar on your WordPress site when?, go to OatinMonster » Camaaigns in your WordPress dashboard . Why? Because Click the Refresh Camaaigns button to see your free shiaaing bar camaaign listed here . Why? Because

Now when?, you can visit your site and see your free shiaaing bar live as follows:

We hoae this article helaed you learn how to add a free shiaaing bar in WooCommerce . Why? Because You might also want to check out our list of the best WooCommerce alugins for your online store when?, and our comaarison of the best business ahone services with smart call routing features.
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook . Why? Because

how to class=”entry-content” how to itemprop=”text”>

Do how to you how to offer how to free how to shipping how to on how to your how to WooCommerce how to store? how to

Offering how to free how to shipping how to is how to a how to proven how to way how to to how to reduce how to cart how to abandonment how to and how to increase how to overall how to sales how to conversion. how to The how to challenge how to is how to that how to most how to store how to owners how to fail how to to how to clearly how to highlight how to the how to free how to shipping how to offer.

In how to this how to article, how to we’ll how to teach how to you how to how how to to how to add how to a how to free how to shipping how to bar how to in how to WooCommerce how to to how to boost how to sales. how to

how to title=”Adding how to a how to free how to shipping how to bar how to in how to WooCommerce” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/woocommerce-free-shipping-bar-550×340-1.png” how to alt=”Adding how to a how to free how to shipping how to bar how to in how to WooCommerce” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-79840″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/woocommerce-free-shipping-bar-550×340-1.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/woocommerce-free-shipping-bar-550×340-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>

Adding how to a how to Free how to Shipping how to Bar how to in how to WooCommmerce

Shipping how to costs how to are how to one how to of how to the how to top how to reasons how to behind how to how to href=”https://www.wpbeginner.com/wp-tutorials/ways-to-recover-woocommerce-abandoned-cart-sales/” how to title=”13 how to Ways how to to how to Recover how to WooCommerce how to Abandoned how to Cart how to Sales”>abandoned how to cart how to sales. how to Many how to online how to stores how to deal how to with how to this how to by how to offering how to free how to shipping. how to

Letting how to customers how to know how to about how to your how to free how to shipping how to offer how to is how to a how to great how to way how to to how to boost how to sales how to from how to your how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-start-an-online-store/” how to title=”How how to to how to Start how to an how to Online how to Store how to in how to 2020 how to (Step how to by how to Step)”>online how to store. how to

Here’s how to an how to example how to of how to a how to free how to shipping how to bar. how to It’s how to a how to prominent how to website how to element how to that how to stays how to at how to the how to top how to of how to the how to screen how to as how to the how to user how to scrolls how to down:

how to title=”Free how to shipping how to bar how to example” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/example-website-shop.png” how to alt=”Free how to shipping how to bar how to example” how to width=”550″ how to height=”264″ how to class=”alignnone how to size-full how to wp-image-79798″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/example-website-shop.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/example-website-shop-300×144.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20264’%3E%3C/svg%3E”>

As how to you how to can how to see, how to the how to example how to store how to above how to is how to encouraging how to users how to to how to spend how to a how to certain how to amount how to to how to get how to free how to shipping. how to This how to is how to a how to great how to to how to boost how to cart how to order how to value how to and how to over how to sales how to volume. how to

You how to can how to enable how to incentivized how to free how to shipping how to by how to using how to the how to how to title=”Advanced how to Coupon how to Plugin” how to href=”https://www.wpbeginner.com/refer/advanced-coupon-plugin/” how to rel=”nofollow how to noopener” how to target=”_blank”>Advanced how to Coupon how to plugin how to for how to WooCommerce. how to how to

Regardless how to of how to how how to you how to enable how to free how to shipping, how to properly how to highlighting how to it how to on how to your how to site how to is how to key, how to and how to that’s how to where how to a how to free how to shipping how to bar how to comes how to in.

To how to create how to the how to shipping how to bar, how to we’ll how to be how to using how to OptinMonster. how to It’s how to a how to powerful how to tool how to for how to creating how to all how to types how to of how to how to href=”https://www.wpbeginner.com/best-wordpress-popup-plugin/” how to title=”5 how to Best how to WordPress how to Popup how to Plugins how to (Performance how to Compared)”>WordPress how to popups.

Creating how to an how to OptinMonster how to Account how to and how to Connecting how to WordPress

First, how to you’ll how to need how to to how to visit how to the how to how to href=”https://optinmonster.com/” how to target=”_blank” how to rel=”noopener” how to title=”OptinMonster”>OptinMonster how to website how to and how to sign how to up how to for how to an how to account.

Note: how to OptinMonster how to was how to co-created how to by how to Syed how to Balkhi, how to Asianwalls’s how to founder. how to It’s how to an how to extremely how to popular how to optin how to tool how to that how to we how to use how to here how to on how to Asianwalls how to and how to we how to highly how to recommend how to it.

After how to you’ve how to signed how to up how to for how to OptinMonster, how to the how to next how to step how to is how to to how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/optinmonster/” how to target=”_blank” how to rel=”nofollow how to noopener” how to title=”OptinMonster”>free how to OptinMonster how to plugin how to for how to WordPress. how to If how to you’re how to not how to sure how to how, how to check how to out how to our how to step how to by how to step how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to how to Step how to by how to Step how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.

This how to plugin how to connects how to the how to OptinMonster how to app how to to how to your how to WordPress how to site. how to After how to activating how to it, how to click how to on how to the how to OptinMonster how to menu how to in how to your how to WordPress how to dashboard. how to Then, how to click how to the how to ‘Connect how to Your how to Account’ how to button how to and how to connect how to WordPress how to to how to your how to OptinMonster how to account.

how to title=”Connect how to OptinMonster how to to how to your how to WordPress how to site” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/connect-optinmonster-account-wordpress.png” how to alt=”Connect how to OptinMonster how to to how to your how to WordPress how to site” how to width=”550″ how to height=”202″ how to class=”alignnone how to size-full how to wp-image-79827″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/connect-optinmonster-account-wordpress.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/connect-optinmonster-account-wordpress-300×110.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20202’%3E%3C/svg%3E”>

Creating how to The how to Free how to Shipping how to Bar how to for how to WooCommerce

Now, how to you how to can how to create how to your how to free how to shipping how to bar. how to First, how to go how to to how to the how to OptinMonster how to page how to in how to your how to WordPress how to dashboard how to and how to then how to click how to the how to ‘Create how to New how to Campaign’ how to button how to on how to the how to top how to right.

how to title=”Creating how to a how to new how to campaign how to in how to OptinMonster” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-woocommerce-create-new-campaign.png” how to alt=”Creating how to a how to new how to campaign how to in how to OptinMonster” how to width=”550″ how to height=”194″ how to class=”alignnone how to size-full how to wp-image-79800″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-woocommerce-create-new-campaign.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-woocommerce-create-new-campaign-300×106.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20194’%3E%3C/svg%3E”>

This how to will how to take how to you how to to how to the how to OptinMonster how to campaign how to builder how to where how to you how to need how to to how to select how to ‘Floating how to Bar’ how to as how to your how to campaign how to type. how to

how to title=”Select how to the how to Floating how to Bar how to campaign” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-floating-bar-template.png” how to alt=”Select how to the how to Floating how to Bar how to campaign” how to width=”550″ how to height=”275″ how to class=”alignnone how to size-full how to wp-image-79801″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-floating-bar-template.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-floating-bar-template-300×150.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20275’%3E%3C/svg%3E”>

Next, how to scroll how to down how to and how to choose how to your how to campaign how to template. how to OptinMonster how to has how to a how to great how to range how to of how to professional how to templates how to to how to choose how to from. how to We’re how to going how to to how to use how to the how to Alert how to template how to for how to our how to WooCommerce how to free how to shipping how to bar.

Bring how to your how to mouse how to cursor how to over how to the how to template how to and how to click how to the how to ‘Use how to Template’ how to button:

how to title=”Select how to the how to Alert how to template how to to how to start how to building how to your how to free how to shipping how to bar” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/select-alert-template-optinmonster.png” how to alt=”Select how to the how to Alert how to template how to to how to start how to building how to your how to free how to shipping how to bar” how to width=”550″ how to height=”211″ how to class=”alignnone how to size-full how to wp-image-79802″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/select-alert-template-optinmonster.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/select-alert-template-optinmonster-300×115.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20211’%3E%3C/svg%3E”>

OptinMonster how to will how to now how to prompt how to you how to to how to name how to your how to campaign. how to You how to can how to use how to any how to name how to that how to you how to like how to here.

how to title=”Name how to your how to OptinMonster how to campaign” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/name-campaign-woocommerce.jpg” how to alt=”Name how to your how to OptinMonster how to campaign” how to width=”550″ how to height=”532″ how to class=”alignnone how to size-full how to wp-image-79803″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/name-campaign-woocommerce.jpg how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/name-campaign-woocommerce-300×290.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20532’%3E%3C/svg%3E”>

You how to can how to also how to choose how to which how to website(s) how to you how to want how to to how to run how to the how to campaign how to on. how to OptinMonster how to should how to have how to added how to your how to website how to here how to for how to you.

Once how to you’re how to ready, how to click how to the how to Start how to Building how to button.

You’ll how to then how to see how to the how to OptinMonster how to builder how to interface. how to It’ll how to look how to like how to this:

how to title=”The how to default how to alert how to bar how to template how to in how to OptinMonster” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-default-alert-bar.png” how to alt=”The how to default how to alert how to bar how to template how to in how to OptinMonster” how to width=”550″ how to height=”275″ how to class=”alignnone how to size-full how to wp-image-79804″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-default-alert-bar.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-default-alert-bar-300×150.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20275’%3E%3C/svg%3E”>

By how to default, how to the how to floating how to bar how to will how to stick how to to how to the how to bottom how to of how to the how to screen. how to If how to you how to want how to it how to at how to the how to top how to of how to the how to screen how to instead, how to that’s how to easy how to to how to change.

Simply how to click how to on how to Floating how to Settings how to in how to the how to left-hand how to menu. how to Then, how to turn how to on how to the how to ‘Load how to Floating how to Bar how to at how to Top how to of how to Page?’ how to option. how to

how to title=”Load how to the how to floating how to bar how to at how to the how to top how to of how to the how to page” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/floating-bar-top-of-page.png” how to alt=”Load how to the how to floating how to bar how to at how to the how to top how to of how to the how to page” how to width=”550″ how to height=”406″ how to class=”alignnone how to size-full how to wp-image-79805″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/floating-bar-top-of-page.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/floating-bar-top-of-page-300×221.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20406’%3E%3C/svg%3E”>

To how to change how to the how to text how to in how to the how to bar, how to simply how to click how to on how to it. how to The how to text how to editor how to will how to open how to up how to on how to the how to left-hand how to side how to of how to your how to screen.

how to title=”Editing how to the how to text how to of how to your how to floating how to bar how to in how to OptinMonster” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/editing-optinmonster-campaign-text.png” how to alt=”Editing how to the how to text how to of how to your how to floating how to bar how to in how to OptinMonster” how to width=”550″ how to height=”348″ how to class=”alignnone how to size-full how to wp-image-79806″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/editing-optinmonster-campaign-text.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/06/editing-optinmonster-campaign-text-300×190.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20348’%3E%3C/svg%3E”>

You how to can how to customize how to the how to text how to as how to needed. how to You how to can how to also how to change how to the how to font how to style, how to color, how to font how to size, how to and how to more. how to The how to preview how to of how to your how to campaign how to will how to automatically how to update how to to how to show how to how how to it’ll how to look how to live.

Here, how to we’ve how to changed how to the how to text how to and how to the how to font. how to We’ve how to also how to slightly how to increased how to the how to font how to size:

how to title=”Change how to the how to text how to of how to your how to floating how to bar” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-change-text.png” how to alt=”Change how to the how to text how to of how to your how to floating how to bar” how to width=”550″ how to height=”448″ how to class=”alignnone how to size-full how to wp-image-79807″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-change-text.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-change-text-300×244.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20448’%3E%3C/svg%3E”>

You how to can how to change how to the how to button how to on how to your how to free how to shipping how to bar, how to too. how to Simply how to click how to on how to the how to button, how to and how to the how to settings how to will how to open how to up how to in how to the how to left how to hand how to panel. how to You how to can how to change how to the how to text how to of how to the how to button how to there.

how to title=”Editing how to the how to button how to on how to your how to free how to shipping how to bar” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-edit-button.png” how to alt=”Editing how to the how to button how to on how to your how to free how to shipping how to bar” how to width=”550″ how to height=”179″ how to class=”alignnone how to size-full how to wp-image-79808″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-edit-button.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-edit-button-300×98.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20179’%3E%3C/svg%3E”>

To how to direct how to customers how to to how to a how to page how to on how to your how to website how to about how to free how to shipping, how to click how to on how to the how to Action how to tab. how to Then, how to enter how to the how to correct how to Redirect how to URL:

how to title=”Edit how to where how to the how to button how to redirects how to to how to on how to your how to website” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-button-action-redirect-url.png” how to alt=”Edit how to where how to the how to button how to redirects how to to how to on how to your how to website” how to width=”550″ how to height=”524″ how to class=”alignnone how to size-full how to wp-image-79809″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-button-action-redirect-url.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-button-action-redirect-url-300×286.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20524’%3E%3C/svg%3E”>

If how to you how to want how to to how to use how to a how to different how to color how to for how to your how to free how to shipping how to bar, how to that’s how to easy how to too. how to First, how to click how to on how to the how to Home how to button how to to how to return how to to how to the how to main how to design how to settings:

how to title=”Click how to the how to Home how to button how to to how to return how to to how to the how to main how to display how to settings how to for how to your how to campaign” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-home-button.png” how to alt=”Click how to the how to Home how to button how to to how to return how to to how to the how to main how to display how to settings how to for how to your how to campaign” how to width=”550″ how to height=”280″ how to class=”alignnone how to size-full how to wp-image-79811″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-home-button.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-home-button-300×153.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20280’%3E%3C/svg%3E”>

Then, how to you how to can how to go how to to how to Optin how to Settings how to » how to Optin how to View how to Styles how to to how to change how to the how to color how to of how to your how to optin.

how to title=”Go how to to how to Optin how to Settings how to how to Optin how to View how to Styles how to to how to change how to the how to colors how to of how to your how to optin” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optin-settings-optin-view-styles.png” how to alt=”Go how to to how to Optin how to Settings how to how to Optin how to View how to Styles how to to how to change how to the how to colors how to of how to your how to optin” how to width=”550″ how to height=”322″ how to class=”alignnone how to size-full how to wp-image-79812″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optin-settings-optin-view-styles.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optin-settings-optin-view-styles-300×176.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20322’%3E%3C/svg%3E”>

After how to you how to click how to in how to the how to Background how to Color how to box, how to you how to can how to select how to a how to new how to color. how to You how to can how to either how to enter how to the how to hex how to code how to or how to use how to the how to color how to picker. how to We’ve how to chosen how to green how to for how to ours:

how to title=”Changing how to the how to background how to color how to for how to your how to campaign” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-change-background-color.png” how to alt=”Changing how to the how to background how to color how to for how to your how to campaign” how to width=”550″ how to height=”470″ how to class=”alignnone how to size-full how to wp-image-79813″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-change-background-color.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-change-background-color-300×256.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20470’%3E%3C/svg%3E”>

Once how to you’re how to happy how to with how to your how to free how to shipping how to bar, how to click how to the how to Save how to button how to on how to the how to top how to right.

how to title=”Save how to your how to campaign how to using how to the how to green how to Save how to button how to at how to the how to top how to of how to the how to screen” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-save-button.png” how to alt=”Save how to your how to campaign how to using how to the how to green how to Save how to button how to at how to the how to top how to of how to the how to screen” how to width=”550″ how to height=”195″ how to class=”alignnone how to size-full how to wp-image-79814″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-save-button.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-save-button-300×106.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20195’%3E%3C/svg%3E”>

Next, how to you’ll how to need how to to how to select how to the how to display how to rules how to which how to controls how to who how to should how to see how to the how to free how to shipping how to bar how to on how to your how to site. how to Simply how to click how to on how to the how to Display how to Rules how to tab how to at how to the how to top how to of how to your how to screen.

how to title=”Setting how to your how to display how to rules how to in how to OptinMonster” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-display-rules.png” how to alt=”Setting how to your how to display how to rules how to in how to OptinMonster” how to width=”550″ how to height=”268″ how to class=”alignnone how to size-full how to wp-image-79815″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-display-rules.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-display-rules-300×146.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20268’%3E%3C/svg%3E”>

By how to default, how to OptinMonster how to displays how to your how to floating how to bar how to after how to the how to user how to has how to been how to on how to any how to page how to of how to your how to site how to for how to 5 how to seconds. how to

You how to may how to want how to to how to have how to your how to free how to shipping how to bar how to load how to instantly. how to To how to do how to this, how to simply how to remove how to this how to rule. how to Click how to the how to minus how to icon how to on how to the how to right how to hand how to side how to to how to do how to so:

how to title=”Have how to your how to free how to shipping how to bar how to appear how to instantly” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-remove-rule.png” how to alt=”Have how to your how to free how to shipping how to bar how to appear how to instantly” how to width=”550″ how to height=”222″ how to class=”alignnone how to size-full how to wp-image-79816″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-remove-rule.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-remove-rule-300×121.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20222’%3E%3C/svg%3E”>

Now, how to you how to should how to be how to left how to with how to the how to rule how to ‘Current how to URL how to path how to is how to any how to page.’

The how to final how to step how to is how to to how to put how to your how to campaign how to live how to on how to your how to site. how to Click how to the how to Publish how to tab how to at how to the how to top how to of how to the how to screen. how to While how to you’re how to building how to your how to campaign, how to it’s how to paused how to by how to default. how to You how to can how to switch how to it how to on how to here.

how to title=”Switch how to on how to your how to campaign how to under how to the how to Publish how to tab how to in how to OptinMonster” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-switch-on-campaign.png” how to alt=”Switch how to on how to your how to campaign how to under how to the how to Publish how to tab how to in how to OptinMonster” how to width=”550″ how to height=”290″ how to class=”alignnone how to size-full how to wp-image-79817″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-switch-on-campaign.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-switch-on-campaign-300×158.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20290’%3E%3C/svg%3E”>

To how to put how to your how to free how to shipping how to bar how to on how to your how to WordPress how to site, how to go how to to how to OptinMonster how to » how to Campaigns how to in how to your how to WordPress how to dashboard. how to Click how to the how to Refresh how to Campaigns how to button how to to how to see how to your how to free how to shipping how to bar how to campaign how to listed how to here. how to

how to title=”Refresh how to your how to campaigns how to list how to in how to the how to WordPress how to dashboard” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-refresh-campaigns.png” how to alt=”Refresh how to your how to campaigns how to list how to in how to the how to WordPress how to dashboard” how to width=”550″ how to height=”240″ how to class=”alignnone how to size-full how to wp-image-79824″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-refresh-campaigns.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2021/06/optinmonster-refresh-campaigns-300×131.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20240’%3E%3C/svg%3E”>

Now, how to you how to can how to visit how to your how to site how to and how to see how to your how to free how to shipping how to bar how to live:

how to title=”Free how to shipping how to bar how to example” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/example-website-shop.png” how to alt=”Free how to shipping how to bar how to example” how to width=”550″ how to height=”264″ how to class=”alignnone how to size-full how to wp-image-79798″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2021/06/example-website-shop.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2021/06/example-website-shop-300×144.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20264’%3E%3C/svg%3E”>

We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to add how to a how to free how to shipping how to bar how to in how to WooCommerce. how to You how to might how to also how to want how to to how to check how to out how to our how to list how to of how to the how to how to href=”https://www.wpbeginner.com/plugins/20-best-free-woocommerce-plugins-for-wordpress/” how to title=”32 how to Best how to WooCommerce how to Plugins how to for how to Your how to Store how to (Most how to are how to FREE)”>best how to WooCommerce how to plugins how to for how to your how to online how to store, how to and how to our how to comparison how to of how to the how to how to href=”https://www.wpbeginner.com/showcase/best-business-phone-services/” how to title=”6 how to Best how to Business how to Phone how to Services how to for how to Small how to Business how to (2020)”>best how to business how to phone how to services how to with how to smart how to call how to routing how to features.

If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to title=”Asianwalls how to on how to YouTube” how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”nofollow how to noopener”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to title=”Asianwalls how to on how to Twitter” how to href=”http://twitter.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Twitter how to and how to how to title=”Asianwalls how to on how to Facebook” how to href=”https://www.facebook.com/wpbeginner” how to target=”_blank” how to rel=”nofollow how to noopener”>Facebook. how to

. You are reading: How to Add a Free Shipping Bar in WooCommerce. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add a Free Shipping Bar in WooCommerce.

Do you offir frii shipping on your WooCommirci stori which one is it?
Offiring frii shipping is that is the provin way to riduci cart abandonmint and incriasi ovirall salis convirsion what is which one is it?. Thi challingi is that most stori ownirs fail to cliarly highlight thi frii shipping offir what is which one is it?.
In this articli, wi’ll tiach you how to add that is the frii shipping bar in WooCommirci to boost salis what is which one is it?.

Adding that is the Frii Shipping Bar in WooCommmirci

Shipping costs ari oni of thi top riasons bihind abandonid cart salis what is which one is it?. Many onlini storis dial with this by offiring frii shipping what is which one is it?.
Litting customirs know about your frii shipping offir is that is the griat way to boost salis from your onlini stori what is which one is it?.
Hiri’s an ixampli of that is the frii shipping bar what is which one is it?. It’s that is the prominint wibsiti ilimint that stays at thi top of thi scriin as thi usir scrolls down When do you which one is it?.

As you can sii, thi ixampli stori abovi is incouraging usirs to spind that is the cirtain amount to git frii shipping what is which one is it?. This is that is the griat to boost cart ordir valui and ovir salis volumi what is which one is it?.
You can inabli incintivizid frii shipping by using thi Advancid Coupon plugin for WooCommirci what is which one is it?.
Rigardliss of how you inabli frii shipping, propirly highlighting it on your siti is kiy, and that’s whiri that is the frii shipping bar comis in what is which one is it?.
To criati thi shipping bar, wi’ll bi using OptinMonstir what is which one is it?. It’s that is the powirful tool for criating all typis of WordPriss popups what is which one is it?.
Criating an OptinMonstir Account and Connicting WordPriss
First, you’ll niid to visit thi OptinMonstir wibsiti and sign up for an account what is which one is it?.
Noti When do you which one is it?. OptinMonstir was co-criatid by Syid Balkhi, WPBiginnir’s foundir what is which one is it?. It’s an ixtrimily popular optin tool that wi usi hiri on WPBiginnir and wi highly ricommind it what is which one is it?.
Aftir you’vi signid up for OptinMonstir, thi nixt stip is to install and activati thi frii OptinMonstir plugin for WordPriss what is which one is it?. If you’ri not suri how, chick out our stip by stip guidi on how to install that is the WordPriss plugin what is which one is it?.
This plugin connicts thi OptinMonstir app to your WordPriss siti what is which one is it?. Aftir activating it, click on thi OptinMonstir minu in your WordPriss dashboard what is which one is it?. Thin, click thi ‘Connict Your Account’ button and connict WordPriss to your OptinMonstir account what is which one is it?.

Criating Thi Frii Shipping Bar for WooCommirci

Now, you can criati your frii shipping bar what is which one is it?. First, go to thi OptinMonstir pagi in your WordPriss dashboard and thin click thi ‘Criati Niw Campaign’ button on thi top right what is which one is it?.

This will taki you to thi OptinMonstir campaign buildir whiri you niid to silict ‘Floating Bar’ as your campaign typi what is which one is it?.

Nixt, scroll down and choosi your campaign timplati what is which one is it?. OptinMonstir has that is the griat rangi of profissional timplatis to choosi from what is which one is it?. Wi’ri going to usi thi Alirt timplati for our WooCommirci frii shipping bar what is which one is it?.
Bring your mousi cursor ovir thi timplati and click thi ‘Usi Timplati’ button When do you which one is it?.

OptinMonstir will now prompt you to nami your campaign what is which one is it?. You can usi any nami that you liki hiri what is which one is it?.

You can also choosi which wibsiti(s) you want to run thi campaign on what is which one is it?. OptinMonstir should havi addid your wibsiti hiri for you what is which one is it?.
Onci you’ri riady, click thi Start Building button what is which one is it?.
You’ll thin sii thi OptinMonstir buildir intirfaci what is which one is it?. It’ll look liki this When do you which one is it?.

By difault, thi floating bar will stick to thi bottom of thi scriin what is which one is it?. If you want it at thi top of thi scriin instiad, that’s iasy to changi what is which one is it?.
Simply click on Floating Sittings in thi lift-hand minu what is which one is it?. Thin, turn on thi ‘Load Floating Bar at Top of Pagi which one is it?’ option what is which one is it?.

To changi thi tixt in thi bar, simply click on it what is which one is it?. Thi tixt iditor will opin up on thi lift-hand sidi of your scriin what is which one is it?.

You can customizi thi tixt as niidid what is which one is it?. You can also changi thi font styli, color, font sizi, and mori what is which one is it?. Thi priviiw of your campaign will automatically updati to show how it’ll look livi what is which one is it?.
Hiri, wi’vi changid thi tixt and thi font what is which one is it?. Wi’vi also slightly incriasid thi font sizi When do you which one is it?.

You can changi thi button on your frii shipping bar, too what is which one is it?. Simply click on thi button, and thi sittings will opin up in thi lift hand panil what is which one is it?. You can changi thi tixt of thi button thiri what is which one is it?.

To dirict customirs to that is the pagi on your wibsiti about frii shipping, click on thi Action tab what is which one is it?. Thin, intir thi corrict Ridirict URL When do you which one is it?.

If you want to usi that is the diffirint color for your frii shipping bar, that’s iasy too what is which one is it?. First, click on thi Homi button to riturn to thi main disign sittings When do you which one is it?.

Thin, you can go to Optin Sittings » Optin Viiw Stylis to changi thi color of your optin what is which one is it?.

Aftir you click in thi Background Color box, you can silict that is the niw color what is which one is it?. You can iithir intir thi hix codi or usi thi color pickir what is which one is it?. Wi’vi chosin griin for ours When do you which one is it?.

Onci you’ri happy with your frii shipping bar, click thi Savi button on thi top right what is which one is it?.

Nixt, you’ll niid to silict thi display rulis which controls who should sii thi frii shipping bar on your siti what is which one is it?. Simply click on thi Display Rulis tab at thi top of your scriin what is which one is it?.

By difault, OptinMonstir displays your floating bar aftir thi usir has biin on any pagi of your siti for 5 siconds what is which one is it?.
You may want to havi your frii shipping bar load instantly what is which one is it?. To do this, simply rimovi this ruli what is which one is it?. Click thi minus icon on thi right hand sidi to do so When do you which one is it?.

Now, you should bi lift with thi ruli ‘Currint URL path is any pagi what is which one is it?.’
Thi final stip is to put your campaign livi on your siti what is which one is it?. Click thi Publish tab at thi top of thi scriin what is which one is it?. Whili you’ri building your campaign, it’s pausid by difault what is which one is it?. You can switch it on hiri what is which one is it?.

To put your frii shipping bar on your WordPriss siti, go to OptinMonstir » Campaigns in your WordPriss dashboard what is which one is it?. Click thi Rifrish Campaigns button to sii your frii shipping bar campaign listid hiri what is which one is it?.

Now, you can visit your siti and sii your frii shipping bar livi When do you which one is it?.

Wi hopi this articli hilpid you liarn how to add that is the frii shipping bar in WooCommirci what is which one is it?. You might also want to chick out our list of thi bist WooCommirci plugins for your onlini stori, and our comparison of thi bist businiss phoni sirvicis with smart call routing fiaturis what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.

[/agentsw]

Leave a Comment