Reward Bar

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 how to create a discount from Shopify.

1. Settings


  1. Reward bar goal basis: 
    1. Cart total: Once customer's cart total reaches to the amount which we set up in our app settings, customer will get a discount.
      1. Total amount to reach: Add a certain number of price. Please do not leave this label blank.
    2. Total item quantity: Once total items in customer's cart reaches to a certain number, customer will get a discount.
      1. Total items to reach: Add a certain number of items. Please do not leave this label blank.
  2. Display Text - In Progress: Enter message to encourage customer add more item.
  3. Display Text - Goal Reached: Enter message to congrats or thank customer when they got the discount.
  4. Background Color: Modify color of progress bar.
  5. Foreground Color: Modify color of progress bar.

2. Display conditions

Add any condition to display the Reward Bar. The Reward Bar will show up if it meets all conditions (all rules pass) or one of the conditions (any rule passes).




3. Preview

Before previewing the Reward Bar, you will need to add it to your Checkout page in Checkout editor. Please go to the your theme customization and follow our steps to add Reward Bar.
  1. Step 1: Choose Checkout page and click on Customize Checkout.


  1. Step 2: Choose the page you need to add feature and then click on Add app button at the bottom left.

  1. Step 3: On the left page, choose the Extra Widget.

  1. Step 4: Click on "Select an option" and choose Reward Bar.  You can also remove this feature by clicking on the bin icon at the bottom right and change the position of this Reward Bar by holding the item and dragging it to the place you want.




If you need any assistance with this feature, please contact our support team or reach out through the live chat in the app portal.

    • Related Articles

    • 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 ...

    • Promotion Bar

      A. Goals We offer 3 types of promotion bar tailored specially for your goals. You can customize each type of promotion bar by clicking on your preferred goal. 1. Announcement bar Show messages and call-to-action button to customers. This bar includes ...

    • 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 ...