Multiple shipping zones<\/strong><\/p>\n\nThe plugin shows one threshold to all visitors. If you have zones with different minimums (say, $50 for domestic and $75 for international), customers in the non-primary zones will see the wrong number. If that's a real concern for your store, you'll want a plugin with geo-detection built in.<\/p>\n\n
Styling<\/h3>\n\n
All classes and their purposes are listed on the settings page. Quick reference:<\/p>\n\n\n\n\n Class\n Element\n\n\n\n\n .rankd-fs-wrapper<\/code>\n Outer div (both states)\n\n\n .rankd-fs-notice<\/code>\n Outer div \u2014 threshold not met\n\n\n .rankd-fs-success<\/code>\n Outer div \u2014 threshold met\n\n\n .rankd-fs-message<\/code>\n Message text span\n\n\n .rankd-fs-amount<\/code>\n Currency amount span\n\n\n .rankd-fs-coupon-code<\/code>\n Coupon code span\n\n\n .rankd-fs-coupon-line<\/code>\n Coupon line beneath success msg\n\n\n .rankd-fs-bar-track<\/code>\n Progress bar background track\n\n\n .rankd-fs-bar-fill<\/code>\n Progress bar filled portion\n\n\n\n- Upload the
free-shipping-progress<\/code> folder to \/wp-content\/plugins\/<\/code>, or install via Plugins \u2192 Add New \u2192 Upload Plugin<\/strong><\/li>\n- Activate the plugin<\/li>\n
- Go to WooCommerce \u2192 Settings \u2192 Shipping \u2192 Free Shipping Progress<\/strong><\/li>\n
- Set your threshold amount and customize your messages<\/li>\n
- Under Display & Placement<\/strong>, either:\n\n
\n- Check Auto-inject on Cart Page<\/strong> and\/or Auto-inject on Checkout Page<\/strong> for automatic display, or<\/li>\n
- Place
[rankd_free_shipping]<\/code> anywhere on your site manually<\/li>\n<\/ul><\/li>\n<\/ol>\n\nNothing will appear on your site until you complete step 5.<\/strong><\/p>\n\n\n\nI activated the plugin but nothing is showing. Why?<\/h3><\/dt>\nThe message doesn't appear until you tell it where to display. Go to WooCommerce \u2192 Settings \u2192 Shipping \u2192 Free Shipping Progress<\/strong> and either enable one of the Auto-inject options, or place the shortcode [rankd_free_shipping]<\/code> somewhere on your site.<\/p><\/dd>\nWhere can I place the shortcode?<\/h3><\/dt>\nAnywhere shortcodes work \u2014 pages and posts (Shortcode block in the block editor), widget areas (Text or HTML widget), theme templates via do_shortcode( '[rankd_free_shipping]' )<\/code>, or WooCommerce action hooks in your child theme's functions.php<\/code>.<\/p><\/dd>\nWhat's the difference between auto-inject and the shortcode?<\/h3><\/dt>\nAuto-inject hooks into WooCommerce's cart and checkout templates \u2014 no placement needed, works even if you switch themes. The shortcode gives you full control over exactly where the message appears and works on any page. You can use both at the same time.<\/p><\/dd>\n
Does the progress bar update live?<\/h3><\/dt>\nYes, on all pages. On classic cart\/checkout it responds immediately when WooCommerce fires cart update events. On block-based themes and anywhere else the shortcode is placed, it checks for cart changes every 2.5 seconds and refreshes automatically. Checking pauses when the browser tab is hidden.<\/p><\/dd>\n
My store has multiple shipping zones with different minimums. Will this work?<\/h3><\/dt>\nNot fully \u2014 see the Known Limitation note in the Description. If your zones share the same threshold, there's no problem. If they differ significantly, a geo-aware plugin will serve you better for this specific feature.<\/p><\/dd>\n
How do I hide the progress bar and show text only?<\/h3><\/dt>\nAdd this to Appearance \u2192 Customize \u2192 Additional CSS<\/strong>: .rankd-fs-bar-track { display: none; }<\/code><\/p><\/dd>\nHow do I style the message?<\/h3><\/dt>\nThe settings page includes a full CSS class reference table. You can also refer to the Styling section below.<\/p><\/dd>\n
Does this work with block-based themes like Twenty Twenty-Five?<\/h3><\/dt>\nYes. On block cart\/checkout pages the plugin injects the message via JavaScript and refreshes it via polling. No extra configuration needed.<\/p><\/dd>\n
Will this work with Elementor?<\/h3><\/dt>\nYes, on classic WooCommerce cart\/checkout pages with Elementor. Place the shortcode in an HTML widget anywhere on your site for full control over placement.<\/p><\/dd>\n\n<\/dl>\n\n\n
1.0.0<\/h4>\n\n\n- Initial release.<\/li>\n<\/ul>","raw_excerpt":"Show customers how close they are to qualifying for free shipping, with a progress bar and message that updates as they shop.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/312669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=312669"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/coolhuntersgt"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=312669"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=312669"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=312669"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=312669"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=312669"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=312669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}