Freetop Pro: set shipping progress by WooCommerce zone

Freetop Pro is a paid WooCommerce extension that shows clients the free-shipping threshold for their order and how close they are to reaching it. It includes the free version’s capabilities, with additional controls for location, design, placement, and visibility.

Show the threshold and cart progress

Place the main shipping bar in the top header or at the bottom of the page. Its progress bar can appear inside the shipping bar or underneath it. The bar can show an announcement, a message after a customer includes a product, and messages for when the order reaches or falls short of the free-shipping minimum.

Customize those messages with six available shortcodes: {min_amount} for the minimum order amount, {total_amounts} for the total amount of purchases, {cart_amount} for the current cart amount, {missing_amount} for the amount left to qualify, {checkout_page} for the checkout link, and {shopping} for the shop link.

A small progress bar can also appear in the menu cart, sidebar cart, cart page, and checkout page, so customers can check their progress while reviewing or updating an order.

Apply the threshold for a customer’s location

When location detection is enabled, Freetop Pro uses the customer’s IP address to choose a WooCommerce shipping zone. The bar then shows the free-shipping progress for that zone. For example, a store can set one minimum order amount for customers in the United States and a various amount for customers in Canada.

Style the bar and progress indicator

Configure the shipping bar’s background, text and link colors, font family, font size, and text alignment. Pro adds settings for the progress background color, current progress color, progress text color, font size, and effect. Choose a plain, loading, or border effect, and use custom CSS to further adjust the appearance.

A gift icon can call attention to the bar when it is hidden. You can also enable or disable the bar on mobile devices.

Set when and where it appears

Choose an initial delay before the bar appears after the website has fully loaded. Customers can close it, and you can set how long it stays visible before disappearing automatically. They can bring it back with the free-delivery icon.

Use conditional tags to control which pages display the bar, or assign pages where it should be hidden. For example, you can limit it to WooCommerce pages or conceal it on the homepage, blog, cart, or checkout page.

Set up the display

• Set the free-shipping amount for the relevant WooCommerce shipping zone.
• Choose the shipping-bar position and progress-bar placement.
• Configure messages, colors, typography, effects, and any custom CSS.
• Set mobile visibility, display delay, close behavior, and disappearance timing.
• Review the bar on product, cart, and checkout pages.

Install Freetop Pro on a WooCommerce store and configure its thresholds, display, design, location detection, and visibility rules. The Pro version includes six months of premium support from VillaTheme for issues with the Free Shipping Bar for WooCommerce.