Showing a Customers Cart Information in a Pop Up/Unobar

 

Shopify app updated 3/25/2018

Bigcommerce app updated 5/28/2018


 

Use Case 1: Use a tab to show a customers cart total. While built in menu bars usually have this feature as well, it doesn't follow the customer when they scroll! 

Step 1: Create a unlocked pop up that is positioned in the corner of your website like the example belowcorner-popup-cart.jpg

Step 2: Where you would like the cart items to appear place {{cartquantity}}

Step 3: Once you are satisfied with the design head to the rules and click add new rule and choose advanced rule

Step 4: Add in a rule to show on every page if a customer has an item in their cart with the cart value rulescartitemsrule.png

 

Use Case 2: Using an Unobar to display how much a customer has left for free shipping across your website

Step 1: Create a unlocked unobar and where you would like the value to show place {{150-carttotal}}. This would be for a countdown from $150, if your free shipping starts at $40 use {{40-carttotal}} instead! The design might look off in the design canvas because the {{150-carttotal}} placeholder will be larger than the number pulled in! cartotal.png

Step 2: Once you are satisfied with the design head to the rules and click add new rule and choose advanced rule

Step 3: In the rules, add in a cart value rule to ensure that the unobar is only shown when a customer has less than the free shipping number in their cart. For this example I will add in 150.cartvaluerule.png

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.