How to customize the horizontal timer bar
Sophia
Last Update 3 months ago
In the Horizontal Product Upsell, scroll slightly to the middle find the "Timer Bar" editor option. 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.
Use the Timer Bar Background option to change the background color of the timer bar.
Once you’ve completed all the required changes, click the Save button at the top center or the top right of the screen to save them.
Need Help?
If you need any assistance, our support team is available 24/7 through live chat, email ( [email protected] ), and support tickets.
If you need any assistance, our support team is available 24/7 through live chat, email ( [email protected] ), and support tickets.