General<\/h2>\n
What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> Practical warning<\/strong> What it does<\/strong> Available options:<\/p>\n When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> Available options:<\/p>\n When to use it<\/b> Effect on the frontend<\/b> Important notes<\/b> What it does<\/strong> Options:<\/p>\n When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong><\/p>\n The value is applied in pixels.<\/p>\n What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong> Available options:<\/p>\n When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> These options are used only if Countdown type is set to Evergreen.<\/p>\n What it does<\/strong> Available fields:<\/p>\n When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong> What it does<\/strong><\/p>\n Defines how the plugin recognizes the visitor.<\/p>\n Available options:<\/p>\n When to use it<\/strong> Effect on the frontend<\/strong> Important notes<\/strong>![\"\"](\"\/tip-countdown-generator-pro\/wp-content\/uploads\/2026\/06\/general_settings.jpg\")
<\/a><\/p>\nCountdown title<\/h3>\n
\nSets the internal name of the countdown.<\/p>\n
\nUse it to easily identify the timer in the admin area, for example 24-hour offer, June webinar, weekend promo, or checkout timer.<\/p>\n
\nThe title is not automatically displayed on the website.<\/p>\n
\nIt is used only for internal management.<\/p>\nCountdown ID<\/h3>\n
\nIdentifies the countdown and distinguishes it from other timers.<\/p>\n
\nUse a clear and stable ID, for example offerta_24h, webinar_giugno, promo_checkout, or timer_corso.<\/p>\n
\nThe plugin uses this ID to distinguish the timer and, in Evergreen countdowns, to link tracking to the correct countdown.<\/p>\n
\nDo not change the ID of an Evergreen timer that has already been published, unless you want the tracking to restart.<\/p>\n
\nIf you change the countdown ID, the plugin will no longer recognize the old tracking data linked to the previous ID. For many visitors, the Evergreen timer may therefore restart from the beginning.<\/p>\nAppearance<\/h2>\n
<\/a><\/p>\nCountdown template<\/h3>\n
\nSelects the graphic layout of the countdown.<\/p>\n\n
\nUse it to adapt the timer to the style of the page.<\/p>\n
\nChanges how days, hours, minutes, and seconds are displayed.<\/p>\n
\nThe template changes only the appearance, not the timer logic.<\/p>\nCountdown alignment<\/h3>\n
\nControls the horizontal alignment of the countdown inside its container.<\/p>\n\n
\nUse it to align the timer with the layout of the page or with nearby content.<\/p>\n
\nAdds an alignment class to the .tipcg_countdown element and changes the justify-content property.<\/p>\n
\nCenter alignment is used by default. This option changes only the countdown position, not the timer logic or the appearance of individual time units.<\/p>\nSeparators<\/h3>\n
\nEnables or disables the separators between the time cells.<\/p>\n\n
\nUse it if you want to show or hide visual separators, such as colons.<\/p>\n
\nWhen enabled, the countdown displays separators between days, hours, minutes, and seconds.<\/p>\n
\nWhen the days are equal to zero, the days block may be hidden automatically.<\/p>\nNumber font size<\/h3>\n
\nSets the size of the numbers.<\/p>\n
\nUse it to make the countdown more prominent or more compact.<\/p>\n
\nLarger numbers increase visual impact; smaller numbers are suitable for side boxes or narrow layouts.<\/p>\nLabel font size<\/h3>\n
\nSets the size of the labels, such as Days, Hours, Minutes, Seconds.<\/p>\n
\nUse it to improve readability and proportion between numbers and labels.<\/p>\n
\nChanges the size of the labels below the numbers.<\/p>\n
\nLabels should usually be smaller than the numbers.<\/p>\nCell background color<\/h3>\n
\nSets the background color of the countdown cells.<\/p>\n
\nUse it to integrate the timer with the page design.<\/p>\n
\nChanges the color of the blocks that contain the numbers.<\/p>\n
\nMaintain good contrast with the number color.<\/p>\nNumber text color<\/h3>\n
\nSets the color of the numbers.<\/p>\n
\nUse it to improve contrast and readability.<\/p>\n
\nChanges the color of the numeric values.<\/p>\n
\nOn a dark background, use light numbers; on a light background, use dark numbers.<\/p>\nLabel text color<\/h3>\n
\nSets the color of the labels.<\/p>\n
\nUse it to align the timer with the website style.<\/p>\n
\nChanges the color of the text below the numbers.<\/p>\n
\nLabels must remain readable even if they are less prominent than the numbers.<\/p>\nSeparator text color<\/h3>\n
\nSets the color of the separators.<\/p>\n
\nUse it when the separators are enabled.<\/p>\n
\nChanges the color of the separators between the cells.<\/p>\n
\nIt only has an effect if Separators is set to Enabled.<\/p>\nBorder radius<\/h3>\n
\nSets the rounding of the cell corners.<\/p>\n
\nUse it to make the timer more square or softer.<\/p>\n
\nA low value creates sharp corners; a high value creates rounded corners.<\/p>\n
\nThe visual effect may vary depending on the selected template.<\/p>\nMargin top<\/h3>\n
\nAdds space above the countdown.<\/p>\n
\nUse it if the timer is too close to the previous element.<\/p>\n
\nIncreases the vertical distance above the timer.<\/p>\n
\nThe value is applied in pixels.<\/p>\nMargin bottom<\/h3>\n
\nAdds space below the countdown.<\/p>\n
\nUse it if the timer is too close to the next element.<\/p>\n
\nIncreases the vertical distance below the timer.<\/p>\n
\nThe value is applied in pixels.<\/p>\nTimer<\/h2>\n
Countdown type<\/h3>\n
\nSelects the countdown logic.<\/p>\n\n
\nUse Evergreen for personal timers that start on the first visit. Use Specific date for a deadline that is the same for everyone. Use Recurring for timers that repeat.<\/p>\n
\nThe remaining time is calculated differently based on the selected type.<\/p>\n
\nOnly the Evergreen timer uses visitor tracking.<\/p>\nEvergreen timer settings<\/h2>\n
<\/a><\/p>\nEvergreen duration<\/h3>\n
\nSets the duration of the personal countdown.<\/p>\n\n
\nUse it for individual offers, for example 15 minutes, 24 hours, 3 days, or 7 days.<\/p>\n
\nEach new visitor sees the countdown start from the set duration.<\/p>\n
\nThe timer starts from the first recorded access for that visitor, not from a fixed date.<\/p>\nTracking method<\/h3>\n
\n
\nChoose the method based on how stable you want the tracking to be.<\/p>\n
\nDetermines whether the visitor continues to see the same countdown or whether the timer may restart.<\/p>\n
\nThe tracking method applies only to Evergreen timers.<\/p>\nSpecific date timer settings<\/h2>\n