{"id":112483,"date":"2021-10-14T10:24:50","date_gmt":"2021-10-14T14:24:50","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=101109"},"modified":"2025-08-28T09:52:54","modified_gmt":"2025-08-28T13:52:54","slug":"create-countdown-timer-optin","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/create-countdown-timer-optin\/","title":{"rendered":"How to Create a Countdown Timer Campaign"},"content":{"rendered":"\n<p>OptinMonster makes it easy to add a countdown timer to your website. Countdown timer campaigns are one of the best ways to boost your sales and conversions by creating a sense of urgency for your visitors, and harness the power of &#8220;FOMO&#8221;: the fear of missing out.<\/p>\n\n\n\n<p>In this article, you\u2019ll learn how to use add a countdown timer to any OptinMonster campaign.<\/p>\n\n\n\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/BcF4_hu1BK0?rel=0\" width=\"800\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column alert alert-info is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong><em>Before you start<\/em><\/strong>, this feature is available with a <a href=\"https:\/\/optinmonster.com\/pricing\" target=\"_blank\" rel=\"noopener\" title=\"Pro and higher subscription\">Pro and higher subscription<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong><em>Before you start,<\/em><\/strong> creating a sense of urgency for your visitors is one of the best ways to boost your conversion rate. When our purchasing decisions are based on urgency, we automatically lean towards the \u201ctake action\u201d route, because we\u2019re afraid of missing out.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pre-Made Templates<\/h2>\n\n\n\n<p>Many of our pre-made campaign templates already include a countdown timer block.<\/p>\n\n\n\n<p>When <a href=\"https:\/\/optinmonster.com\/docs\/creating-your-first-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">creating a new campaign<\/a>, use the <strong>Category Filter<\/strong>&nbsp;and toggle <strong>Time Sensitive Offer<\/strong> to quickly locate all pre-made templates that include a countdown timer.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"800\" height=\"665\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/filter-time-sensitive-offers-countdown-timer.jpg\" alt=\"Category Filter for Time Sensitive Offers when creating a new campaign to see templates with countdown timers.\" class=\"wp-image-164418\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/filter-time-sensitive-offers-countdown-timer.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/filter-time-sensitive-offers-countdown-timer-300x249.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/filter-time-sensitive-offers-countdown-timer-768x638.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Add Countdown Timer<\/h2>\n\n\n\n<p>To add a countdown timer to any new or existing campaign, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the campaign builder, drag and&nbsp;drop a <strong>Countdown<\/strong> block into your campaign where you want the countdown timer to appear.<br><img decoding=\"async\" width=\"800\" height=\"1218\" class=\"alignnone size-full wp-image-170528\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/countdown-block.jpg\" alt=\"Add a countdown timer block to your OptinMonster campaign.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/countdown-block.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/countdown-block-197x300.jpg 197w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/countdown-block-673x1024.jpg 673w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/10\/countdown-block-768x1169.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Next, select the&nbsp;<strong>Countdown Type<\/strong> from the dropdown field in the sidebar panel. You can select <strong>Static<\/strong> or <strong>Dynamic<\/strong>.<br><img decoding=\"async\" width=\"800\" height=\"802\" class=\"alignnone size-full wp-image-164413\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/countdown-timer-type.jpg\" alt=\"Set the countdown timer type\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/countdown-timer-type.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/countdown-timer-type-300x300.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/countdown-timer-type-150x150.jpg 150w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/countdown-timer-type-768x770.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>You&#8217;ll now be able to configure your timer based on the type you&#8217;ve selected.<\/li>\n\n\n\n<li>When you&#8217;re finished, click&nbsp;<strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Available Settings<\/h2>\n\n\n\n<p>In the countdown timer menu, you can customize the timer in your campaign. Read on to see how to set the type and &#8220;end&#8221; time for your campaign, as well as what happens after your countdown reaches 0.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"static-countdown\">Countdown Type<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Static Countdown<\/h3>\n\n\n\n<p>Counts down to a specific date and time.<\/p>\n\n\n\n<p>This type of countdown timer is often used for seasonal sales or product launches.<\/p>\n\n\n\n<p>After the specified date and time have passed, the countdown timer displays 00 for all values.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"800\" height=\"719\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/static-countdown-timer-ended.jpg\" alt=\"Example of a static countdown timer once the date and time have passed\" class=\"wp-image-164414\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/static-countdown-timer-ended.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/static-countdown-timer-ended-300x270.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/static-countdown-timer-ended-768x690.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Dynamic Countdown<\/h3>\n\n\n\n<p>Sometimes called an &#8220;Evergreen&#8221; countdown, starts with a pre-set amount of time for each visitor to countdown from.<\/p>\n\n\n\n<p>Instead of selecting an end date, you&#8217;ll choose the length of time the timer shows by number of days, hours, minutes, and seconds.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"800\" height=\"711\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/dynamic-countdown-settings.jpg\" alt=\"Dynamic countdown timer settings\" class=\"wp-image-164415\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/dynamic-countdown-settings.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/dynamic-countdown-settings-300x267.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/dynamic-countdown-settings-768x683.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"countdown-action\">Countdown Action<\/h2>\n\n\n\n<p>Next, you can configure what action takes place when the countdown ends from the <strong>Countdown End Action<\/strong> dropdown.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"654\" height=\"745\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/countdown-timer-end-action-field-e1650846547473.jpg\" alt=\"Configure the action that occurs when the countdown timer ends when creating a Dynamic countdown timer in OptinMonster.\" class=\"wp-image-164416\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/countdown-timer-end-action-field-e1650846547473.jpg 654w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/countdown-timer-end-action-field-e1650846547473-263x300.jpg 263w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/figure>\n\n\n\n<p>There are four action options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>No action:<\/strong> if the countdown reaches 0 while a visitor is viewing it, nothing will happen, and the timer remains viewable<\/li>\n\n\n\n<li><strong>*Restart the countdown<\/strong>: this action will restart the timer <em>(only available for Dynamic countdown timers)<\/em><\/li>\n\n\n\n<li><strong>Go to a view<\/strong>: allows you to choose a view, like the <strong>Success View<\/strong>, to show instead of the finished countdown<\/li>\n\n\n\n<li><strong>Close the campaign:<\/strong> this action closes the campaign, so the countdown is no longer viewable<\/li>\n<\/ul>\n\n\n\n<p>Next, <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-display-rules-in-optinmonster\/\" target=\"_blank\" rel=\"noopener\" title=\"\">configure your display rules<\/a> to tell the campaign where to appear, or <a href=\"https:\/\/optinmonster.com\/docs\/how-to-embed-your-campaigns-on-your-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\">embed the campaign on your website directly.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQs<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"integration\">Can I add both a countdown timer and an optin fields block to the same campaign?<\/h5>\n\n\n\n<p>Yes, you can add an&nbsp;<strong>Optin Fields<\/strong> element to your campaign as well to configure an integration.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"type-support\">What campaign types support countdown timers?<\/h5>\n\n\n\n<p>All campaign types support the countdown timer element.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Can I track a conversion or run a script when the countdown ends?<\/h5>\n\n\n\n<p>Yes. See our guide on <a title=\"How to Use Actions For Success View and More\" href=\"https:\/\/optinmonster.com\/docs\/how-to-use-actions-for-success-view-and-more\/\" target=\"_blank\" rel=\"noopener noreferrer\">how to use success actions<\/a> on your campaigns.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"translate\">How do I translate the text &#8216;Days&#8217;, &#8216;Hours&#8217;, &#8216;Minutes&#8217;, and &#8216;Seconds&#8217; into another language?<\/h5>\n\n\n\n<p>Yes, add the following code using our <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-optinmonsters-custom-css-tool\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Custom CSS tool<\/a> and edit as you require:<\/p>\n\n\n\n<script src=\"https:\/\/library.wpcode.com\/embedjs\/do1wvrr5.js\/\"><\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster makes it easy to add a countdown timer to your website. Countdown timer campaigns are one of the best ways to boost your sales and conversions by creating a sense of urgency for your visitors, and harness the power of &#8220;FOMO&#8221;: the fear of missing out. In this article, you\u2019ll learn how to use&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[11],"documentation\/tags":[31399,31486,31402,31457,31409,31411,31401,31455],"class_list":["post-112483","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-functionality"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/112483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=112483"}],"version-history":[{"count":23,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/112483\/revisions"}],"predecessor-version":[{"id":199073,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/112483\/revisions\/199073"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=112483"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=112483"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=112483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}