Dynamic free shipping bar
Yuan avatar
Written by Yuan
Updated over a week ago

In this article:

What is dynamic free shipping bar

Free shipping bar is an effective tool provided by uShopAid app to help you increase sales. It displays the amount of money customers need to spend to reach free shipping on their current cart. This can help you encourage customers to purchase more products in order to qualify for free shipping, which can lead to increased sales.

For example, if your minimum amount for free shipping is $100, when the cutomer's cart is empty, the free shipping bar will display message like "Free shipping for all orders over $100". Then the customer add products to cart, the message will change to "Almost there! You are only $20 away from free shipping".

How to set it up

  1. We assume that you already know how to create a form campaign in the uShopAid app.

  2. When you create a form campaign, filter type "sticky bar" in the template library, as Free shipping reminder is only supported in the Sticky bar.

  3. Select a sticky bar template, and click on Use This Template to get to the Form Editor.

  4. Click on the Add elements on the left and drag the Free shipping reminder element into the workspace.

  5. Set the goal and messages. If your minimum amount for free shipping is $100, set the first goal as 100. Set the messages when the cart is empty, when the goal is not achieved, and when the goal is achieved.

  6. If you have special needs, you can click on Add second goal to set 2 goals. The value of the second goal must be greater than the value of the first goal.

  7. Redirect when click on the message. If you want to redirect to a specific page when customers click on the message, you can enable the switch. If you enable the switch and don't input the URL, it will redirect to the checkout page when the customers click on the message.

  8. You are suggested to highlight the money in the messages. You just need to set the money as a different color as follows.

  9. You can set the currency symbol directly in the messages. For example, "Free shipping for all orders over $100" or "Free shipping for all orders over ¥100".

When you set the messages, please don't change the content wrapped by "[[]]".

[[first_goal]]: If you set the first goal as 100, [[first_goal]] will be displayed as 100 in the message.

[[first_goal_minus_cart_value]]: If you set the first goal as 100, and cart value is 30, [[first_goal_minus_cart_value]] will be display as 70 in the message.

[[second_goal_minus_cart_value]]: If you set the second goal as 200, and cart value is 120, [[second_goal_minus_cart_value]] will be display as 80 in the message.

How does it work

You are suggested to display the dynamic free shipping bar to visitors once they get to your store.

If you set the free shipping reminder as follows:

First goal: 100.

When cart is empty: Free shipping for all orders over $[[first_goal]].

When first goal is not achieved: Almost there! You are only $[[first_goal_minus_cart_value]] from free shipping.

When first goal is achieved: You have unlocked free shipping!

When the customer visits your store and his cart is empty, the sticky bar will display "Free shipping for all orders over $100". When he adds an item with a price of $30 to his cart, the sticky bar will display "Almost there! You are only $70 away from free shipping." When his cart value is at least $100, the sticky bar will display "You have unlocked free shipping!".

Did this answer your question?