{"id":47972,"date":"2025-10-01T10:19:04","date_gmt":"2025-10-01T10:19:04","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=tips-and-tricks&p=47972"},"modified":"2025-10-01T10:19:05","modified_gmt":"2025-10-01T10:19:05","slug":"showing-free-shipping-notice-in-progress-bar","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/showing-free-shipping-notice-in-progress-bar\/","title":{"rendered":"Showing a Free Shipping Notice in the Progress Bar"},"content":{"rendered":"\n

Shipping costs are one of the top reasons for cart abandonment in e-commerce. This tutorial shows how to create a dynamic progress bar that motivates customers to reach the free shipping threshold. Instead of paying for shipping, users are encouraged to add more to their cart to qualify.<\/p>\n\n\n\n

Here, we\u2019ll uncover how to create a dynamic free shipping progress bar for your WooCommerce<\/em> site using JetWooBuilder<\/em> templates and JetEngine <\/em>functionality.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

In this case, we use the Only Books <\/strong>dynamic template<\/a>.<\/p><\/div><\/div>\n\n\n\n

Create a JetEngine SQL Query<\/h2>\n\n\n\n

Go to WordPress Dashboard > JetEngine > Query Builder <\/em><\/strong>and press the \u201cAdd New<\/strong>\u201d button.<\/p>\n\n\n\n

Type the query Name <\/strong>and select the \u201cSQL\/AI Query<\/a>\u201d Query Type<\/strong> in the General Settings <\/strong>section.<\/p>\n\n\n\n

Then, scroll down to the Custom SQL Query <\/strong>section and set the \u201cpostmeta\u201d option in the From table <\/strong>dropdown.<\/p>\n\n\n\n

Next, push the \u201cAdd new<\/strong>\u201d button under the Where (query clauses) <\/strong>text to add a repeater item, where such options should be set:<\/p>\n\n\n\n