Freetop Pro

Freetop Pro adds controls for showing WooCommerce clients the free-shipping threshold and their progress toward it. It includes the free version’s capabilities, with additional settings for shipping zones, design, placement, and visibility.

Choose a threshold by shipping zone

When location detection is enabled, Freetop Pro uses a customer’s IP address to choose a WooCommerce shipping zone. The bar then uses the free-shipping amount set for that zone. A shop could, for example, set one minimum for customers in the United States and another for customers in Canada.

Customize messages for the initial announcement, after a product is added to the cart, when the threshold is reached, and while the order is still below it. Six shortcodes can insert values or links: {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.

Place the bar and progress display

Set the main shipping bar at the top of the page or in the bottom position. Its progress bar can sit inside or underneath it, showing the customer’s progress toward the minimum as a percentage. A small progress bar can also appear in the menu cart, sidebar cart, cart page, and checkout page.

Style the shipping and progress bars

Configure the font family, progress background color, current progress background color, progress text color, and progress-bar font size. Choose a plain, loading, or border effect. Custom CSS is available for further styling. A gift icon can call attention to the bar while it is hidden.

Control whether the bar appears on mobile devices. Set an initial delay after the website has fully loaded, allow customers to close the bar, and pick how long it remains visible before disappearing. Customers can bring it back with the free-delivery icon.

Set where the bar appears

Use WordPress conditional tags and page assignments to control visibility. You can show the bar on WooCommerce pages or conceal it on selected pages, such as the homepage, blog, cart, or checkout.

Set up Freetop Pro

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

The Pro version includes six months of premium support from VillaTheme for plugin issues.