How to Add a Countdown Timer Widget in WordPress (3 Ways)

Do you want to add a milestone countdown in WordPress.A countdown timer helps you showcase important achievements, anniversaries, upcoming events, and

WordPress Plugins Information:How to Add a Countdown Timer Widget in WordPress (3 Methods)

Would you like to add a milestone countdown in WordPress?

A countdown timer helps you showcase vital achievements, anniversaries, occasions, and extra.

On this article, we are going to present you ways to simply add a countdown timer widget to your WordPress website.

How to Add a Countdown Timer Widget in WordPress (3 Ways)

When and Why to Use a Milestone Countdown Widget?

Milestone countdown widgets are a great tool to remind your viewers about an vital milestone in your online business, reminiscent of an upcoming occasion, product launch, or gross sales occasion.

The countdown helps to construct anticipation amongst your prospects and enhance consumer engagement.

Listed here are some frequent eventualities the place you'd use a milestone countdown widget:

  • Earlier than launching your web site on a coming web page.
  • Throughout web site upkeep to let guests know when the web site shall be out there once more.
  • Earlier than introducing a new product in your on-line retailer.
  • When internet hosting an occasion or convention.
  • On the birthday of your on-line enterprise.
  • On holidays and sale occasions reminiscent of Black Friday to supply reductions in your services or products.

You possibly can show the milestone countdown timer in your , pages, and widget space.

Countdown timers may also be added to lightbox popups, floating bars, scroll packing containers, and different design parts to interact abandoning website guests and convey them again to your web site.

