{"id":1043,"date":"2021-04-27T15:38:46","date_gmt":"2021-04-27T07:38:46","guid":{"rendered":"https:\/\/leadsleap.com\/blog\/?p=1043"},"modified":"2021-04-27T16:05:17","modified_gmt":"2021-04-27T08:05:17","slug":"landing-page-countdown-element-update","status":"publish","type":"post","link":"https:\/\/leadsleap.com\/blog\/landing-page-countdown-element-update\/","title":{"rendered":"Landing Page Countdown Element Update"},"content":{"rendered":"\n<p>Couple of weeks ago, we released a new element called &#8216;Countdown&#8217; in our Landing Page Builder. <\/p>\n\n\n\n<p>If you have no idea what I&#8217;m talking about, you can refer to <a href=\"https:\/\/leadsleap.com\/blog\/countdown-timer-for-your-landing-page\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"this post (opens in a new tab)\">this post<\/a>.<\/p>\n\n\n\n<p>Since then, we have received some feedback from our members.<\/p>\n\n\n\n<p>Today I want to update you on 2 improvements to the Countdown Element.<\/p>\n\n\n\n<h2>1) Resizable Flip Countdown <\/h2>\n\n\n\n<p>Previously only Basic Countdown is resizable. Now the cool animated Flip Countdown can also be resized, but it is a &#8216;cheat&#8217;.<\/p>\n\n\n\n<p>What I mean is, you can resize it, but it will automatically approximate to one of the three standard sizes as shown below:<\/p>\n\n\n\n<p><img loading=\"lazy\" width=\"661\" height=\"190\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2021\/04\/1.gif\" alt=\"\" class=\"wp-image-1044\"\/><\/p>\n\n\n\n<p><img loading=\"lazy\" width=\"502\" height=\"151\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2021\/04\/2.gif\" alt=\"\" class=\"wp-image-1045\"\/><\/p>\n\n\n\n<p><img loading=\"lazy\" width=\"365\" height=\"107\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2021\/04\/3.gif\" alt=\"\" class=\"wp-image-1046\"\/><\/p>\n\n\n\n<p>There is no way to make it fully resizable due to the animation requirement. But we reckon that these 3 sizes should be enough for most designs.<\/p>\n\n\n\n<h2>2) Countdown From Fixed End Time<\/h2>\n\n\n\n<p>Previously you can only countdown from a certain time. Say if you set a 3-minute countdown, everyone who goes to your page will experience 3 minutes of countdown. <\/p>\n\n\n\n<p>Now you can set the countdown based on a &#8216;Fixed End Time&#8217;.<\/p>\n\n\n\n<p>Say you have an offer or webinar that ends on a certain date and time, you can set that time as the End Time. The countdown timer will automatically calculate and show the remaining time to the visitors.<\/p>\n\n\n\n<p>Here is how the two settings look like:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"602\" height=\"196\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2021\/04\/Untitled-1.jpg\" alt=\"\" class=\"wp-image-1048\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2021\/04\/Untitled-1.jpg 602w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2021\/04\/Untitled-1-300x98.jpg 300w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><\/figure>\n\n\n\n<p>You can toggle between &#8216;page load&#8217; and &#8216;fixed time&#8217; and set the time accordingly.<\/p>\n\n\n\n<p>If you use the Fixed Time option, be sure to enter a URL (see arrow below), preferably an opt-in page, so that visitors who are late for the offer or webinar can opt-in and be notified of the next offer\/webinar.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"485\" height=\"176\" src=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2021\/04\/TinyTake27-04-2021-03-34-09.png\" alt=\"\" class=\"wp-image-1049\" srcset=\"https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2021\/04\/TinyTake27-04-2021-03-34-09.png 485w, https:\/\/leadsleap.com\/blog\/wp-content\/uploads\/2021\/04\/TinyTake27-04-2021-03-34-09-300x109.png 300w\" sizes=\"(max-width: 485px) 100vw, 485px\" \/><\/figure>\n\n\n\n<p>If you want to try out these option now, go to <a rel=\"noreferrer noopener\" aria-label=\"LeadsLeap Page Builder (opens in a new tab)\" href=\"https:\/\/leadsleap.com\/pagebuilder\/\" target=\"_blank\">LeadsLeap Page Builder<\/a> and try it. (If this is your first time trying the Countdown Element, <a rel=\"noreferrer noopener\" aria-label=\"read this guide before trying (opens in a new tab)\" href=\"https:\/\/leadsleap.com\/blog\/countdown-timer-for-your-landing-page\/\" target=\"_blank\">read this guide before trying<\/a>.)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Couple of weeks ago, we released a new element called &#8216;Countdown&#8217; in our Landing Page Builder. If you have no idea what I&#8217;m talking about, you can refer to this post. Since then, we have received some feedback from our members. Today I want to update you on 2 improvements to the Countdown Element. 1) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1043"}],"collection":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/comments?post=1043"}],"version-history":[{"count":4,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1043\/revisions"}],"predecessor-version":[{"id":1052,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/posts\/1043\/revisions\/1052"}],"wp:attachment":[{"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/media?parent=1043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/categories?post=1043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadsleap.com\/blog\/wp-json\/wp\/v2\/tags?post=1043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}