An Add to unlock cart block enables a progress bar to be added to the cart with rewards that a customer can unlock by spending more.
To style the progress bar use the following settings:
Progress bar thickness
Progress bar color
Progress bar background color
Reward size
Reward spacing
Reward background color
Completed reward background color
Reward tick color
Rewards can then be added to the progress bar by selecting "+ Add reward" button and then selecting the reward type from the dropdown menu. The options are:
Shipping - Display a free shipping threshold
Discount - Add a discount code to the order
Buy X Get Y - Add a Buy X Get Y discount to the order
Free Gift - Add a free product to the order
A Maximum of 5 rewards can be added to any one progress bar.
A discount reward and a Buy X Get Y reward can not be added at the same time. This is a Shopify limitation which causes conflicts between the two discount codes.
Shipping Rewards
Display a free shipping threshold for customers to reach. Find the shipping zones for the markets the cart has been assigned to by opening your Shopify Settings. (Settings > Shipping and delivery > Dones). Set up the market with free shipping thresholds.
Add the free shipping threshold to the "Amount threshold" input field. Customize the Progress bar label.
Discount Rewards
Auto add a discount to the customers cart when a threshold has been met. Create a discount code within the Shopify Admin.
Click 'Discounts' in the Shopify Admin navigation. then Click 'Create Discount'. From the popup select 'Amount off products'
Setup your discount within the Shopify Discount settings:
Once the discount code has been created. Head back to the Unicorn app and add the following details to the discount reward ensuring they match the discount code created.
Amount threshold - minimum purchase amount of the discount code
Discount code title - the name of the discount code created
Any items from - match the applies to field (Specific Collection / Specific Product)
Collections / Products - match the collections / products the discount code applies to
Progress bar label - This can be anything you wish
Discount type - match the type of the code - Percentage or Fixed Amount.
Percentage off / Amount Off - match the discount code.
Due to how Shopify handles Fixed-Amount discounts we advise against using them for any multi currency stores unless you have set manual exchange rates. Read more
Buy X Get Y
Offer customers to get free gift incentive using a Buy X Get Y Shopify discount once the threshold has been met. Create a discount code within the Shopify Admin.
Click 'Discounts' in the Shopify Admin navigation. then Click 'Create Discount'. From the popup select 'Buy X Get Y'
Complete the Buy X Get Y discount setup in the Shopify Settings.
Once the discount code has been created, head back to the Unicorn app and add the following details to the discount reward ensuring they match the discount code created.
Amount threshold - minimum purchase amount of the discount code
Discount code title - the name of the discount code created
Any items from - match the applies to field (Specific Collection / Specific Product)
Collections / Products - match the collections / products the discount code applies to
Progress bar label - This can be anything you wish
Product - Match the free product to give the customer
Quantity
At a discounted value - match the discount code - Percentage / Amount off each / Free
You may also want to edit the following copy and design:
Product description before item added to cart
Product description after item added to cart
Product description if unable to add to cart
Product action - button text to add product to cart
Product background color
Product border color
Free Gift
Offer customers a free gift incentive once the threshold has been met. This is much more flexible than the Buy X Get Y gift and doesn't conflict with other discounts.
Create a product in the Shopify Admin and set the price to 0.
Amount threshold - minimum purchase amount of the discount code
Any items from - match the applies to field (Specific Collection / Specific Product)
Collections / Products - match the collections / products the discount code applies to
Progress bar label - This can be anything you wish
Product - The free product to give the customer
Quantity
At a discounted value - match the discount code - Percentage / Amount off each / Free
You may also want to edit the following copy and design:
Product description before item added to cart
Product description after item added to cart
Product description if unable to add to cart
Product action - button text to add product to cart
Product background color
Product border color
