{"id":6304,"date":"2022-05-23T14:02:00","date_gmt":"2022-05-23T14:02:00","guid":{"rendered":"https:\/\/logwork.com\/blog\/?p=6304"},"modified":"2022-06-09T12:39:41","modified_gmt":"2022-06-09T12:39:41","slug":"how-to-add-a-countdown-timer-on-wordpress","status":"publish","type":"post","link":"https:\/\/logwork.com\/blog\/how-to-add-a-countdown-timer-on-wordpress","title":{"rendered":"How to Add a Countdown Timer on WordPress Websites"},"content":{"rendered":"\n<h3 class=\"has-text-align-center wp-block-heading\"><em>It\u2019s even easier than you could imagine!<\/em><\/h3>\n\n\n\n<p>WordPress offers the possibility to add a countdown timer in 3 distinct ways. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>as a widget;<\/strong><\/li><li><strong>on a post;<\/strong><\/li><li><strong>to a product.<\/strong><\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Let&#8217;s start with 6 easy steps for adding the timer as a widget.<\/h3>\n\n\n\n<p>1. Go to the <strong><em><a href=\"https:\/\/logwork.com\/countdown-timer\">Countdown Time Bui<\/a><\/em><\/strong><strong><em><a href=\"https:\/\/logwork.com\/countdown-timer\">l<\/a><\/em><\/strong><strong><em><a href=\"https:\/\/logwork.com\/countdown-timer\">der<\/a><\/em><\/strong> and copy the embedded code of the countdown timer. In case you haven\u2019t fixed one yet, go and do this.&nbsp;<\/p>\n\n\n\n<p>2. In WordPress, select <strong>Appearance <\/strong>from the <strong>Dashboard <\/strong>and move to <strong>Widgets<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2212\" height=\"1122\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-1.png\" alt=\"How to Add a Countdown Timer on WordPress Websites\" class=\"wp-image-6374\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-1.png 2212w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-1-300x152.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-1-768x390.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-1-1024x519.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-1-600x304.png 600w\" sizes=\"auto, (max-width: 2212px) 100vw, 2212px\" \/><\/figure>\n\n\n\n<p>3. Select <strong>Text <\/strong>fromthe <strong>Available Widgets<\/strong> menu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2210\" height=\"1384\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-2.png\" alt=\"Countdown Timer on WordPress  widgets\n\" class=\"wp-image-6375\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-2.png 2210w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-2-300x188.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-2-768x481.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-2-1024x641.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-2-600x376.png 600w\" sizes=\"auto, (max-width: 2210px) 100vw, 2210px\" \/><\/figure>\n\n\n\n<p>4. Pick a section and click <strong>Add Widget <\/strong>(e.g. Sidebar).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2202\" height=\"1400\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-3.png\" alt=\"Wordpress 3\" class=\"wp-image-6376\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-3.png 2202w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-3-300x191.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-3-768x488.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-3-1024x651.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-3-600x381.png 600w\" sizes=\"auto, (max-width: 2202px) 100vw, 2202px\" \/><\/figure>\n\n\n\n<p>5. Insert the code in the <strong>Content<\/strong> field. You can add the title if you want.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2216\" height=\"1394\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-4.png\" alt=\"Wordpress 4\" class=\"wp-image-6377\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-4.png 2216w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-4-300x189.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-4-768x483.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-4-1024x644.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-4-600x377.png 600w\" sizes=\"auto, (max-width: 2216px) 100vw, 2216px\" \/><\/figure>\n\n\n\n<p>6. <strong>Save<\/strong> your deed and see the results!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2334\" height=\"1138\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-wordpress-demo.png\" alt=\"Countdown Timer for WordPress Demo\" class=\"wp-image-6378\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-wordpress-demo.png 2334w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-wordpress-demo-300x146.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-wordpress-demo-768x374.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-wordpress-demo-1024x499.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/countdown-timer-for-wordpress-demo-600x293.png 600w\" sizes=\"auto, (max-width: 2334px) 100vw, 2334px\" \/><\/figure>\n\n\n\n<p><strong>NOTE<\/strong> Feel free to contact us in case you have any questions!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Let&#8217;s add the countdown timer to a blog post.<\/h2>\n\n\n\n<p>1. Go to <strong><em><a href=\"https:\/\/logwork.com\/countdown-timer\">Countdown Clock Builder<\/a><\/em><\/strong> and copy the embedded code of the countdown timer. In case you haven\u2019t fixed one yet, go and do this.&nbsp;<\/p>\n\n\n\n<p>2. From the <strong>Post<\/strong> menu, choose to <strong>Add New<\/strong>. Select to format the <strong>HTML<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2526\" height=\"1180\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-as-post-1.png\" alt=\"Wordpress as Post 1\" class=\"wp-image-6396\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-as-post-1.png 2526w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-as-post-1-300x140.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-as-post-1-768x359.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-as-post-1-1024x478.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-as-post-1-600x280.png 600w\" sizes=\"auto, (max-width: 2526px) 100vw, 2526px\" \/><\/figure>\n\n\n\n<p>3. Embed the <strong>Code<\/strong> for the countdown timer. <strong>Publish<\/strong> it.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2528\" height=\"1214\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress_as_post_2.png\" alt=\"Wordpress as Post 2\" class=\"wp-image-6397\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress_as_post_2.png 2528w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress_as_post_2-300x144.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress_as_post_2-768x369.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress_as_post_2-1024x492.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress_as_post_2-600x288.png 600w\" sizes=\"auto, (max-width: 2528px) 100vw, 2528px\" \/><\/figure>\n\n\n\n<p>4.  See the changes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2430\" height=\"1056\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-countdown-timer-as-post-demo.png\" alt=\"Wordpress Countdown Timer Post\" class=\"wp-image-6398\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-countdown-timer-as-post-demo.png 2430w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-countdown-timer-as-post-demo-300x130.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-countdown-timer-as-post-demo-768x334.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-countdown-timer-as-post-demo-1024x445.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-countdown-timer-as-post-demo-1170x508.png 1170w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-countdown-timer-as-post-demo-600x261.png 600w\" sizes=\"auto, (max-width: 2430px) 100vw, 2430px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">It&#8217;s the turn to see how you can add a timer to a product in your store.<\/h3>\n\n\n\n<p>1. Go to <strong><em><a href=\"https:\/\/logwork.com\/countdown-timer\">Countdown Timer Builder<\/a><\/em><\/strong> and copy the embedded code of the countdown timer. In case you haven\u2019t fixed one yet, go and do this.&nbsp;<\/p>\n\n\n\n<p>2. In the <strong>Products<\/strong> menu, click on <strong>Add New<\/strong> button. In the text field, add the <strong>Embedded code<\/strong>. Scroll to find the <strong>short description<\/strong> of the product.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2526\" height=\"1690\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-long-description.png\" alt=\"Countdown Timer WordPress Product\" class=\"wp-image-6407\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-long-description.png 2526w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-long-description-300x201.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-long-description-768x514.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-long-description-1024x685.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-long-description-770x515.png 770w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-long-description-600x401.png 600w\" sizes=\"auto, (max-width: 2526px) 100vw, 2526px\" \/><\/figure>\n\n\n\n<p>3. Click on <strong>Text<\/strong>. Add the <strong>Code<\/strong> in the text box.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2526\" height=\"1614\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-short-description.png\" alt=\"Countdown Timer WordPress Product\" class=\"wp-image-6408\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-short-description.png 2526w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-short-description-300x192.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-short-description-768x491.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-short-description-1024x654.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-short-description-600x383.png 600w\" sizes=\"auto, (max-width: 2526px) 100vw, 2526px\" \/><\/figure>\n\n\n\n<p>4. Save your deed and see that you can add the countdown timer as <strong>short<\/strong> and <strong>long description<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2528\" height=\"1796\" src=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-description-demo.png\" alt=\"Wordpress Countdown Timer Product Description Demo\" class=\"wp-image-6406\" srcset=\"https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-description-demo.png 2528w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-description-demo-300x213.png 300w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-description-demo-768x546.png 768w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-description-demo-1024x727.png 1024w, https:\/\/logwork.com\/blog\/wp-content\/uploads\/2019\/08\/wordpress-product-description-demo-600x426.png 600w\" sizes=\"auto, (max-width: 2528px) 100vw, 2528px\" \/><\/figure>\n\n\n\n<p><strong>NOTE<\/strong> Feel free to contact us in case you have any questions!&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s even easier than you could imagine! WordPress offers the possibility to add a countdown timer in 3 distinct ways. as a widget; on a post; to a product. Let&#8217;s start with 6 easy steps for adding the timer as a widget. 1. Go to the Countdown Time Builder and copy the embedded code of<\/p>\n","protected":false},"author":2,"featured_media":6513,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[209,208,81,211],"class_list":{"0":"post-6304","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tips-and-tricks","8":"tag-countdown-clock","9":"tag-countdown-timer","10":"tag-how-to-install","11":"tag-wordpress"},"_links":{"self":[{"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/posts\/6304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/comments?post=6304"}],"version-history":[{"count":28,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/posts\/6304\/revisions"}],"predecessor-version":[{"id":8714,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/posts\/6304\/revisions\/8714"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/media\/6513"}],"wp:attachment":[{"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/media?parent=6304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/categories?post=6304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/logwork.com\/blog\/wp-json\/wp\/v2\/tags?post=6304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}