Countdown Banners create a sense of urgency and help inform customers about an upcoming or ongoing sale.

Here's how you can set up Countdown Banners in ModeMagic.

  1. Select Banners on the top of your screen, followed by Announcement Banners on the left side of the screen.


  2. Here you'll be able to see several countdown banner templates, select the one of your choice.

  3. Hover over the selected banner and click on the Customize this Banner option


  4. Click on Text on the bottom left corner of the screen. Under Content, edit the contents of the text that you want to display on the banner


  5. Click on Style to edit the Font Size and Margin of the text.


  6. Click on Timer on the bottom left corner of the screen to start editing the countdown timer. From the Date Format, drop-down menu, select the format in which you want the timer to appear. (DD= day, HH= hours, MM= minutes, SS= seconds)


  7. Select the Show Empty toggle if you want to show "0" in the components of the timer. (For example, if the toggle is on, 0 appears in the countdown timer when the no. of hours left in the countdown is 0)


  8. Select the Zero Padding toggle if you want to enable "0" padding in the timer. (For example, if the toggle is on, 0 appears in the countdown timer such that a 0 is placed before single digit numbers)

  9. Select the Start Time of the timer. You can select Now or choose a Custom date & time.


  10. Click on the End Time drop-down menu to select the end time of the banner. You can select between 15 minutes, 6 hours, 24 hours, 2 days, or Custom.


  11. Click on Widget Background on the bottom left corner of the screen, Here, select Background- to edit the background color, Font- to edit the font style, and Color- to edit the font color.


  12. Set up the banner placement and banner position by clicking on Banner Placement in Store and Banner position, respectively, from the top right side of the screen.

  13. Click on Preview on the bottom right corner of the screen to preview the banner on your store. Click on Add Banner to publish the banner to your store.


Want to know more?

For Help Videos, visit our Youtube Channel

For further queries, please ping us in the in-app Help chat or write to us at [email protected]

Did this answer your question?