{"id":272285,"date":"2023-04-23T21:02:59","date_gmt":"2023-04-23T19:02:59","guid":{"rendered":"https:\/\/octolize.com\/?p=272285&#038;cf-nocache=1"},"modified":"2025-09-15T12:33:31","modified_gmt":"2025-09-15T10:33:31","slug":"free-shipping-progress-bar-in-woocommerce","status":"publish","type":"post","link":"https:\/\/octolize.com\/es\/blog\/free-shipping-progress-bar-in-woocommerce\/","title":{"rendered":"How to Add a Dree Shipping Progress Bar in WooCommerce?"},"content":{"rendered":"<p><b>Displaying a free shipping progress bar in WooCommerce is an intelligent way to increase Average Order Value and boost your profit margin. It&#8217;s also effortless. In this article, I&#8217;ll show you how to do it using a completely free plugin in a few steps.\u00a0<\/b><\/p>\n<p><span style=\"font-weight: 400;\">We&#8217;re all familiar with this situation &#8211; you&#8217;re at your favorite online store and add an $80 product to your cart. After adding it to your cart, you get a message that if you add other products for more than $20, you&#8217;ll get free shipping. Shipping alone costs $10. So it seems logical to add something for $20 because you get the feeling that you will only pay $10 for it. This is how <strong>many e-commerce stores use complimentary shipping to increase their profits and average order value<\/strong>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The key here, however, is to present the information about the missing amount for free shipping attractively. This is necessary for free shipping to maintain all its selling points. In this article, I&#8217;ll show you step-by-step how to add a free shipping progress bar in WooCommerce. All using a free plugin.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Why add a free shipping progress bar to WooCommerce?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">There are several important reasons why offering free shipping and showing the amount missing for free shipping can be important for any online store. All of them share a common factor &#8211; <strong>they result in better sales<\/strong>.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Reduced cart abandonment<\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/octolize.com\/es\/blog\/woocommerce-free-shipping-over-amount\/\">Free shipping<\/a> gets results and is <strong>one of the most important factors in reducing abandoned shopping carts in e-commerce<\/strong>. This is clearly shown by research: According to Baymard, <\/span><a href=\"https:\/\/baymard.com\/lists\/cart-abandonment-rate\"><span style=\"font-weight: 400;\">48% of customers<\/span><\/a><span style=\"font-weight: 400;\"> in their study abandoned their cart because the extra costs were too high (shipping charges, tax, fees).<\/span><\/p>\n<p><a href=\"https:\/\/octolize.com\/es\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/cart-abandonment-stats.png\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-272286\" src=\"https:\/\/octolize.com\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/cart-abandonment-stats.png\" alt=\"cart abandonment stats\" width=\"1288\" height=\"856\" srcset=\"https:\/\/octolize.com\/app\/uploads\/2023\/04\/cart-abandonment-stats.png 1288w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/cart-abandonment-stats-260x173.png 260w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/cart-abandonment-stats-712x473.png 712w\" sizes=\"auto, (max-width: 1288px) 100vw, 1288px\" \/><\/a><\/p>\n<h3>Higher Average Order Value<\/h3>\n<p>Displaying the remaining amount for free shipping with a progress bar is a <strong>fantastic way to increase Average Order Value (AOV)<\/strong> &#8211; one of the most crucial metrics in e-commerce. AOV is the average amount of money a customer spends on each purchase in an online store. It&#8217;s essential to keep this factor high because it translates to increased revenue and profit margins for the business. Free shipping is one of the most popular tactics store owners use to improve the Average Order Value. There&#8217;s nothing surprising about it. Customers love free shipping and are eager to add additional products to their cart to get free shipping.<\/p>\n<h3>Increased customer loyalty<\/h3>\n<p><strong>Customers who receive free shipping are more likely to return to a store in the future<\/strong>, as they associate it with a positive shopping experience. They just know that they won&#8217;t have to pay extra fees in your store. One way to incentivize customers and encourage them to join your loyalty program is by providing them with the option to receive free shipping for their orders without any additional fees. Alternatively, let buyers pay a fair price for a bundle that includes free shipping. This may be a tempting offer that encourages visitors to join your loyalty program, resulting in stronger client relationships and more revenue.<\/p>\n<h2>What is a free shipping progress bar?<\/h2>\n<p>Using a free shipping progress bar in e-commerce encourages customers to raise the size of their order to be eligible for free shipping. <strong>The progress bar typically shows how much more the consumer must spend to qualify for free shipping and is visible on the website<\/strong>. Additionally, it gamifies the purchasing process. Customers are given a sense of urgency and excitement as they follow their progress toward receiving free delivery thanks to the progress bar. Providing clients with a specific objective to strive for can also help lower cart abandonment rates.<\/p>\n<p><strong>An effective free shipping progress bar should consist of three elements:<\/strong><\/p>\n<ul>\n<li><strong>Target order value threshold<\/strong> &#8211; specify the amount a customer must reach to qualify for free delivery.<\/li>\n<li><strong>Clear progress indicator<\/strong> &#8211; place a clear progress indicator prominently on the page so customers can see how far they are from free delivery and how much they still need to spend.<\/li>\n<li><strong>Call To Action<\/strong> &#8211; use a message encouraging customers to add more products to their shopping cart for free delivery. You can use words such as &#8220;you&#8217;re only missing X zloty to get free delivery&#8221; or &#8220;add a few more products to your cart to get free delivery.&#8221;<\/li>\n<\/ul>\n<h3>Efficient free shipping progress bar<\/h3>\n<p>To make the free shipping progress bar as efficient as possible, it should be prominently displayed on your e-commerce website. Here are a few places where you can display the bar to maximize its effectiveness:<\/p>\n<ul>\n<li><strong>Above the header<\/strong>: This is a great place to display the progress bar because it&#8217;s one of the first things customers see when they land on your website.<\/li>\n<li><strong>In the shopping cart<\/strong>: Displaying the progress bar in the shopping cart is an effective way to remind customers of how much more they need to spend to qualify for free shipping.<\/li>\n<li><strong>On the product page<\/strong>: Displaying the progress bar on the product page can encourage customers to add more items to their cart to reach the free shipping threshold.<\/li>\n<li><strong>On the checkout page<\/strong>: Displaying the progress bar on the checkout page can help reduce cart abandonment rates by giving customers a clear goal to work towards.<\/li>\n<\/ul>\n<p>Ultimately, the placement of the free shipping progress bar will depend on the design of your website and the customer journey. Therefore, it&#8217;s essential to test different placements and analyze the results to determine what works best for your business.<\/p>\n<h2>How to add a free shipping progress bar in WooCommerce?<\/h2>\n<p>Let&#8217;s jump into action. You can add a free shipping progress bar in WooCommerce in just few simple steps:<\/p>\n<ul>\n<li>Step 1. Install the free version of the Flexible Shipping Plugin<\/li>\n<li>Step 2. Add a Flexible Shipping method to your WooCommerce Shipping Zone<\/li>\n<li>Step 3. Configure the free shipping threshold<\/li>\n<li>Step 4. Adjust the free shipping bar<\/li>\n<li>Step 5. Enable free shipping progress bar<\/li>\n<\/ul>\n<p>We will go through all the steps individually so that you can quickly implement a free shipping progress bar in your WooCommerce store. In the end, I will show you the effect of these steps. Let&#8217;s get started!<\/p>\n<h3>Install free version of the Flexible Shipping Plugin<\/h3>\n<p>The entire tutorial will be based on <strong>the free version of the Flexible Shipping plugin<\/strong>. With over 100,000 active installations worldwide, this free table rate shipping plugin is a popular choice for online retailers. It offers a range of advanced features that go beyond what&#8217;s available with standard flat rate shipping, including the ability to create customized shipping conditions based on various factors. With Flexible Shipping, you can easily configure conditional shipping rules for your WooCommerce store, making it a powerful tool for managing shipping costs and boosting customer satisfaction.<\/p>\n\n    <div class=\"plugin-card\">\n        <div class=\"plugin-card-top\">\n            <div class=\"plugin-text\">\n            \t<img decoding=\"async\" class=\"plugin-card-thumbnail\" src=\"https:\/\/octolize.com\/app\/uploads\/2022\/03\/flexible-shipping-pro-avatar-icon.svg\" \/>\n\t\t\t\t\t\t\t\t\t<div class=\"title\">Flexible Shipping WooCommerce<\/div>\n\t\t\t\t\n\t\t\t\t<p>The best Table Rate Shipping for WooCommerce. Period. Create shipping rules based on weight, order totals, or item count.<\/p>\n\n\t\t\t\t<a class=\"button primary btn-cta\"\n\t\t\t\t\t\t\t\t\t\thref=\"https:\/\/wordpress.org\/plugins\/flexible-shipping\/\" title=\"Flexible Shipping PRO WooCommerce\">Go to WordPress.org<\/a>\n\t\t\t\t<span class=\"sep\">or<\/span>\n\t\t\t\t<a href=\"https:\/\/downloads.wordpress.org\/plugin\/flexible-shipping.6.7.3.zip\">Download for free <i class=\"fa fa-download\"><\/i><\/a>\n\t\t\t<\/div>\n\n            <span class=\"logo\">Octolize<\/span>\n        <\/div>\n\n        <div class=\"plugin-card-bottom\">\n            <div class=\"rating-installs\">\n                <div class=\"rating\">\n                                            <span class=\"rating-star\"><\/span>\n                                            <span class=\"rating-star\"><\/span>\n                                            <span class=\"rating-star\"><\/span>\n                                            <span class=\"rating-star\"><\/span>\n                                            <span class=\"rating-star\"><\/span>\n                                    <\/div>\n\n                <div class=\"installs\">\n                    \t\t\t\t\t\t<strong>100,000+ Active Installations<\/strong><br\/>\n\t\t\t\t\t\t\t\t\t\t<strong>30-day money back guarantee<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"updated-tested\">\n                <div class=\"updated\">\n\t\t\t\t\tLast Updated: 2026-05-21                <\/div>\n\n                <div class=\"tested\">\n\t\t\t\t\tWorks with WooCommerce 10.4 - 10.8.x                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    \n<p>Above all, however, the plugin has advanced capabilities to configure free shipping above a certain amount and display a free shipping progress bar. And all of this is entirely free of charge.<\/p>\n<h3>Add Flexible Shipping method in your WooCommerce Shipping Zone<\/h3>\n<p>First, go to <strong>WooCommerce \u2192 Settings \u2192 Shipping<\/strong>. There, edit the shipping zone in which you want to free shipping bar. Next, click on <span style=\"padding: 4px 8px; border: 1px solid #0071a1; border-radius: 3px; color: #0071a1; background-color: #f3f5f6;\">Add\u00a0shipping\u00a0method<\/span> button.<\/p>\n<p><a href=\"https:\/\/octolize.com\/es\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/add-flexible-shipping-method.png\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-272288\" src=\"https:\/\/octolize.com\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/add-flexible-shipping-method.png\" alt=\"Add Flexible Shipping method\" width=\"1527\" height=\"662\" srcset=\"https:\/\/octolize.com\/app\/uploads\/2023\/04\/add-flexible-shipping-method.png 1527w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/add-flexible-shipping-method-260x113.png 260w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/add-flexible-shipping-method-712x309.png 712w\" sizes=\"auto, (max-width: 1527px) 100vw, 1527px\" \/><\/a><\/p>\n<p>Then, select the type of your shipping method. Pick the Flexible Shipping.<\/p>\n<p><a href=\"https:\/\/octolize.com\/es\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/new-flexible-shipping-method.png\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-272289\" src=\"https:\/\/octolize.com\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/new-flexible-shipping-method.png\" alt=\"new Flexible shipping method\" width=\"1027\" height=\"406\" srcset=\"https:\/\/octolize.com\/app\/uploads\/2023\/04\/new-flexible-shipping-method.png 1027w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/new-flexible-shipping-method-260x103.png 260w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/new-flexible-shipping-method-712x281.png 712w\" sizes=\"auto, (max-width: 1027px) 100vw, 1027px\" \/><\/a><\/p>\n<p><span data-slate-leaf=\"true\">Having the <\/span><span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">Flexible <\/span><\/span><span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">Shipping<\/span><\/span> <span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">method<\/span><\/span><span data-slate-leaf=\"true\"> added, it&#8217;s time to <\/span><span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">manage <\/span><\/span><span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">WooCommerce <\/span><\/span><span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">shipping<\/span><\/span> <span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">method<\/span><\/span><span data-slate-leaf=\"true\" data-slate-fragment=\"JTVCJTdCJTIydHlwZSUyMiUzQSUyMnBhcmFncmFwaCUyMiUyQyUyMmNoaWxkcmVuJTIyJTNBJTVCJTdCJTIydGV4dCUyMiUzQSUyMkhhdmluZyUyMHRoZSUyMEZsZXhpYmxlJTIwU2hpcHBpbmclMjBtZXRob2QlMjBhZGRlZCUyQyUyMGl0J3MlMjB0aW1lJTIwdG8lMjBtYW5hZ2UlMjBXb29Db21tZXJjZSUyMHNoaXBwaW5nJTIwbWV0aG9kLiUyMCUyMiU3RCU1RCU3RCU1RA==\">. <\/span><\/p>\n<p><span data-slate-leaf=\"true\">In General Settings section, you can set <\/span><strong><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">Method<\/span><\/strong><span data-slate-leaf=\"true\"><strong> Title<\/strong> and <strong>Description<\/strong>. Below you can also change the tax settings for <\/span><span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">shipping<\/span><\/span><span data-slate-leaf=\"true\"> and <\/span><span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">WooCommerce advanced free <\/span><\/span><span data-slate-leaf=\"true\"><span class=\"sc-cqPOvA lhvspf highlight--related-topic\">shipping<\/span><\/span><span data-slate-leaf=\"true\">.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/octolize.com\/es\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/free-shipping-settings-flexible-shipping-plugin.png\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-272291\" src=\"https:\/\/octolize.com\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/free-shipping-settings-flexible-shipping-plugin.png\" alt=\"free shipping settings flexible shipping plugin\" width=\"758\" height=\"566\" srcset=\"https:\/\/octolize.com\/app\/uploads\/2023\/04\/free-shipping-settings-flexible-shipping-plugin.png 758w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/free-shipping-settings-flexible-shipping-plugin-260x194.png 260w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/free-shipping-settings-flexible-shipping-plugin-712x532.png 712w\" sizes=\"auto, (max-width: 758px) 100vw, 758px\" \/><\/a><\/p>\n<h3>Configure the free shipping threshold<\/h3>\n<p>In the <strong>Free Shipping Threshold<\/strong> field, enter the amount that will become the free shipping level. After filling in this field, you should be able to display<span style=\"font-weight: 400;\">\u00a0the remaining amount for free shipping in WooCommerce. To do this, just check the <\/span><b>&#8216;Left to free shipping&#8217; notice<\/b><span style=\"font-weight: 400;\"> box.<\/span><\/p>\n<p><a href=\"https:\/\/octolize.com\/es\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/display-the-notice-with-the-amount-left-for-free-shipping.png\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-272294\" src=\"https:\/\/octolize.com\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/display-the-notice-with-the-amount-left-for-free-shipping.png\" alt=\"Display the notice with the amount left for free shipping\" width=\"1345\" height=\"403\" srcset=\"https:\/\/octolize.com\/app\/uploads\/2023\/04\/display-the-notice-with-the-amount-left-for-free-shipping.png 1345w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/display-the-notice-with-the-amount-left-for-free-shipping-260x78.png 260w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/display-the-notice-with-the-amount-left-for-free-shipping-712x213.png 712w\" sizes=\"auto, (max-width: 1345px) 100vw, 1345px\" \/><\/a><\/p>\n<h3>Adjust the free shipping bar<\/h3>\n<p>Having the &#8220;left to free shipping&#8221; notice enabled, it&#8217;s time to configure it. In the <strong>LFFS notice text<\/strong> field, you can change the free shipping bar message. Remember to use Call To Action.<\/p>\n<p><a href=\"https:\/\/octolize.com\/es\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/lffs-notice-text.png\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-272299\" src=\"https:\/\/octolize.com\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/lffs-notice-text.png\" alt=\"\" width=\"1312\" height=\"620\" srcset=\"https:\/\/octolize.com\/app\/uploads\/2023\/04\/lffs-notice-text.png 1312w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/lffs-notice-text-260x123.png 260w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/lffs-notice-text-712x336.png 712w\" sizes=\"auto, (max-width: 1312px) 100vw, 1312px\" \/><\/a><\/p>\n<h3>Enable free shipping progress bar<\/h3>\n<p>It&#8217;s not over yet. The final step is to turn on the free shipping progress bar itself. To do this, all you need to do is to enable the <strong>LFFS progress bar<\/strong> checkbox.<\/p>\n<p><a href=\"https:\/\/octolize.com\/es\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/lffs-progress-bar.png\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-272300\" src=\"https:\/\/octolize.com\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/lffs-progress-bar.png\" alt=\"LFFS progress bar\" width=\"1300\" height=\"588\" srcset=\"https:\/\/octolize.com\/app\/uploads\/2023\/04\/lffs-progress-bar.png 1300w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/lffs-progress-bar-260x118.png 260w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/lffs-progress-bar-712x322.png 712w\" sizes=\"auto, (max-width: 1300px) 100vw, 1300px\" \/><\/a><\/p>\n<p>Remember to save the changes and that&#8217;s it! In addition to the free shipping itself, you can use other features of the Flexible Shipping plugin to <a href=\"https:\/\/octolize.com\/es\/blog\/woocommerce-shipping-calculator\/\">configure your Shipping Scenario<\/a>.<\/p>\n<h2>WooCommerce free shipping progress bar in action<\/h2>\n<p>Having gone through the whole process, let&#8217;s check out how the free shipping progress bar looks in my test store using Storefront Theme.<\/p>\n<p><a href=\"https:\/\/octolize.com\/es\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/woocommerce-free-shipping-progress-bar-in-action.png\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-272302\" src=\"https:\/\/octolize.com\/cdn-cgi\/image\/format=auto\/app\/uploads\/2023\/04\/woocommerce-free-shipping-progress-bar-in-action.png\" alt=\"WooCommerce free shipping progress bar in action\" width=\"1305\" height=\"671\" srcset=\"https:\/\/octolize.com\/app\/uploads\/2023\/04\/woocommerce-free-shipping-progress-bar-in-action.png 1305w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/woocommerce-free-shipping-progress-bar-in-action-260x134.png 260w, https:\/\/octolize.com\/app\/uploads\/2023\/04\/woocommerce-free-shipping-progress-bar-in-action-712x366.png 712w\" sizes=\"auto, (max-width: 1305px) 100vw, 1305px\" \/><\/a><\/p>\n<p>Remember that the appearance of the progress bar depends on the WordPress theme you are using.<\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Learn how to add a free shipping bar in WooCommerce using the free plugin.<\/p>","protected":false},"author":5611,"featured_media":272303,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1831,1903,1908],"tags":[],"class_list":["post-272285","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-woocommerce","category-free-shipping"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Add a Dree Shipping Progress Bar in WooCommerce?<\/title>\n<meta name=\"description\" content=\"Learn how to add a free shipping bar in WooCommerce using the free plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/octolize.com\/es\/blog\/free-shipping-progress-bar-in-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Dree Shipping Progress Bar in WooCommerce?\" \/>\n<meta property=\"og:description\" content=\"Learn how to add a free shipping bar in WooCommerce using the free plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/octolize.com\/es\/blog\/free-shipping-progress-bar-in-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Octolize\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-23T19:02:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-15T10:33:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/octolize.com\/app\/uploads\/2023\/04\/free-shipping-progress-bar-in-woocommerce.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1277\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bartosz Gajewski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bartosz Gajewski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/\"},\"author\":{\"name\":\"Bartosz Gajewski\",\"@id\":\"https:\\\/\\\/octolize.com\\\/#\\\/schema\\\/person\\\/1fffc6f40d4bd269e2e1c3538a39d8e0\"},\"headline\":\"How to Add a Dree Shipping Progress Bar in WooCommerce?\",\"datePublished\":\"2023-04-23T19:02:59+00:00\",\"dateModified\":\"2025-09-15T10:33:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/\"},\"wordCount\":1455,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/octolize.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/octolize.com\\\/app\\\/uploads\\\/2023\\\/04\\\/free-shipping-progress-bar-in-woocommerce.jpg\",\"articleSection\":[\"Blog\",\"WooCommerce\",\"Free shipping\"],\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/\",\"url\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/\",\"name\":\"How to Add a Dree Shipping Progress Bar in WooCommerce?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/octolize.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/octolize.com\\\/app\\\/uploads\\\/2023\\\/04\\\/free-shipping-progress-bar-in-woocommerce.jpg\",\"datePublished\":\"2023-04-23T19:02:59+00:00\",\"dateModified\":\"2025-09-15T10:33:31+00:00\",\"description\":\"Learn how to add a free shipping bar in WooCommerce using the free plugin.\",\"inLanguage\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/#primaryimage\",\"url\":\"https:\\\/\\\/octolize.com\\\/app\\\/uploads\\\/2023\\\/04\\\/free-shipping-progress-bar-in-woocommerce.jpg\",\"contentUrl\":\"https:\\\/\\\/octolize.com\\\/app\\\/uploads\\\/2023\\\/04\\\/free-shipping-progress-bar-in-woocommerce.jpg\",\"width\":1920,\"height\":1277},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/octolize.com\\\/blog\\\/free-shipping-progress-bar-in-woocommerce\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/octolize.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Dree Shipping Progress Bar in WooCommerce?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/octolize.com\\\/#website\",\"url\":\"https:\\\/\\\/octolize.com\\\/\",\"name\":\"Octolize\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/octolize.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/octolize.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/octolize.com\\\/#organization\",\"name\":\"Octolize\",\"url\":\"https:\\\/\\\/octolize.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/octolize.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/octolize.com\\\/app\\\/uploads\\\/2022\\\/03\\\/octolize-logo-rgb-pion-green-e1649128780788.png\",\"contentUrl\":\"https:\\\/\\\/octolize.com\\\/app\\\/uploads\\\/2022\\\/03\\\/octolize-logo-rgb-pion-green-e1649128780788.png\",\"width\":656,\"height\":628,\"caption\":\"Octolize\"},\"image\":{\"@id\":\"https:\\\/\\\/octolize.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/octolize.com\\\/#\\\/schema\\\/person\\\/1fffc6f40d4bd269e2e1c3538a39d8e0\",\"name\":\"Bartosz Gajewski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f4a355a17050796980acd833dc9cbac4ce04daf3cf261c078e27f0dc68a1a20c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f4a355a17050796980acd833dc9cbac4ce04daf3cf261c078e27f0dc68a1a20c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f4a355a17050796980acd833dc9cbac4ce04daf3cf261c078e27f0dc68a1a20c?s=96&d=mm&r=g\",\"caption\":\"Bartosz Gajewski\"},\"description\":\"Content Specialist in WP Desk. He tries to increase the number of plugin users with useful content. Privately an enthusiast of mountains and European cinema.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/bartoszgajewski\\\/\"],\"jobTitle\":\"Content Writer\",\"url\":\"https:\\\/\\\/octolize.com\\\/es\\\/blog\\\/author\\\/bartosz\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add a Dree Shipping Progress Bar in WooCommerce?","description":"Learn how to add a free shipping bar in WooCommerce using the free plugin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/octolize.com\/es\/blog\/free-shipping-progress-bar-in-woocommerce\/","og_locale":"es_ES","og_type":"article","og_title":"How to Add a Dree Shipping Progress Bar in WooCommerce?","og_description":"Learn how to add a free shipping bar in WooCommerce using the free plugin.","og_url":"https:\/\/octolize.com\/es\/blog\/free-shipping-progress-bar-in-woocommerce\/","og_site_name":"Octolize","article_published_time":"2023-04-23T19:02:59+00:00","article_modified_time":"2025-09-15T10:33:31+00:00","og_image":[{"width":1920,"height":1277,"url":"https:\/\/octolize.com\/app\/uploads\/2023\/04\/free-shipping-progress-bar-in-woocommerce.jpg","type":"image\/jpeg"}],"author":"Bartosz Gajewski","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Bartosz Gajewski","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/#article","isPartOf":{"@id":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/"},"author":{"name":"Bartosz Gajewski","@id":"https:\/\/octolize.com\/#\/schema\/person\/1fffc6f40d4bd269e2e1c3538a39d8e0"},"headline":"How to Add a Dree Shipping Progress Bar in WooCommerce?","datePublished":"2023-04-23T19:02:59+00:00","dateModified":"2025-09-15T10:33:31+00:00","mainEntityOfPage":{"@id":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/"},"wordCount":1455,"commentCount":0,"publisher":{"@id":"https:\/\/octolize.com\/#organization"},"image":{"@id":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/octolize.com\/app\/uploads\/2023\/04\/free-shipping-progress-bar-in-woocommerce.jpg","articleSection":["Blog","WooCommerce","Free shipping"],"inLanguage":"es-ES","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/","url":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/","name":"How to Add a Dree Shipping Progress Bar in WooCommerce?","isPartOf":{"@id":"https:\/\/octolize.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/octolize.com\/app\/uploads\/2023\/04\/free-shipping-progress-bar-in-woocommerce.jpg","datePublished":"2023-04-23T19:02:59+00:00","dateModified":"2025-09-15T10:33:31+00:00","description":"Learn how to add a free shipping bar in WooCommerce using the free plugin.","inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/#primaryimage","url":"https:\/\/octolize.com\/app\/uploads\/2023\/04\/free-shipping-progress-bar-in-woocommerce.jpg","contentUrl":"https:\/\/octolize.com\/app\/uploads\/2023\/04\/free-shipping-progress-bar-in-woocommerce.jpg","width":1920,"height":1277},{"@type":"BreadcrumbList","@id":"https:\/\/octolize.com\/blog\/free-shipping-progress-bar-in-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/octolize.com\/"},{"@type":"ListItem","position":2,"name":"How to Add a Dree Shipping Progress Bar in WooCommerce?"}]},{"@type":"WebSite","@id":"https:\/\/octolize.com\/#website","url":"https:\/\/octolize.com\/","name":"Octolize","description":"","publisher":{"@id":"https:\/\/octolize.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/octolize.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-ES"},{"@type":"Organization","@id":"https:\/\/octolize.com\/#organization","name":"Octolize","url":"https:\/\/octolize.com\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/octolize.com\/#\/schema\/logo\/image\/","url":"https:\/\/octolize.com\/app\/uploads\/2022\/03\/octolize-logo-rgb-pion-green-e1649128780788.png","contentUrl":"https:\/\/octolize.com\/app\/uploads\/2022\/03\/octolize-logo-rgb-pion-green-e1649128780788.png","width":656,"height":628,"caption":"Octolize"},"image":{"@id":"https:\/\/octolize.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/octolize.com\/#\/schema\/person\/1fffc6f40d4bd269e2e1c3538a39d8e0","name":"Bartosz Gajewski","image":{"@type":"ImageObject","inLanguage":"es-ES","@id":"https:\/\/secure.gravatar.com\/avatar\/f4a355a17050796980acd833dc9cbac4ce04daf3cf261c078e27f0dc68a1a20c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f4a355a17050796980acd833dc9cbac4ce04daf3cf261c078e27f0dc68a1a20c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f4a355a17050796980acd833dc9cbac4ce04daf3cf261c078e27f0dc68a1a20c?s=96&d=mm&r=g","caption":"Bartosz Gajewski"},"description":"Content Specialist in WP Desk. He tries to increase the number of plugin users with useful content. Privately an enthusiast of mountains and European cinema.","sameAs":["https:\/\/www.linkedin.com\/in\/bartoszgajewski\/"],"jobTitle":"Content Writer","url":"https:\/\/octolize.com\/es\/blog\/author\/bartosz\/"}]}},"_links":{"self":[{"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/posts\/272285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/users\/5611"}],"replies":[{"embeddable":true,"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/comments?post=272285"}],"version-history":[{"count":4,"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/posts\/272285\/revisions"}],"predecessor-version":[{"id":335108,"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/posts\/272285\/revisions\/335108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/media\/272303"}],"wp:attachment":[{"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/media?parent=272285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/categories?post=272285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/octolize.com\/es\/wp-json\/wp\/v2\/tags?post=272285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}