[Version 2] Reward Bar

[Version 2] Reward Bar

  1. What is Reward Bar?

Reward Bar is a multi-tiered progressive bar to show buyers how much more they need to spend to reach a specific goal.

  1. 3 types of Reward Bar:

1. Order Goal: 

Order Goal encourage customers to spend more to get order discounts.

  1. How to setup Order Goal offer?

Step 1: Create offer
Let's start creating a new offer by clicking on the "Create Offer" button on Dashboard. It will automatically redirect you to the "Manage offers" tab.  Or you can directly access to "Manage offers" tab through the left sidebar. Select "Cart page" > Choose "Order Goal" and click the "Create" button on the selected offer type.

Step 2: Offer Settings
  1. Title: You can set the title for your offer to encourage customers to purchase additional products.

Please make sure to keep the params in the correct format to display the value properly.
  1. Done message: The message which shows after the goal is reached.

  1. Discount settings: 
There are two types of discount value: Percentage (discount based on percentage) and Fixed amount (discount based on fixed amount). 

  1. Tier settings:
    1. Title: You can set the title of the tier there.
    2. Minimum subtotal: Minimum amount customers have to buy to receive the discount.
    3. Discount value: You can set the discount amount here.

You can create maximum 3 tiers. If you want more, please contact us.
  1. Display conditions:
When enabling conditions, you can display the offer only when the conditions are met.

  1. Combinations:
If you want to let customers combine different discounts together, please enable this option. You can select to combine this offer's discount with: Product discounts, Order discounts or Shipping discounts.


  1. Advanced settings: 
    1. Active dates: You can set the date the offer will start and end there.

Step 3: Save Settings
Once you've finished all the steps, click on the "Save" button on the top right corner or "Save Offer" button on the bottom right of the page. Your offer is now created!

2. Shipping Goal

Shipping Goal encourage customers to spend more to get free shipping discounts.

  1. How to setup Shipping Goal offer?

Step 1: Create offer
Let's start creating a new offer by clicking on the "Create Offer" button on Dashboard. It will automatically redirect you to the "Manage offers" tab.  Or you can directly access to "Manage offers" tab through the left sidebar. Select "Cart page" > Choose "Shipping Goal" and click the "Create" button on the selected offer type.

Step 2: Offer Settings
  1. Title: You can set the title for your offer to encourage customers to purchase additional products.

Please make sure to keep the params in the correct format to display the value properly.
  1. Done message: The message which shows after the goal is reached.

  1. Discount settings: 
There are two types of discount value: Percentage (discount based on percentage) and Fixed amount (discount based on fixed amount). 

  1. Tier settings:
    1. Title: You can set the title of the tier there.
    2. Minimum subtotal: Minimum amount customers have to buy to receive the discount.
    3. Discount value: You can set the discount amount here.

You can create maximum 3 tiers. If you want more, please contact us.
  1. Display conditions:
When enabling conditions, you can display the offer only when the conditions are met.

  1. Combinations:
If you want to let customers combine different discounts together, please enable this option. You can select to combine this offer's discount with: Product discounts and Order discounts.


  1. Advanced settings: 
    1. Active dates: You can set the date the offer will start and end there.

Step 3: Save Settings
Once you've finished all the steps, click on the "Save" button on the top right corner or "Save Offer" button on the bottom right of the page. Your offer is now created!

3. Gift with purchase

Gift with purchase encourage customers to spend more to get free gifts.

  1. How to setup Order Goal offer?

Step 1: Create offer
Let's start creating a new offer by clicking on the "Create Offer" button on Dashboard. It will automatically redirect you to the "Manage offers" tab.  Or you can directly access to "Manage offers" tab through the left sidebar. Select "Cart page" > Choose "Gift with purchase" and click the "Create" button on the selected offer type.

Step 2: Offer Settings
  1. Title: You can set the title for your offer to encourage customers to purchase additional products.

Please make sure to keep the params in the correct format to display the value properly.
  1. Done message: The message which shows after the goal is reached.

  1. Popup settings: 
    1. Popup title: The title showing in the popup to select free gifts.
    2. Popup description: The subtitle showing in the popup to select free gifts.

  1. Receiving behavior: 
    1. Manually: Allow customers to select variants or certain number of gifts.
    2. Automatically: Free gifts will automatically added to cart when customers meet the requirements (without selecting variants).

With Manual receiving behavior, customers need to click on the Gift box to select free gift.

  1. Minimum purchase requirements
    1. Minimum purchase amount: The minimum amount customers need to reach to qualify for free gifts.
    2. Minimum quantity of items: (Coming Soon)

  1. Discount settings:
    1. Enable receive all tiers: When enabling this option, customers will be allowed to receive all free gifts in all passed tiers. Otherwise, customers will receive a free gift at the nearest goal reached.
  1. Tier settings:
    1. Title: You can set the title of the tier there.
    2. Minimum subtotal: Minimum amount customers have to buy to receive the free gift.
    3. Select gift(s): Here you will select the product you want to make free gift. You can search the product or browse the products from list. More than one product can be selected.
    4. Limit number of gifts customer can pick: If you offer multiple free gifts in a tier, by enabling this option, you can only allow customers to pick a certain amount of gifts. If disable, customers can pick all offered free gifts.

You can create maximum 3 tiers. If you want more, please contact us.
  1. Display conditions:
When enabling conditions, you can display the offer only when the conditions are met.

  1. Combinations:
If you want to let customers combine different discounts together, please enable this option. You can select to combine this offer's discount with: Product discounts, Order discounts or Shipping discounts.


  1. Advanced settings: 
    1. Active dates: You can set the date the offer will start and end there.

Step 3: Save Settings
Once you've finished all the steps, click on the "Save" button on the top right corner or "Save Offer" button on the bottom right of the page. Your offer is now created!


In addition to Cart page, we also support showing Reward Bar on others page by adding app block on your theme editor.
If your theme does not support adding app block, please contact us.
If you need any assistance, feel free to contact us.

    • Related Articles

    • Reward Bar

      Reward Bar is a feature in Extra Widget that would help merchants boost sales by encouraging customers to add more items to get a discount. But before create this Reward Bar, you will need to create a discount. Please click on this guideline to learn ...

    • Create/Edit a bar

      Templates There are 10 available templates to choose for your bar. Templates having a star () are available in Premium plan only. A template includes: background image, color, font, size of message, button, countdown. You can change any setting of a ...

    • Why is my bar not showing up?

      There are various reasons why the bar is not showing up on a store.  Please read these cases and check the following solutions. The bar is not activated By default, when you successfully create a bar, it is deactivated. (only the first created bar is ...

    • What's in Dashboard of Smart Bar

      This is the first page you see whenever you access to Smart Bar, so you can consider it as a homepage of this app. Here you can: Create a new bar See the overview tracking of total views and clicks on all bars See the list of all created bars Below ...

    • Sticky Bar

      Enable on desktop: allow your sticky bar to appear on desktop version  Enable on mobile: allow your sticky bar to appear on mobile version  "Enable on mobile"  works on screen width that is below 992 pixels SETTINGS Position on desktop/mobile  Set ...