{"id":232,"date":"2026-02-15T10:16:46","date_gmt":"2026-02-15T10:16:46","guid":{"rendered":"https:\/\/designsuite.securesofts.com\/?post_type=docs&#038;p=232"},"modified":"2026-02-15T10:16:47","modified_gmt":"2026-02-15T10:16:47","password":"","slug":"countdown","status":"publish","type":"docs","link":"https:\/\/designsuite.securesofts.com\/docs\/countdown\/","title":{"rendered":"Countdown"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Overview<\/h4>\n\n\n\n<p>The <strong>Countdown<\/strong> widget in DesignSute allows you to create urgency-driven sections by displaying a live countdown timer with full date and time support. Whether you&#8217;re promoting a limited-time offer, product launch, event, or campaign, this widget helps you visually highlight the remaining time in a clear and engaging format.<\/p>\n\n\n\n<p>With full control over days, hours, minutes, and seconds, customizable labels, alignment options, direction settings, and an expiration message, you can easily build high-converting countdown sections.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Key Features<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Full date &amp; time countdown (Days, Hours, Minutes, Seconds)<\/li>\n\n\n\n<li>Custom label support for each time unit<\/li>\n\n\n\n<li>Alignment control<\/li>\n\n\n\n<li>Direction control (Row or Column)<\/li>\n\n\n\n<li>Custom expiration message<\/li>\n\n\n\n<li>Full styling options<\/li>\n\n\n\n<li>Fully responsive design<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Perfect for:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Limited-time offers<\/li>\n\n\n\n<li>Product launches<\/li>\n\n\n\n<li>Event countdowns<\/li>\n\n\n\n<li>Flash sales<\/li>\n\n\n\n<li>Webinar registrations<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">How to Activate the Countdown Widget<\/h4>\n\n\n\n<p>Before using the Countdown widget, make sure it is enabled from the DesignSute Dashboard.<\/p>\n\n\n\n<p><strong>Steps to Enable:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>DesignSute \u2192 Dashboard \u2192 Widgets (Tab)<\/strong> in your WordPress dashboard.<\/li>\n\n\n\n<li>Locate the <strong>Countdown<\/strong> widget.<\/li>\n\n\n\n<li>Toggle it ON to enable the widget.<\/li>\n\n\n\n<li>Save changes if required.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-switcher.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1457\" height=\"524\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-switcher.png\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-switcher.png 1457w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-switcher-300x108.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-switcher-1024x368.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-switcher-768x276.png 768w\" sizes=\"(max-width: 1457px) 100vw, 1457px\" \/><\/a><\/figure>\n\n\n\n<p>Now, the Countdown widget is ready to use in Elementor.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">How to Add a Countdown Widget in Elementor<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open your page in the <strong>Elementor Editor<\/strong>.<\/li>\n\n\n\n<li>Search for <strong>\u201cCountdown\u201d<\/strong> in the Elementor panel under DesignSute widgets.<\/li>\n\n\n\n<li>Drag and drop the widget into your desired section or column.<\/li>\n\n\n\n<li>Configure the date, time, and layout settings.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el.png\"><img decoding=\"async\" width=\"1599\" height=\"465\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el.png\" alt=\"\" class=\"wp-image-237\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el.png 1599w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-300x87.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-1024x298.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-768x223.png 768w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-1536x447.png 1536w\" sizes=\"(max-width: 1599px) 100vw, 1599px\" \/><\/a><\/figure>\n\n\n\n<p>Your Countdown widget is now added and ready to customize.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Content Settings<\/h4>\n\n\n\n<p>The Content tab allows you to configure the countdown date and structure.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-content.png\"><img decoding=\"async\" width=\"1579\" height=\"822\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-content.png\" alt=\"\" class=\"wp-image-234\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-content.png 1579w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-content-300x156.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-content-1024x533.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-content-768x400.png 768w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-content-1536x800.png 1536w\" sizes=\"(max-width: 1579px) 100vw, 1579px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Available Options:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Due Date &amp; Time<\/strong> \u2013 Select the exact date and time for the countdown to end.<\/li>\n\n\n\n<li><strong>Time Units<\/strong> \u2013 Display full time format including:\n<ul class=\"wp-block-list\">\n<li>Days<\/li>\n\n\n\n<li>Hours<\/li>\n\n\n\n<li>Minutes<\/li>\n\n\n\n<li>Seconds<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Labels<\/strong> \u2013 Customize the labels for each time unit (e.g., \u201cDays\u201d, \u201cHours\u201d, etc.).<\/li>\n\n\n\n<li><strong>Direction<\/strong> \u2013 Choose how the countdown items are displayed:\n<ul class=\"wp-block-list\">\n<li>Row (horizontal layout)<\/li>\n\n\n\n<li>Column (vertical layout)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Alignment<\/strong> \u2013 Align the countdown left, center, or right within its container.<\/li>\n\n\n\n<li><strong>Expire Message<\/strong> \u2013 Add a custom message that appears once the countdown reaches zero (e.g., \u201cOffer Expired\u201d, \u201cEvent Started\u201d).<\/li>\n<\/ul>\n\n\n\n<p>These settings help you create structured and urgency-focused countdown sections.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Style Settings<\/h4>\n\n\n\n<p>The Style tab provides full control over the appearance of the countdown elements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-style.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1604\" height=\"770\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-style.png\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-style.png 1604w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-style-300x144.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-style-1024x492.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-style-768x369.png 768w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-style-1536x737.png 1536w\" sizes=\"(max-width: 1604px) 100vw, 1604px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Number Style<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Typography (font family, size, weight, spacing)<\/li>\n\n\n\n<li>Number color<\/li>\n\n\n\n<li>Background styling<\/li>\n\n\n\n<li>Border &amp; radius<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Label Style<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Typography<\/li>\n\n\n\n<li>Text color<\/li>\n\n\n\n<li>Spacing<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Expire Message Style<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Typography<\/li>\n\n\n\n<li>Text color<\/li>\n\n\n\n<li>Alignment<\/li>\n<\/ul>\n\n\n\n<p>These styling options allow you to design bold promotional countdowns or minimal elegant timers depending on your website style.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Advanced Settings<\/h4>\n\n\n\n<p>The Advanced tab includes additional layout and responsiveness options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-advanced.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1586\" height=\"692\" src=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-advanced.png\" alt=\"\" class=\"wp-image-233\" srcset=\"https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-advanced.png 1586w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-advanced-300x131.png 300w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-advanced-1024x447.png 1024w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-advanced-768x335.png 768w, https:\/\/designsuite.securesofts.com\/wp-content\/uploads\/2026\/02\/countdown-el-advanced-1536x670.png 1536w\" sizes=\"(max-width: 1586px) 100vw, 1586px\" \/><\/a><\/figure>\n\n\n\n<p><strong>You can configure:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Margin &amp; Padding<\/li>\n\n\n\n<li>Background &amp; border settings<\/li>\n\n\n\n<li>Motion effects<\/li>\n\n\n\n<li>Responsive visibility<\/li>\n\n\n\n<li>Custom positioning<\/li>\n<\/ul>\n\n\n\n<p>Use these options to refine spacing and ensure perfect responsiveness across all devices.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">Final Outcome<\/h4>\n\n\n\n<p>Congratulations! \ud83c\udf89<\/p>\n\n\n\n<p>You\u2019ve successfully configured the <strong>DesignSute Countdown Widget<\/strong> to create urgency-driven and visually engaging timer sections. With full date and time control, custom labels, and expiration messaging, you can now drive user action effectively across your website.<\/p>\n\n\n\n<p>If you need further assistance, feel free to reach out to our support team.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview The Countdown widget in DesignSute allows you to create urgency-driven sections by displaying a live countdown timer with full date and time support. Whether you&#8217;re promoting a limited-time offer, product launch, event, or campaign, this widget helps you visually highlight the remaining time in a clear and engaging format. With full control over days, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[9],"doc_tag":[],"class_list":["post-232","docs","type-docs","status-publish","hentry","doc_category-creative-widgets"],"year_month":"2026-05","word_count":498,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"DesignSuit","author_nicename":"designsuit_admin2025","author_url":"https:\/\/designsuite.securesofts.com\/author\/designsuit_admin2025\/"},"doc_category_info":[{"term_name":"Creative Widgets","term_url":"https:\/\/designsuite.securesofts.com\/docs-category\/creative-widgets\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/docs\/232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/comments?post=232"}],"version-history":[{"count":1,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/docs\/232\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/docs\/232\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/media?parent=232"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/doc_category?post=232"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/designsuite.securesofts.com\/wp-json\/wp\/v2\/doc_tag?post=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}