How to Create an Average Cart Value Booster

Lisa Fockens Updated by Lisa Fockens

In this guide, I’m going to show you how to create a cart value booster based on your free shipping threshold, as visible in this example:

Note: This tutorial will only work if:

  • You're able to set the cart total price as a custom property - this is done out of the box when using our Shopify app
  • You have a free shipping threshold (this is probably obvious)

  1. You must let Wisepops know what is the total price in the cart. So we can do some math on it.
    If you're using our Shopify app, you can skip this step.
    In your website source code, define a custom property just after our setup code. Like this:
    ​wisepops('properties', {cart: {
    total_price: REPLACE_WITH_CART_PRICE
    REPLACE_WITH_CART_PRICE must be replaced by the actual price of the cart.
  2. Create a new campaign in your Wisepops account.
  3. Drag and drop a text block into your popup.
  4. Copy and paste the following piece of code into your block:
    {{ X | minus: cart.total_price | round: 2 }}

    Replace the X with your own free shipping threshold. For example:
    {{ 100 | minus: cart.total_price | round: 2 }}

    When the popup is displayed, this section will be replaced with the value that your visitor needs to add to his cart to get free shipping. Your text block should look like this:
  5. Go to Display rules > Pages. Add a rule to ensure that the campaign is displayed only on the cart overview page:
  6. Go to Display rules > Advanced, and locate the section named Custom properties (or Shopify properties). Add a rule to display the campaign only when the threshold isn't reached. Replace 100 by your own free shipping:
    If cart.total_price isn't present in the dropdown, you can type it manually.

And you’re done!

Don't hesitate to contact our support if you have any questions.

Promote a free shipping threshold based on cart value