{"id":6620,"date":"2021-07-14T17:58:32","date_gmt":"2021-07-14T14:58:32","guid":{"rendered":"https:\/\/adoric.com\/blog\/?p=6620"},"modified":"2021-08-09T15:55:05","modified_gmt":"2021-08-09T12:55:05","slug":"how-to-add-a-countdown-timer-to-wordpress","status":"publish","type":"post","link":"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/","title":{"rendered":"How to Add a Countdown Timer to WordPress"},"content":{"rendered":"<p>Are you looking for a way to persuade visitors to your WordPress website to take immediate action without having to dilly-dally?<\/p>\n<p>Perhaps, you want them to swiftly sign up for your newsletter, make a purchase, or just visit a page. If so, all you have to do is to add a <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/countdown-timer\/\">countdown timer<\/a> to your website.<\/p>\n<p>Countdown timers help to create excitement. They help <a target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-ecommerce-fomo-techniques\/\">stimulate a sense of urgency<\/a> that makes visitors want to act promptly and jump at your offers without wasting time, thus increasing your sales.<\/p>\n<p>In this post, you will learn how to add one to your WordPress website in a breeze.<\/p>\n<p>But first the basics:<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_66_1 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#What_Is_a_Countdown_Timer_and_Why_Use_It\" title=\"What Is a Countdown Timer and Why Use It?\">What Is a Countdown Timer and Why Use It?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#Creating_a_Countdown_Timer_in_WordPress_Using_Adoric\" title=\"Creating a Countdown Timer in WordPress Using Adoric\">Creating a Countdown Timer in WordPress Using Adoric<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#Steps_for_Creating_a_Countdown_Timer_in_WordPress\" title=\"Steps for Creating a Countdown Timer in WordPress\">Steps for Creating a Countdown Timer in WordPress<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#Step_1_Sign_up_for_an_Account_With_Adoric\" title=\"Step 1: Sign up for an Account With Adoric\">Step 1: Sign up for an Account With Adoric<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#Step_2_Install_Adoric_Plugin_on_Your_WordPress_Website\" title=\"Step 2: Install Adoric Plugin on Your WordPress Website\">Step 2: Install Adoric Plugin on Your WordPress Website<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#Step_3_Create_a_Popup\" title=\"Step 3: Create a Popup\">Step 3: Create a Popup<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#Step_4_Add_Content_to_the_Popup\" title=\"Step 4: Add Content to the Popup\">Step 4: Add Content to the Popup<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#Step_5_Add_a_Countdown_Timer_to_the_Popup\" title=\"Step 5: Add a Countdown Timer to the Popup\">Step 5: Add a Countdown Timer to the Popup<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#Wrapping_it_Up\" title=\"Wrapping it Up\">Wrapping it Up<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_Is_a_Countdown_Timer_and_Why_Use_It\"><\/span>What Is a Countdown Timer and Why Use It?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>A picture, they say, is worth more than a thousand words. Thus, a graphical illustration will be of great help here.<\/p>\n<p>Have a look at what a countdown timer looks like on the homepage of a website<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6621 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer-in-WordPress.jpg\" alt=\"\" width=\"1304\" height=\"448\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1304px; --smush-placeholder-aspect-ratio: 1304\/448;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6621\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer-in-WordPress.jpg\" alt=\"\" width=\"1304\" height=\"448\" \/><\/noscript><\/p>\n<p>As you can see, it\u2019s just a digital clock that counts down to a time in the future. That\u2019s a no-brainer, right?<\/p>\n<p>So, why use it on your website? To create excitement and anticipation, basically. As such, they are best used when you are looking to:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Create anticipation and excitement about an upcoming product launch<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Promote time-sensitive sales offers. Eg. Black Friday or Cyber Monday deals<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Make visitors quickly sign up as subscribers<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Promote your webinar to get as many attendees as possible<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">To <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/countdown-timer\/\">create scarcity and hence make your product look highly valuable<\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Make visitors wait with excitement while you take your website down for maintenance<\/li>\n<\/ul>\n<p>Let me excite you a little. Did you know that when used properly, countdown timers can increase your sales by <a target=\"_blank\" href=\"https:\/\/www.salecycle.com\/blog\/strategies\/countdown-timers-can-used-drive-ecommerce-sales\/\">30%<\/a>? Yeah, that\u2019s right! So, they are well worth it.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Creating_a_Countdown_Timer_in_WordPress_Using_Adoric\"><\/span>Creating a Countdown Timer in WordPress Using Adoric<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>While there is a slew of solutions on the market that you can use to create a countdown timer in your WordPress website, Adoric is, without question, the best of all.<\/p>\n<p>Now, you might think that\u2019s a biased opinion. Truth is, it\u2019s not, and here\u2019s why: Adoric comes with lots of exceptional features to make your countdown timer pop. Here are some of them:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Highly editable <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/countdown-timer\/\">countdown timer<\/a> that you can add anywhere on your website<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Intuitive <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/drag-and-drop-builder\/\">drag-and-drop design editor <\/a>for creating eye-catching marketing campaigns<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\u00a010,000+ free graphics design elements for making your campaigns visually impressive<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">A huge collection of <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates\">pre-designed templates<\/a> you can edit and tweak to your heart\u2019s content<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Accurate <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/audience-targeting\/\">audience targeting<\/a> that ensures only the right people see your campaign<\/li>\n<\/ul>\n<p>And <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/\">lots more<\/a>!<\/p>\n<p>With that said, let\u2019s now go over the steps for creating a countdown timer in WordPress<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Steps_for_Creating_a_Countdown_Timer_in_WordPress\"><\/span>Steps for Creating a Countdown Timer in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"Step_1_Sign_up_for_an_Account_With_Adoric\"><\/span>Step 1: Sign up for an Account With Adoric<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Your first port of call is <a target=\"_blank\" href=\"https:\/\/adoric.com\/subscribe?price=0&amp;contractId=0&amp;planId=5a95516746c66eaf00eaa7fd\">signing up for an account<\/a> with Adoric. Don\u2019t worry, you can start for free and then upgrade your subscription as your business expands.<\/p>\n<p>During the signing up process, see to it that you provide the correct URL of your website like so:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6622 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer-wordpress.jpg\" alt=\"\" width=\"1326\" height=\"648\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1326px; --smush-placeholder-aspect-ratio: 1326\/648;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6622\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer-wordpress.jpg\" alt=\"\" width=\"1326\" height=\"648\" \/><\/noscript><\/p>\n<p>You can leave out the <b>Industry of your website <\/b>field as it is only optional.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_2_Install_Adoric_Plugin_on_Your_WordPress_Website\"><\/span>Step 2: Install Adoric Plugin on Your WordPress Website<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>After signing up for an account, you will see a page with an installation link on it. Click the <b>Install now<\/b> link as shown below:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6623 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer.jpg\" alt=\"Adoric plugin installation\" width=\"1324\" height=\"620\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1324px; --smush-placeholder-aspect-ratio: 1324\/620;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6623\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer.jpg\" alt=\"Adoric plugin installation\" width=\"1324\" height=\"620\" \/><\/noscript><\/p>\n<p>As soon as you do, you will be redirected to the plugin download page.<\/p>\n<p>Before proceeding to download the plugin, take note of your <b>Account ID.<\/b> Possibly copy it to somewhere safe.<\/p>\n<p>Once you are done, hit the <b>Download plugin <\/b>button.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6624 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-wordpress-plugin.jpg\" alt=\"Adoric WordPress plugin\" width=\"1320\" height=\"518\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1320px; --smush-placeholder-aspect-ratio: 1320\/518;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6624\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-wordpress-plugin.jpg\" alt=\"Adoric WordPress plugin\" width=\"1320\" height=\"518\" \/><\/noscript><\/p>\n<p>After downloading the plugin, upload, install and activate it on your website just you would with every other WordPress plugin.<\/p>\n<p>With the plugin now installed and activated on your website, the next step is to link it to your account so as to enjoy it fully.<\/p>\n<p>To do that, from your WordPress dashboard simply navigate to <b>Adoric &gt;&gt; Dashboard<\/b>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6625 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-wordpress-dashboard.jpg\" alt=\"Adoric wordpress dashboard\" width=\"1366\" height=\"312\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/312;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6625\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-wordpress-dashboard.jpg\" alt=\"Adoric wordpress dashboard\" width=\"1366\" height=\"312\" \/><\/noscript><\/p>\n<p>On the dashboard page, you will see an input field asking for your account ID. Enter the account ID you had earlier copied and then hit the <b>Connect Adoric <\/b>button.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6626 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-wordpress-plugin-1.jpg\" alt=\"Adoric wordpress plugin\" width=\"1326\" height=\"394\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1326px; --smush-placeholder-aspect-ratio: 1326\/394;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6626\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-wordpress-plugin-1.jpg\" alt=\"Adoric wordpress plugin\" width=\"1326\" height=\"394\" \/><\/noscript><\/p>\n<p>And like that, you are good to go.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_3_Create_a_Popup\"><\/span>Step 3: Create a Popup<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>With installation and setup out of the way, it\u2019s about time you added a countdown timer to your website. To do that, once more navigate to <b>Adoric &gt;&gt; Dashboard<\/b>, and then click the <b>Create popup <\/b>button.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6627 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/popup-countdown-timer.jpg\" alt=\"popup countdown timer\" width=\"1333\" height=\"376\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1333px; --smush-placeholder-aspect-ratio: 1333\/376;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6627\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/popup-countdown-timer.jpg\" alt=\"popup countdown timer\" width=\"1333\" height=\"376\" \/><\/noscript><\/p>\n<p>Upon click, you will be redirected back to the design editor page. This is where you will build out the countdown timer and add it to your website.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6628 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-Design-Editor.jpg\" alt=\"Adoric design editor\" width=\"1348\" height=\"582\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1348px; --smush-placeholder-aspect-ratio: 1348\/582;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6628\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Adoric-Design-Editor.jpg\" alt=\"Adoric design editor\" width=\"1348\" height=\"582\" \/><\/noscript><\/p>\n<p>At this point, you have 3 embedding options for creating the countdown timer: popup, a slide-in, or a floating bar. You can even embed it directly to your page or post.<\/p>\n<p>For this tutorial, we will be using the popup in the screenshot above &#8211; and we will be building from the ground up. But you don\u2019t have to build from scratch; you can use any of our over <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates\">500 pre-made templates<\/a> to save time.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_4_Add_Content_to_the_Popup\"><\/span>Step 4: Add Content to the Popup<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>To start, first clean out the canvas by deleting the placeholder texts like so:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6629 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/countdown-popop.gif\" alt=\"countdown popup\" width=\"1366\" height=\"657\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/657;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6629\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/countdown-popop.gif\" alt=\"countdown popup\" width=\"1366\" height=\"657\" \/><\/noscript><\/p>\n<p>After that, click the <b>Elements <\/b>tab on the left-hand panel. Then click the <b>Texts <\/b>tab.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6630 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/countdown-timer-wordpress-popup.jpg\" alt=\"Countdown WordPress popup\" width=\"1353\" height=\"514\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1353px; --smush-placeholder-aspect-ratio: 1353\/514;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6630\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/countdown-timer-wordpress-popup.jpg\" alt=\"Countdown WordPress popup\" width=\"1353\" height=\"514\" \/><\/noscript><\/p>\n<p>Then click on the <b>Add heading <\/b>link. If you want, select a font style that best matches your taste from the fonts palette. Or just use the default font style.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6631 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/wordpress-popup.jpg\" alt=\"Adoric design element\" width=\"1366\" height=\"646\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/646;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6631\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/wordpress-popup.jpg\" alt=\"Adoric design element\" width=\"1366\" height=\"646\" \/><\/noscript><\/p>\n<p>After that, click the text that was dropped on the canvas. Then edit it as you please. For this tutorial, this is the text we will be creating:<\/p>\n<p><b>Sign up now to get 50% off<\/b><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6632 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/How-to-add-countdown-timer-to-WordPress.gif\" alt=\"How to add a countdown timer to WordPress\" width=\"1366\" height=\"657\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/657;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6632\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/How-to-add-countdown-timer-to-WordPress.gif\" alt=\"How to add a countdown timer to WordPress\" width=\"1366\" height=\"657\" \/><\/noscript><\/p>\n<p>Of course, you can always use whatever text that you want. And you are also at liberty to style the text however you want.<\/p>\n<p>After creating the text, click the <b>Elements <\/b>tab once again, and then select <b>Form<\/b><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6633 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Wordpress-countdown-timer.jpg\" alt=\"WordPress countdown timer\" width=\"1357\" height=\"594\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1357px; --smush-placeholder-aspect-ratio: 1357\/594;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6633\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Wordpress-countdown-timer.jpg\" alt=\"WordPress countdown timer\" width=\"1357\" height=\"594\" \/><\/noscript><\/p>\n<p>Once you do, a form will be dropped on your design canvas. Edit and tweak the form as you please by changing the button color, text, and positioning.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_5_Add_a_Countdown_Timer_to_the_Popup\"><\/span>Step 5: Add a Countdown Timer to the Popup<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>When you are done with that, as you did previously for the form, add a Countdown timer to your canvas.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6634 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer-1.jpg\" alt=\"Countdown timer \" width=\"1366\" height=\"594\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/594;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6634\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer-1.jpg\" alt=\"Countdown timer \" width=\"1366\" height=\"594\" \/><\/noscript><\/p>\n<p>Then drag the countdown timer to wherever you want on the canvas like so:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6635 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Edit-countdown-timer-wordpress.gif\" alt=\"Edit countdown timer WordPress\" width=\"1366\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/600;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6635\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Edit-countdown-timer-wordpress.gif\" alt=\"Edit countdown timer WordPress\" width=\"1366\" height=\"600\" \/><\/noscript><\/p>\n<p>The next thing you will want to do is to make adjustments to the countdown timer. To do that, click on it, and on the left panel set your parameters.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6636 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Edit-countdown-timer.jpg\" alt=\"Edit countdown timer \" width=\"1366\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/600;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6636\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Edit-countdown-timer.jpg\" alt=\"Edit countdown timer \" width=\"1366\" height=\"600\" \/><\/noscript><\/p>\n<p>Hit the <b>Apply <\/b>button when you are done. At this point, you are ready to publish the popup with a countdown timer to your WordPress website.<\/p>\n<p>But before that, you need to do some housekeeping. To begin with, you need to tell Adoric the page(s) on your website where you want the popup to appear.<\/p>\n<p>Here\u2019s how to go about that:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Click the <b>Rules <\/b>tab at the top of the screen<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">A page will open. Scroll down to the <b>Placement <\/b>section.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Click <b>Specific pages<\/b>, and then the Add button.<\/li>\n<li aria-level=\"1\">Type in the URL of the page you are looking to target. Click the toggle button and publish<\/li>\n<\/ul>\n<p>You can also make adjustments to <b>Frequency, Triggers, and Close options<\/b> if you so wish. Click the <b>publish <\/b>button. Doing that will take you back to the design editor.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6637 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Popup-display-rules.gif\" alt=\"Popup display rules\" width=\"1366\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/600;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6637\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Popup-display-rules.gif\" alt=\"Popup display rules\" width=\"1366\" height=\"600\" \/><\/noscript><\/p>\n<p>Now publish the popup by clicking the <b>Publish <\/b>button at the top right corner, and you have a countdown timer live on your website. And that\u2019s it!<\/p>\n<p>On a final note, you don\u2019t have to build your campaign from scratch just like we did in this tutorial.<\/p>\n<p>Thankfully, we have lots of popup templates with editable countdown timers embedded in them. Examples are <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates\/limited-time-popup-60759ad975fa671bd07052b7\">this<\/a>, <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates\/creative-summer-sales-design-for-promoting-sales-and-deals-on-your-website-60854864e5a1b217af2724c4\">that<\/a>, and <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates\/st.-patrick's-day-promotion-popup-604a435edb5e1700a3677c29\">that one<\/a>. You can start with any of them.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wrapping_it_Up\"><\/span>Wrapping it Up<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In the example above, we added a countdown timer to a popup. However, you don\u2019t have to limit your option to popups alone. You can as well add them to a <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=sliders\">slide-in<\/a>, <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=bars\">floating bar<\/a>, or <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/on-screen-positioning\/\">even add it directly to your page\/post as an inline countdown timer<\/a>.<\/p>\n<p style=\"text-align: center;\"><a target=\"_blank\" href=\"https:\/\/adoric.com\/subscribe?price=0&amp;contractId=0&amp;planId=5a95516746c66eaf00eaa7fd?\" class=\"big-button\">Try Adoric for Free<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding a countdown timer to your WordPress website can help create a sense of urgency with your visitors, and hence increase your conversion rate. Learn how to go about it in this post.  <\/p>\n","protected":false},"author":12,"featured_media":6640,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add a Countdown Timer to WordPress - Adoric Blog<\/title>\n<meta name=\"description\" content=\"Adding a countdown timer to your WordPress website can help create a sense of urgency with your visitors, and hence increase your conversion rate. Learn how to go about it in this post.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Countdown Timer to WordPress - Adoric Blog\" \/>\n<meta property=\"og:description\" content=\"Adding a countdown timer to your WordPress website can help create a sense of urgency with your visitors, and hence increase your conversion rate. Learn how to go about it in this post.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Adoric Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-14T14:58:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-09T12:55:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer-in-WordPress-Facebook.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Christopher Ike\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Ike\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add a Countdown Timer to WordPress - Adoric Blog","description":"Adding a countdown timer to your WordPress website can help create a sense of urgency with your visitors, and hence increase your conversion rate. Learn how to go about it in this post.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Add a Countdown Timer to WordPress - Adoric Blog","og_description":"Adding a countdown timer to your WordPress website can help create a sense of urgency with your visitors, and hence increase your conversion rate. Learn how to go about it in this post.","og_url":"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/","og_site_name":"Adoric Blog","article_published_time":"2021-07-14T14:58:32+00:00","article_modified_time":"2021-08-09T12:55:05+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2021\/07\/Countdown-timer-in-WordPress-Facebook.jpg","type":"image\/jpeg"}],"author":"Christopher Ike","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Christopher Ike","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/","url":"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/","name":"How to Add a Countdown Timer to WordPress - Adoric Blog","isPartOf":{"@id":"https:\/\/adoric.com\/blog\/#website"},"datePublished":"2021-07-14T14:58:32+00:00","dateModified":"2021-08-09T12:55:05+00:00","author":{"@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/759703ff78511d225850732fec85cb9e"},"description":"Adding a countdown timer to your WordPress website can help create a sense of urgency with your visitors, and hence increase your conversion rate. Learn how to go about it in this post.","breadcrumb":{"@id":"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/adoric.com\/blog\/how-to-add-a-countdown-timer-to-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/adoric.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add a Countdown Timer to WordPress"}]},{"@type":"WebSite","@id":"https:\/\/adoric.com\/blog\/#website","url":"https:\/\/adoric.com\/blog\/","name":"Adoric Blog","description":"Conversion rate optimization blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adoric.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/759703ff78511d225850732fec85cb9e","name":"Christopher Ike","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8fc8c1ad90c77eb2b410d87711de08bb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8fc8c1ad90c77eb2b410d87711de08bb?s=96&d=mm&r=g","caption":"Christopher Ike"},"sameAs":["http:\/\/www.christopherike.com"],"url":"https:\/\/adoric.com\/blog\/author\/christopher\/"}]}},"_links":{"self":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/6620"}],"collection":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/comments?post=6620"}],"version-history":[{"count":7,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/6620\/revisions"}],"predecessor-version":[{"id":6888,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/6620\/revisions\/6888"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/media\/6640"}],"wp:attachment":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/media?parent=6620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/categories?post=6620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/tags?post=6620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}