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:
-
Go to your Blogger dashboard and and open the post blog with HTML view.
-
Now, take the following download script and insert it into the editor for your blog post..
-
Copy and paste the following code Download Timer Button in post
<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>
-
Change the value of "countdown" to the number of seconds you want to wait before the download begins.
-
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:
-
Go to your WordPress dashboard and click on the "Plugins" tab.
-
Search for the "Download Timer Button" plugin, and install it on your website.
-
Go to the plugin's settings page, and configure the plugin as desired.
-
Save your changes, and preview your website to see your new download timer button in action.