How to Customize the Progress Bar Timer

Sophia

Last Update há 2 meses

In the "Timer Bar," click the eye icon to enable or disable the timer bar.
(1) Timer Bar Text

Use this option to change the text displayed in the timer bar. You can also customize the text color, font size, and other settings.


Note: Do not remove {{timer-value}}, as it displays the timer. To reset, copy and paste the value below into the text field in the text editor.

(2) Timer Bar Time
To set your timer offer duration, enter the minutes in the field. The timer will automatically display the remaining minutes and seconds until the offer ends.
(3) Timer Bar Expire Actions

In the Timer Bar Expiration Actions, there are four options available:


1. Reset Timer: The timer will start again and continue the countdown.


2. Hide Timer: The timer will stop after the countdown is over, and the timer bar will be hidden. The offer remains available, but the timer bar will not display.


3. Hide Upsell: The progress bar upsell automatically hides when the countdown is over.


4. Hide Timer & Show Message: The timer will stop after the countdown is over, and a message will display on the timer bar once time is up.

The "Timer Bar Expire Message" option is only visible if you select "Hide Timer & Show Message" in the Timer Bar Expiration Actions selector. In this field, you can customize the text, as well as change the text color, font size, and more.
You can change the Timer bar Background background color by going to "Color Settings." Then, inside the "Progress Bar" option, you’ll see "Timer bar Background," where you can adjust the color according to your needs.
After that, click 'Save,' and your changes will appear in your store.

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us