Showing a Customer's Cart Information in a Pop-up

This articles describes the process of adding a dynamic banner on your website, which corresponds to data from a customer's cart.

At a Glance:

Use Case 1 : How to create a tab that shows the cart total or cart quantity

Use Case 2: How to use a banner to display the amount left to spend until free shipping

Instructions:

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!

1. Create a website messaging type of pop up and position it in the corner of your website similar to the example below:

corner website

 

2. Where you would like the cart items to appear place . Add 0 for the total cost of the cart.

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

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

cart total rule

 

 

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

1. Create a website messaging promotion and where you would like the value to show place 150. This would be for a countdown from $150, if your free shipping starts at $40 use 40 instead! The design might look off in the design canvas because the 150 placeholder will be larger than the number pulled in!

text in design canvas

 

2. Once you are satisfied with the design, head to the rules and click add new rule then choose advanced rule

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

configure rules