Nowadays every blogger wants to hold their visitor 10 to 20 sec on their website, But maximum blogger can’t hold it. So in this blog, I will show how can you hold your visitor on your website for about 10 to 30 sec genuinely using the timer button. So let’s get started.
Table of Contents
You have to follow this step
First Step:
- At first download this javascript code
- Go to your WordPress dashboard.
- First, check that If you are using a newspaper theme or another theme that is similar to a newspaper theme then you have to follow this way (2nd Option). Otherwise, if you are using another theme like Astra, oceanWP, etc. Then you can continue with this step.
- Then Click On Appearance > Theme Editor > footer.php.
- Find the code of line at the end <?php wp_footer(); ?>.
- Then put the javascript code below that line of code <?php wp_footer(); ?>.
- Click On Save Changes.
- Now Install the Shortcodes Ultimate Plugins.
- Now go to your post section and create your post or edit an old post to set your timer in that post. whatever you want.
- Now click on Insert shortcode On the top of your editor and choose the button, Then pop up one box where you need to put your download file link or another link. Now choose the design as per your requirement when everything will be done then after scrolling you can see one input field ask for the Button ID.
- Now which javascript code you downloaded from google drive there you can see one line of code like this var downloadButton = document.getElementById(“download”); Then you need to copy that download text which is you can see the end of the code.
- Now you need to put that download text under the Button ID field and click on Insert Shortcode.
- And Publish your post.
- That’s it.
Second Step:
- Still now if you didn’t download that javascript file then At first download this javascript code from here Download file
- Go to your WordPress dashboard.
- In this section, I show you that, If you are using a newspaper theme or another theme that is similar to a newspaper theme which is to provide us a particular theme panel for customizing that theme then you have to follow this way. Otherwise, if you are using another theme like Astra, oceanWP, etc. Then you can follow our (First step).
- Then Click On Theme panel > Click On Ads / Footer > Choose the footer content.
- Then put the javascript code in this input field.
- Click On Save Changes.
- Next, follow 8 to 14 steps under the first step.
Third Step:
Still, if your timer button didn’t work after following the First & Second Step then you must need to follow this step:
- Still now if you didn’t download that javascript file then At first download this javascript code from here Download file
- Go to your WordPress dashboard.
- In this section it’s doesn’t matter which theme you have installed.
- Just go to the plugins and click on add new then install Head & Footer Code Plugins and activate those plugins.
- Then Click On Settings Under the Head & Footer code.
- Then put the javascript code in the Footer section.
- Click On Save Changes.
- Next, follow 8 to 14 steps under the first step.
How to Set Up a Countdown Timer in WordPress Using Uji Count down. The easiest way to get started with a countdown timer in WordPress is by using a plugin. In this section, we’ll show you how you can set up a timer on your website using the Uji Countdown plugin.
Start off by navigating to Plugins > Add New from the WordPress admin panel and search for Uji Countdown. Once you’ve found the plugin, install and activate it to your website.
Once you have the plugin activated, head over to Settings > Uji Countdown > Add new style. From here, you can create your own countdown timer by selecting a font style, picking out colors, and much more.
Once you’re done designing your countdown timer, be sure to hit the Save Style button. You can see your changes in the preview area at the bottom of the screen.
Now, open up the page (or post) where you want to add the countdown timer. You’ll notice that an Uji Countdown icon has been added to the WordPress text editor.Click on the Uji Countdown icon to add the countdown timer you created to your page (or post).Key Features:
- Support for shortcode functionality.
- Built-in options for redirection after timer expires.
- HTML5-based timer (with JavaScript).
- Options to export subscription list as CSVs.
T(-) CountdownUsing the T(-) Countdown timer, you can display an HTML5 countdown timer as a sidebar widget or within a post (or page) on your website. It comes with a set of CSS styles right out of the box and allows users to customize it even further with custom CSS. In addition to all of this, you also get access to a list of shortcode options using which you can display the timer, set a launch date and time, define multiple attributes, configure the placement, and much more.
Key Features:
- Fully customizable HTML5 countdown timer.
- Ships with pre-designed CSS styles.
- Supports shortcodes.
- Allows users to add countdown timer as a sidebar widget or in a post/page.
Still, if you are facing the problem to activate that function, then you can see this video.