{"id":5781,"date":"2021-12-13T10:25:48","date_gmt":"2021-12-13T10:25:48","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/landing-page-countdown-widget\/"},"modified":"2022-06-10T05:10:37","modified_gmt":"2022-06-10T05:10:37","slug":"landing-page-countdown-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/landing-pages\/builder\/countdown\/","title":{"rendered":"Landing Page Countdown Widget"},"content":{"rendered":"
\n

The Countdown <\/strong>widget helps you add a countdown timer to your landing page.<\/p>\n

In the age and time where people’s average attention span is continuously decreasing, it is particularly important that your landing pages capture the visitors’ attention. A countdown timer helps you do just that!<\/p>\n

A countdown timer displays to your campaign recipients exactly how many days, hours, minutes, and seconds are remaining until a specific time and date. Adding an animated countdown timer to your landing pages helps you build buzz and excitement around product launches or upcoming events. It creates a sense of urgency and nudges your customers to signup for your event, buy your products, etc. You can use it in various ways \u2013 a timer that counts down to the moment a special discount is valid, or a timer that counts down to the moment you launch a new product, etc.<\/p>\n

<\/div>\n

How to use a Countdown Widget in a Landing Page?<\/h2>\n
<\/div>\n

Step 1<\/h3>\n

Navigate to the landing page builder<\/h3>\n

Use the Main Menu<\/strong> on the left to create a landing page<\/strong> and subsequently navigate to the landing page builder<\/a>.<\/p>\n

<\/div>\n

Step 2: Add a Countdown widget to your landing page<\/h3>\n

The blank area on the left is the Work area<\/strong> where you design your landing page, and the area on the right is the tools area where all the available design elements are displayed as widgets<\/a>.<\/p>\n

To add a countdown timer to your landing page, drag and drop the Countdown <\/strong>widget to the work area.<\/p>\n

<\/div>\n

\"Landing<\/p>\n

<\/div>\n

Step 3: Specify the Countdown Type.<\/h3>\n

As you drop the widget into the work area, the widget Settings <\/strong>are displayed on the right (as highlighted in the screenshot below).<\/em><\/p>\n

<\/div>\n

\"Setting<\/p>\n

<\/div>\n

Use these settings to specify the type of countdown timer that you would like to add.<\/p>\n