A time-based widget that displays a countdown or count-up timer, triggering actions or state changes based on time completion.
Tutorial Video:
Assets Required:
Optional background image (JPG/PNG/WebP)
Optional CTA
Optional end-state creative
Steps:
Add Timer widget to canvas
Select timer style (Circular Outline / Circular Pie / Numeric / Progress bar)
Set duration
Style and preview
Properties:
Live Preview: Select the checkbox to enable preview on canvas.
Duration: Sets the total time the timer will run.
Timer Style: Defines whether the timer type is Circular Outline/ Circular Pie/ Numeric/ Progress Bar.
Active / Inactive Color: Indicates different timer states through visual color changes.
Text Color: Controls the color of the timer text for visibility and design consistency.
Pause: Allows the timer to be temporarily stopped and resumed on inactive tab.
Auto-start: Determines whether the timer begins automatically or requires user interaction.
Set Auto Start Time: Set the Auto Start time duration
Inspirations:
1
2
Q&A:
How much time can be set on the timer?
You can set the timer for up to 90 seconds.
Can we use custom fonts and colors as per brand guidelines?
Yes, the timer is fully customizable to match your brand guidelines, including font and color.
How many layout options are available for the timer?
There are four layout options available:
Circular Outline
Circular Pie
Numeric
Progress Bar