Install AOV Progress Bar App
Shopify merchants can use AOV Progress Bar extension by installing the app from Shopify app store.
Setup AOV Progress Bar
Go to overview page and add a new AOV progress bar.
Styles > Content > Discounts to add multi-tiers discounting. This allows you to go beyond offering free shipping to your customers and motivate them to add even more items to unlock more discounts. For example, you can configure discounting in the following manner:
- Free Shipping if Cart Amount is greater than $50
- Additional $10 Off if Cart Amount is greater than $100
One point to note that discounts are evaluated based on cart amount. We currently do not support discounting based on other attributes like number of cart items.
Styles > Preview to configure widget preview.
Cart Amountto see how progress bar changes based on different cart amount.
Background Colorif you need to preview progress bar with non-visible text color like white.
Save to create AOV Progress Bar once everything is ready.
Product Page (Auto) - Will automatically place widget at product page after add to cart button. Keep in mind that this method may not work for every themes. If auto placement doesn't work, use Selector or Custom Placement instead.
Product Page (Selector) - Use placement tool to visually insert widgets into your site without any technical work. See guide for selector placement.
Custom Placement - Manually install widget. Use this as fallback if all other placement methods doesn't work.
In most cases, our system should be able to automatically install the widgets for you (if you've opted for auto placement). For themes that can't be automatically installed or wasn't correctly installed, you need use Custom Placement.
Show Code to view installation instructions.
You will then need to manually add code snippet to your site. Select
Show Code after saving and follow installation instructions from there.
Shopify Online Store 2.0 (Optional)
If you are using a theme that supports Online Store 2.0, you can use app block to add widget. Simply select
Custom Placement when setting up widget and follow installation instructions from
Show Code button in overview page.
Configure Discounting Rules from Shopify Admin
AOV Progress Bar will not alter any backend discounting rules that you have setup with Shopify. Follow links below to configure your store's discounting logic via Shopify Admin.
- How to implement multi-tiers discounting on Shopify
- Editing Store Discounts
- Setting up Free Shipping