How to create a Countdown Timer using ShineTrust

Display Position

Select the Display Position for Countdown Timer from the list: 

  • Show in Top Bar
  • Show in Product Page
  • Show in Other Pages
  • Show in Product Image
  • Show in Product Title 

In this case, we decided to show it in the top bar.

Message & Setting

Configure the Message & Typography tab like this (This case, we are creating a countdown banner for the Christmas sale campaign. So we select the red theme as default)

You can Add a Call To Action button and choose how it will display:

  • No Call To Action
  • Call To Action Button
  • Simple Link 
  • Make Entire Bar Clickable

Whatever you select, you then have to configure the look and feel individually.

Then, move to the Countdown Setting section

You can choose from 3 Countdown Types including: 

  • Right Now
  • Definite Time
  • Fixed Time Per Visitor

This case, we select the Right Now option, and set the End Time like above. Then, go set up Action when the countdown ends. We selected Do Nothing instead of Repeat It or Hide the bar.

Next, define the look of the countdown bar with the settings of Background Style, Background Style, Background Color, Background Image, Display Position, Close Button Icon, Padding…


After finishing all the settings, decide where to put your countdown on. 

In the Show On Page field, select Include to include the pages listed inside the dropdown list in the right. Otherwise, select Exclude to not show the countdown on the selected pages. 

Finally, in the Show On Device section, define which device that the countdown will be displayed on. You can choose from Desktop, Mobile or both. 

Okey, time to see how the countdown look in the front:

Table of Contents