Login to OnVoard
Install AOV Progress Bar App
Shopify merchants can use AOV Progress Bar extension by installing the app from Shopify app store.
- AOV Progress Bar Shopify Listing
Configure Shopify Settings
After app is installed, go to Shopify settings page. Turn on
install scripts if you want OnVoard to automatically install loader script to your store. If auto installation is turned off, you would need to manually install loader code to your site. For most users, we recommend turning on auto installation.
Setup AOV Progress Bar
Go to overview page and add a new AOV progress bar.
Settings > Platform is set as
Shopify. This setup allows us to automatically detect cart changes from your Shopify store.
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.
Show Code to view installation instructions.
How to manually install AOV progress bar snippet on Shopify?
You can follow this guide.
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