Since there are such a lot of use circumstances for a countdown timer, now we have listed 3 completely different strategies for including a milestone countdown widget in WordPress:

  • Technique 1: Including a Milestone Countdown Widget Utilizing Countdown Timer Final Plugin
  • Technique 2: Including a Milestone Countdown Widget Utilizing OptinMonster
  • Technique 3: Including a Milestone Countdown Widget Utilizing SeedProd

    Let's take a have a look at how to simply add a milestone countdown widget in WordPress.

    Video Tutorial

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    Countdown Timer Final is a easy free plugin that permits you to add a fundamental countdown timer to your web site.

    The very first thing you want to do is set up and activate the Countdown Timer Final plugin. For extra particulars, see our step-by-step information on how to set up a WordPress plugin.

    Upon activation, you want to go to the Countdown Timer » Add Timer web page in your WordPress admin space.

    On this web page, you want to begin by including your milestone identify because the title for the brand new countdown timer.

    Notice: The timer makes use of the timezone set in your WordPress website settings. If you'd like to change the timezone for this countdown timer, then you will want to go to Settings » Basic and replace the timezone settings of your WordPress website.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    After that, you possibly can scroll to set an expiration date, day, and time to your milestone countdown timer.

    Go forward and choose the expiry date to your countdown timer.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    Subsequent, you want to choose an animation fashion from the drop-down.

    You may as well alter the circle and background width simply.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    Within the Countdown Width discipline, you possibly can outline a width for the total show of your countdown widget. Should you go away this discipline clean, then it's going to show the timer utilizing the default dimension.

    After that, you possibly can add the background and foreground colours for the countdown timer. You possibly can individually change the colour for days, hours, minutes, and seconds. You may as well change the labels for parts like days, hours, and so forth.

    One factor to hold in thoughts is that the plugin, sadly, doesn't alter the label for plural or singular, so for instance it's going to say ‘1 Hours' as a substitute of ‘1 Hour'.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    As soon as you're glad with the settings, go forward and click on on the ‘Publish' button.

    Displaying Your Milestone Countdown Widget in WordPress

    Now that you've got created your milestone countdown widget, let's add it to your web site.

    First, you want to click on on the Countdown Timer menu. On the WP Countdown Timer web page, you will notice the timer you simply created listed there.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    Subsequent to your countdown timer, you will notice a shortcode that you simply want to copy.

    You want to copy and paste this shortcode into the content material space of your put up or web page.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    Then, make sure that to click on on the replace or publish button to save your modifications.

    Now you can go to your web site to see the milestone countdown widget in motion.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    You may as well add this countdown timer in the sidebar of your WordPress website. Merely go to the Look » Widgets web page and add a shortcode widget to your sidebar.

    In widget settings, you possibly can want to paste the shortcode to your countdown timer.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    When you're accomplished, don't neglect to click on on the Replace button to retailer your widget settings.

    Now you can go to your website to see the countdown timer in the sidebar or widget prepared space.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    Technique 2: Including a Milestone Countdown Widget Utilizing OptinMonster

    OptinMonster is the very best WordPress popup plugin in the marketplace, however it does far more than simply popups. It helps you change abandoning website guests into subscribers and prospects.

    Utilizing the countdown timer function by OptinMonster, you possibly can combine the milestone countdown timer into a lightbox popup, sidebar widget, floating bar, or another OptinMonster marketing campaign sort.

    Under is an instance of one of many pre-made countdown timer campaigns they've, however you should utilize drag & drop builder to create a utterly personalized countdown timer.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    OptinMonster is a good means to present a countdown timer in extremely attention-grabbing design parts. They even permit you to create evergreen countdown timers in WordPress.

    An evergreen countdown timer begins a countdown for every particular person customer. The timer begins when the individual arrives at your website. It's additionally referred to as a dynamic countdown timer.

    First, you want to go to the OptinMonster web site and signup for a plan that meets your want.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    After that, you want to set up the OptinMonster plugin in your WordPress website. For extra particulars, see our step-by-step information on how to set up a WordPress plugin.

    This plugin will work as a connector between your WordPress website and the OptinMonster app.

    Upon activation, you'll want to go to OptinMonster » Settings out of your WordPress admin menu and join your account.

    You possibly can click on the ‘Join an Current Account' button to get began.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    After that, you'll see a popup window seem.

    Merely choose the e-mail handle you to join an OptinMonster account and click on the ‘Join to WordPress' button.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    The plugin will now join your WordPress website to your OptinMonster account.

    As soon as related, you can begin creating a new marketing campaign out of your OptinMonster dashboard. Merely head over to OptinMonster » Campaigns and click on the ‘Create Your First Marketing campaign' button.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    The plugin reveals completely different marketing campaign varieties and templates to select from.

    You should use any marketing campaign sort and combine the countdown timer into it.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    For extra particulars, see this step-by-step tutorial on how to create a countdown timer marketing campaign in OptinMonster.

    Technique 3: Including a Milestone Countdown Widget Utilizing SeedProd

    SeedProd is the very best theme and touchdown web page builder for WordPress. Its drag and drop builder enables you to create wonderful touchdown pages and add a countdown timer to seize your customer's consideration.

    To make use of the countdown timer function, you will want the SeedProd Professional model. With the Professional plan, you can too get entry to completely different templates, web page blocks for personalisation, e mail advertising and marketing integrations, and extra.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    The very first thing you want to do is to set up and activate the SeedProd Professional plugin in your WordPress web site. For extra particulars, see our step-by-step information on how to set up a WordPress plugin.

    Upon activation, you'll be redirected to SeedProd in your WordPress admin space. It's going to ask for a license key you can get out of your SeedProd account. After getting into the license key, you possibly can click on the ‘Confirm key' button.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    Subsequent, you possibly can create a new touchdown web page by going to SeedProd » Pages.

    SeedProd enables you to arrange various kinds of pages, together with coming quickly pages, login pages, customized WooCommerce cart pages, and a 404 pages.

    You may as well create different touchdown pages by clicking the ‘Add New Touchdown Web page' button, reminiscent of a thanks or a web page to signup for a webinar.

    For this tutorial, we'll be utilizing the Coming Quickly web page because it's a great spot to add a countdown timer and remind your viewers about an upcoming product or occasion.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    After that, you possibly can choose a template to your touchdown web page. There may be additionally an choice to create a web page from scratch by utilizing the clean template.

    Nevertheless, we advocate utilizing a template because it saves time and helps you edit the design the best way you need.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    On the following display, you'll be taken to the SeedProd drag and drop web page builder below the Design tab.

    Right here, you possibly can customise the touchdown web page by including and eradicating completely different sections, web page blocks, and formatting the web page's structure.

    So as to add the countdown timer, merely go to the Superior web page blocks part from the left menu and place the ‘Countdown' block wherever in your web page.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    You may as well edit completely different sections of your coming quickly web page. Simply click on on a part and also you'll see extra choices on the left menu.

    For instance, you possibly can edit the textual content in the sector, change its font, shade, or align the content material.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    Whenever you're accomplished enhancing the design of your touchdown web page, you possibly can go to the Join tab and combine e mail advertising and marketing providers.

    SeedProd helps widespread providers reminiscent of Drip, Fixed Contact, SendinBlue, ConvertKit, and extra.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    After that, go forward and click on on the Web page Settings tab to publish your touchdown web page with a countdown timer.

    Underneath the Basic settings, you possibly can change the ‘Web page Standing' from Draft to Publish, and your web page shall be stay.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    Subsequent, you possibly can go to the ‘Entry Management' settings below the Web page Settings tab and handle who can view your touchdown web page.

    This function is admittedly helpful if you need sure folks to bypass the approaching quickly web page and work on growing your web site.

    SeedProd additionally enables you to embrace and URLs on which the approaching quickly web page shall be proven. By default, the web page shall be seen on the whole web site. Nevertheless, you possibly can change it to present solely on the homepage or on particular URLs.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    After that, you possibly can optimize your web page for search engines like google and yahoo by going to the search engine optimization settings.

    SeedProd enables you to add an search engine optimization title, description, favicon, and social media thumbnail.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    If you'd like to add code to your touchdown web page, then head over to the ‘Scripts' part in Web page Settings. Right here you possibly can add scripts in the header, physique, and footer of your web page.

    For instance, you possibly can add the Google Analytics monitoring code in the Header Scripts to see how folks use your touchdown web page.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    As soon as you're glad, make sure that to click on on the Save button. You may as well preview your touchdown web page to make any modifications to its design.

    Subsequent, you'll have to go to SeedProd » Pages and alter the standing of your coming quickly web page to ‘Energetic.'

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    That's it. Your touchdown web page with countdown timer shall be stay.

    Now you can go to your web site to see the approaching quickly counter in motion.

    How to Add a Countdown Timer Widget in WordPress (3 Ways)

    We hope this text helped you find out how to add a milestone countdown widget in WordPress. You might also need to see our information on confirmed to generate income on-line running a blog with WordPress, or our full information on how to create an e mail e-newsletter.

    James

    James

    Young people passionate about website design and development. Specialized in computer science in college and has in-depth understanding and technical proficiency in both front-end and back-end development. I share my programming works and experiences on my personal blog, and provide some free website building tutorials.

    Articles: 115

    Leave a Reply

    Your email address will not be published. Required fields are marked *