How to Add a Download Timer Button in Blogger & WordPress?

Add a Download Timer Button in Blogger & WordPress?

Blogging is a great way to share your thoughts, ideas, and information with the world. However, if you're looking to take your blog to the next level, you may want to consider adding a download timer button. A download timer button can help you build your email list, promote your content, and increase conversions. In this article, we'll show you how to add a download timer button in both Blogger and WordPress.


What is a Download Timer Button?

A download timer button is a button that appears on your website, which allows your visitors to download your content, only after a certain amount of time has passed. This time can be set by you, and is usually between 5-60 seconds. During this time, your visitors can learn more about your content, and decide if they want to download it.

Why Use a Download Timer Button?

There are several benefits to using a download timer button on your website. These benefits include:

  • Building your email list: By requiring visitors to enter their email address to download your content, you can build your email list and increase your chances of converting those visitors into customers.

  • Increasing conversions: By giving visitors a limited time to download your content, you can create a sense of urgency, which can increase conversions.

  • Promoting your content: By requiring visitors to wait a few seconds to download your content, you can promote your content and increase its visibility.

How to Add a Download Timer Button in Blogger

Adding a download timer button in Blogger is simple and straightforward. Follow these steps to add a download timer button to your Blogger blog:

  1. Go to your Blogger dashboard and and open the post blog with HTML view.

  2. Now, take the following download script and insert it into the editor for your blog post..

  3. Copy and paste the following code Download Timer Button in post



Code Here
<p><div dir="ltr" style="text-align: left;" trbidi="on">
  <center>
    <span id="countdown" style="font-size: 20px;">You have to wait 15 seconds.</span>
  </center>
  <br />
  <div style="text-align: center;">
    <b style="font-size: 20px;">Generating Download Link...</b><br />
    <br>
    <a class='button' href="Add your Download Link Here" target="_blank" id="download_link" style="display: none; padding: 10px 20px; background-color: #4CAF50; color: white; border-radius: 4px;">Download Now</a>
    <br>
    <br>
    <noscript>JavaScript needs to be enabled in order to be able to download.</noscript>
    <script type="application/javascript">
      (function(){
        var message = "%d seconds before download link appears";
        // seconds before download link becomes visible
        var count = 15;
        var countdown_element = document.getElementById("countdown");
        var download_link = document.getElementById("download_link");
        var timer = setInterval(function(){
          // if countdown equals 0, the next condition will evaluate to false and the else-construct will be executed
          if (count) {
            // display text
            countdown_element.innerHTML = "You have to wait %d seconds.".replace("%d", count);
            // decrease counter
            count--;
          } else {
            // stop timer
            clearInterval(timer);
            // hide countdown
            countdown_element.style.display = "none";
            // show download link
            download_link.style.display = "";
          }
        }, 1000);
      })();
    </script>
  </div>
</div>
 </p>


 

  1. Change the value of "countdown" to the number of seconds you want to wait before the download begins.

  2. Save the post and preview your blog to see your new download timer button in action.

How to Add a Download Timer Button in WordPress

Adding a download timer button in WordPress is also simple and straightforward. Follow these steps to add a download timer button to your WordPress website:

  1. Go to your WordPress dashboard and click on the "Plugins" tab.

  2. Search for the "Download Timer Button" plugin, and install it on your website.

  3. Go to the plugin's settings page, and configure the plugin as desired.

  4. Save your changes, and preview your website to see your new download timer button in action.

Next Post Previous Post
No Comment
Add Comment
comment url