Countdown Timer for Email
Profile
Timers List
Create timer
Design
Background Color
Background color gif animation.
Text Color
The color of the text (numbers, labels) of the counter.
Decor Color
Decor Color in Rectangle.
Decor Color
Decor Color in Rectangle.
Figure Color
Color of shapes (cubes or circles) of the counter.
Figure Color 2
Rectangle color 2 for gradient.
Border Color
Rectangle border color.
Border Color
Rectangle border color.
Border Width
The width of the rectangle's border.
Decor Color
Decor Width
Circle: Fill Color2
Color changing area.
Circle: Border color
Upper color of the circle border.
Circle: Border color 2
Lower color of the circle border.
Circle: Border Width
Width of the circle border.
Small Circle Radius
The radius of the small circles describing the date segment.
Small circles: Fill Color
Primary color of the small circle.
Small circles: Fill Color 2
Color replacing the main, time-dependent.
Number sm. circles
The number of small circles describing the date segment.
Small lines: Height
The height of the lines described in a circle date segment.
Small lines: Fill Color
The main color of the lines described in the round date segment.
Small lines: Fill Color 2
Color replacing the main, time-dependent.
Small lines: Count
The number of lines described in the circular segment of the date.
Blinking Color
The color of the separator of the counter will create a blinking effect.
Font Size
Size digits of counter in pixels.
Shadow size
The size of the shadow text (numbers, labels) of the counter.
Shadow top offset
Shadow offset to the top of the counter numbers.
Shadow left offset
The offset of the shadow to the left of the counter numbers.
Shadow radius
Blur Shadow.
Shadow Color
The color of the shadow text (numbers, labels) of the counter.
Font Family
Font family for digits of the counter.
Arial
Roboto
Roboto Condensed
Open Sans
Lato
PT Sans
Montserrat
Source Sans Pro
Circular
Helvetica
Helvetica Neue
Ubuntu
Gotham
Gotham Pro
Gotham Narrow
Gotham XNarrow
Myriad Pro
Lucida Grande
Lucida Sans
Tahoma
Oswald
Raleway
Radioland
Poppins
Verdana
Claire Hand
Riky Vampdator
Feast Of Flesh
You Murderer
Gypsy Curse
Merriweather
Nunito
Font Style
Font style for digits of the counter.
PLAIN
BOLD
ITALIC
BOLD ITALIC
LIGHT
LIGHT ITALIC
THIN
THIN ITALIC
BLACK
BLACK ITALIC
MEDIUM
MEDIUM ITALIC
Font case
Font case for digits of the counter.
Upper case
Lower case
Capitalize
Manual
Shadow Font Style
Font style for shadow digits of the counter.
PLAIN
BOLD
ITALIC
BOLD ITALIC
LIGHT
LIGHT ITALIC
THIN
THIN ITALIC
BLACK
BLACK ITALIC
MEDIUM
MEDIUM ITALIC
Open Custom Design
Reset Design
Presets
Need Help?
Custom design
is a section of counter settings that has a lot of levers with which you can perfect Timer design.
More info...
Settings
Standard
Standard
Transaction
Transaction
Perpetual
Perpetual
Timer name
The name of the timer. Used as an alternative timer name in embedded code.
End Date
End date of your offer.
End Time
End time of your offer.
Time Zone
Administrative time zone.
UTC Offset
Time zone representation as time offset.
Days
The number of days that will count down.
Hours
The number of hours that will count down.
Minutes
The number of minutes that will count down.
Seconds
The number of seconds that will count down.
Start countdown time
Days
The number of days that will count down.
Hours
The number of hours that will count down.
Minutes
The number of minutes that will count down.
Seconds
The number of seconds that will count down.
Refresh countdown time
The time at which the timer starts counting again must be less than the time specified in the "Start countdown time" block. Optional setting.
Days
The number of remaining days at which the counter will start the countdown again.
Hours
The number of remaining hours at which the counter will start the countdown again.
Minutes
The number of remaining minutes at which the counter will start the countdown again.
Seconds
The number of remaining seconds at which the counter will start the countdown again.
Language
Label Language.
Afrikanns
Albanian
Arabic
Armenian
Basque
Bengali
Bulgarian
Catalan
Cambodian
Chinese (Mandarin)
Croation
Czech
Danish
Dutch
English
Estonian
Fiji
Finnish
French
Georgian
German
Greek
Gujarati
Hebrew
Hindi
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Javanese
Korean
Latin
Latvian
Lithuanian
Macedonian
Malay
Malayalam
Maltese
Maori
Marathi
Mongolian
Nepali
Norwegian
Persian
Polish
Portuguese
Punjabi
Quechua
Romanian
Russian
Samoan
Serbian
Slovak
Slovenian
Spanish
Swahili
Swedish
Tamil
Tatar
Telugu
Thai
Tibetan
Tonga
Turkish
Ukranian
Urdu
Uzbek
Vietnamese
Welsh
Xhosa
How do transactional countdown timers work?
Custom Design
Frame
The frame has properties such as height, width and color.
More info...
Width
The width of the frame,
can not be less than the width of the aggregate of graphic objects (figures, digits) of the frame
Height
The height of the frame,
can not be less than the height of the graphic object (figure, digits) of the frame
Background Color
The background color of the gif animation. Also is the upper boundary of the gradient.
Background Color2
The color of the bottom border of the gif animation background gradient
Frame Image
The image that will be
used as the background of gif animation. Allowed only PNG, JPEG and GIF images.
Centered Image
Draws the center of the image based on their frame proportions
Digits
Animated counter figures that have their own style and also sizes and indents.
More info...
Font size
Size digits of counter in pixels.
Font Family
Font family for digits of the counter.
Arial
Roboto
Roboto Condensed
Open Sans
Lato
PT Sans
Montserrat
Source Sans Pro
Circular
Helvetica
Helvetica Neue
Ubuntu
Gotham
Gotham Pro
Gotham Narrow
Gotham XNarrow
Myriad Pro
Lucida Grande
Lucida Sans
Tahoma
Oswald
Raleway
Radioland
Poppins
Verdana
Claire Hand
Riky Vampdator
Feast Of Flesh
You Murderer
Gypsy Curse
Merriweather
Nunito
Color
The color of the digits of the counter.
Padding
Indenting of digits by means of which it is possible to correct distances between neighboring objects (figures, labels).
Top
Right
Bottom
Left
Font Style
Font style for digits of the counter.
PLAIN
BOLD
ITALIC
BOLD ITALIC
LIGHT
LIGHT ITALIC
THIN
THIN ITALIC
BLACK
BLACK ITALIC
MEDIUM
MEDIUM ITALIC
Remove Zero
Removes the first zero from the segment (days, hours, minutes, seconds) of digits
Days
Hours
Minutes
Seconds
Digit space
The gap between the digits in the time segment.
Custom Digits Color
Days Color
Hours Color
Minutes Color
Seconds Color
Milliseconds Color
Label
Label counter, which has its own properties. The position of the labels depends on the type of counter.
More info...
Font size
Size label of counter in pixels.
Font Family
Font family for label of the counter.
Auto
Arial
Roboto
Roboto Condensed
Open Sans
Lato
PT Sans
Montserrat
Source Sans Pro
Circular
Helvetica
Helvetica Neue
Ubuntu
Gotham
Gotham Pro
Gotham Narrow
Gotham XNarrow
Myriad Pro
Lucida Grande
Lucida Sans
Tahoma
Oswald
Raleway
Radioland
Poppins
Verdana
Claire Hand
Riky Vampdator
Feast Of Flesh
You Murderer
Gypsy Curse
Merriweather
Nunito
Color
The color of the label of the counter.
Padding
Indenting of label by means of which it is possible to correct distances between neighboring objects (figures, digits).
Top
Right
Bottom
Left
Font Style
Font style for labels of the counter.
Auto
PLAIN
BOLD
ITALIC
BOLD ITALIC
LIGHT
LIGHT ITALIC
THIN
THIN ITALIC
BLACK
BLACK ITALIC
MEDIUM
MEDIUM ITALIC
Days Text
Label name in the "days" segment, for customized auto locating names will not work.
Hours Text
Label name in the "hours" segment, for customized auto locating names will not work.
Minutes Text
Label name in the "minutes" segment, for customized auto locating names will not work.
Seconds Text
Label name in the "seconds" segment, for customized auto locating names will not work.
Milliseconds Text
Label name in the "milliseconds" segment, for customized auto locating names will not work.
Custom Label Color
Days Label Color
Hours Label Color
Minutes Label Color
Seconds Label Color
Milliseconds Label Color
Separator
Separator - the space between the time segments, which has its own styles.
More info...
Font size
Size separator of counter in pixels.
Font Family
Font separator for label of the counter.
Auto
Arial
Roboto
Roboto Condensed
Open Sans
Lato
PT Sans
Montserrat
Source Sans Pro
Circular
Helvetica
Helvetica Neue
Ubuntu
Gotham
Gotham Pro
Gotham Narrow
Gotham XNarrow
Myriad Pro
Lucida Grande
Lucida Sans
Tahoma
Oswald
Raleway
Radioland
Poppins
Verdana
Claire Hand
Riky Vampdator
Feast Of Flesh
You Murderer
Gypsy Curse
Merriweather
Nunito
Color
The color of the separator of the counter.
Blinking Color
The color of the separator of the counter will create a blinking effect.
Padding
Indenting of separator
by means of which it is possible to correct distances between neighboring objects (figures, digits, labels).
Top
Right
Bottom
Left
Type
A textual representation of a separator.
Custom Separator Color
Days Separator Color
Hours Separator Color
Minutes Separator Color
Seconds Separator Color
Digit Rectangle
Rectangle describing each digit of the counter.
More info...
Border Width
The width of the rectangle's border.
Border Color
Rectangle border color.
Fill Color
Rectangle color.
Fill Color 2
Rectangle color 2 for gradient.
Padding
Internal indentation of the rectangle, with which you can adjust the distances between neighboring objects.
Top
Right
Bottom
Left
Rectangle Rounding
Rounds the right angles of a rectangle.
Rounding Border
Rounds the right angles of a frames.
Custom Color
Border Color
Days Border Color
Hours Border Color
Minutes Border Color
Seconds Border Color
Milliseconds Border Color
Fill Color
Days Fill Color
Hours Fill Color
Minutes Fill Color
Seconds Fill Color
Milliseconds Fill Color
Segment Rectangle
Rectangle describing the segment of digits (days, hours, minutes, seconds) of the counter.
More info...
Border Width
The width of the rectangle's border.
Border Color
Rectangle border color.
Fill Color
Rectangle color. Also is the upper boundary of the gradient.
Fill Color 2
The color of the lower bound of the gradient of the rectangle of the segment of digits.
Rounding Segment
Rounds the right angles of a rectangle.
Rounding Segment Border
Rounds the right angles of a frames.
Padding
Internal indentation of the rectangle segment digits, with which you can adjust the distances between neighboring objects.
Top
Right
Bottom
Left
Fixed Cube
Make the cube width
of all time segments the same (equal to the maximum width of one of the cubes of the segment), it is recommended to enable this option.
Custom Color
Border Color
Days Border Color
Hours Border Color
Minutes Border Color
Seconds Border Color
Milliseconds Border Color
Fill Color
Days Fill Color
Hours Fill Color
Minutes Fill Color
Seconds Fill Color
Milliseconds Fill Color
Ring
A circle that describes the segment of digits (days, hours, minutes, seconds) of the counter.
More info...
Border Width
Width of the circle border.
Radius
Radius of the circle.
Border Color
Upper color of the circle border.
Border Color2
Lower color of the circle border.
Fill Color
The color of the circle. Also is the upper boundary of the gradient.
Fill Color2
Color changing area.
Fill Color3
The color of the lower boundary of the gradient of the circle.
Small Circle Radius
The radius of the small circles describing the date segment.
Number of small circles
The number of small circles describing the date segment.
Small circles: Fill Color
Primary color of the small circle.
Small circles: Fill Color 2
Color replacing the main, time-dependent.
Small lines: Width
The width of the lines described in a circle date segment.
Small lines: Height
The height of the lines described in a circle date segment.
Small lines: Count
The number of lines described in the circular segment of the date.
Small lines: Fill Color
The main color of the lines described in the round date segment.
Small lines: Fill Color 2
Color replacing the main, time-dependent.
Inscribed circle
Write the circle into the square of the segment
Reverse
Changes the course of a circle frame animation.
Round Border
Rounds a circle border.
Custom Color
Border Color
Days Border Color
Days Border Color2
Hours Border Color
Hours Border Color2
Minutes Border Color
Minutes Border Color2
Seconds Border Color
Seconds Border Color2
Milliseconds Border Color
Milliseconds Border Color2
Fill Color
Days Fill Color
Days Fill Color2
Hours Fill Color
Hours Fill Color2
Minutes Fill Color
Minutes Fill Color2
Seconds Fill Color
Seconds Fill Color2
Milliseconds Fill Color
Milliseconds Fill Color2
Small Circles Color
Days: Circle Color
Days: Circle Color2
Hours: Circle Color
Hours: Circle Color2
Minutes: Circle Color
Minutes: Circle Color2
Seconds: Circle Color
Seconds: Circle Color2
Milliseconds: Circle Color
Milliseconds: Circle Color2
Small Line Color
Days: Line Color
Days: Line Color2
Hours: Line Color
Hours: Line Color2
Minutes: Line Color
Minutes: Line Color2
Seconds: Line Color
Seconds: Line Color2
Milliseconds: Line Color
Milliseconds: Line Color2
Preview
Fixed Bar
Transparent
Includes the transparency
of the frame based on the color(control "Background Color").
Disable Days
Disables segment days.
Disable Hours
Disables segment hours.
Disable Minutes
Disables segment minutes.
Disable Seconds
Disables segment seconds.
Disable Millisec.
Disables segment Milliseconds.
Reverse Label
Changes the position of the marks.
RTL order
Changes the order of time segments.
Event Expired
The event when the timer expires. You can change the appearance of the counter when the time is up, hide it or display any message to the user.
Show zeros
Show message
Hide timer
Message
Color
Size
Save dimensions
Save this timer
0Kb
100Kb
0
Bandwidth
Bandwidth is a characteristic showing the amount of data that the server will give at one load of the counter, the less the better. Depends on the size and the number of colors in the counter
* Apple Mail on iOS 15 caches the timers, and they are not updated. Thus, recipients see a countdown timer with a wrong end time.
Timer Setting Import
×
Mail
Web
Favorites
Presets countdown timers
×
#1
#2
#3
#4
#5
#6
#7
#8
#9
#10
#11
#12
#13
#14
#15
#16
#17
#18