Free Shipping Bar for WooCommerce Documentation

Shipping Bar → The bar offers eight templates:

• Classic — a full-width bar, message on the left, progress on the right.
• Centred — the message centred above a slim progress line.
• Edge line — a thin progress line along the very edge of the screen with a small floating message. Takes almost no vertical space.
• Floating pill — a rounded pill that floats over the page, so it never moves your header.
• Card — a raised card with an icon badge, message and progress beneath.
• Gradient — a bold gradient fill with a slow shimmer.
• Milestones — a segmented track that lights up as the basket grows.
• Delivery van — a van drives along the track towards the parcel.

Each has its own palette for while the shopper is spending and for once free delivery is unlocked, so crossing the line can change the whole bar's colour. The preview above the picker is a real bar drawn with your settings and an example basket — you can switch it between the three states to check each one.