Countdown to extra profits
Have you seen those popup windows that have a timer in them? You know the ones where if you respond within a certain period of time you’ll get a discount or extra bonuses. Then when you don’t respond the window automatically closes, never to be seen again.
This device can be a really powerful psychological sales generating device when used in conjunction with good web copy to encourage people to order quicker.
Now’s your chance to do the same with the script I’m about to give you.
For the very best results set this up so your countdown window only appears once.
Here’s how to install this script with a popup window…
There are two peices of code you’ll need to include in your web page before this will work for you.
A. Select all of the text in the first box below then copy to clipboard (Ctrl+c) then paste (Ctrl+v) it above the </head> tag of your PopUp-Window’s HTML source code.
B. Select all of the text in the second box below then copy to clipboard (Ctrl+c), then paste (Ctrl+v) the HTML code you’ve just selected into the source code of your PopUp page anywhere between the <body> and </body> tags. The position you choose is where counter will appear.
C. You can edit the value to set up number of seconds (default is 30).
That’s all there is to it, if you follow this link here you can see how it should look when you’ve installed it on your web page.
Note. If you have any popup-blocker, please turn them off
to let this popup window appears.
Also you can use it at your regular page without a popup window
A. Select all of the text in the first box ( A ) above then copy to clipboard (Ctrl+c) then paste (Ctrl+v) it above the </head> tag of your page HTML source code.
B. Then select all of the text in the second box below then copy to clipboard (Ctrl+c), then paste (Ctrl+v) the HTML code you’ve just selected into the source code of your page anywhere between the <body> and </body> tags. The position you choose is where your offer will appear.
Click this button to start the sample below
Respond within the next 10 seconds for this extra bonus
Time is gone
Related Articles:
June 22nd, 2006 at 20:24
Hi Michael,
thank you. Great Stuff here. I would love to know how I can twist this script to be show only one time after a certain event (e.g. a one time offer) that the user won’t see again if he doesnt react within a frame of time.
Keep on with your work!
–Sebastian
August 7th, 2006 at 15:31
Hi Sebastian,
Now you can twist this script with OTO.
Take a look at this
http://askmichel.icoder.com/2006/08/07/simple-oto-and-countdown-timer/
I hope this helps.
March 7th, 2008 at 23:56
Hi michael,
I like to know how to put “hours” minutes” and “seconds” in this script. It will be great if can give some more time for the user. (Eg: 1 hour 30 minutes and 30 seconds)
Thank.
March 9th, 2008 at 14:58
Hi dudu,
You would need to change the
goCountdownfunction to get “hours, minutes, seconds”. Try the codes like below:<span id="countdown">0</span><script type="text/javascript">
<!--//
goCountdown("countdown",
60 * (60 * 1 /*hours*/ + 30 /*mins*/) + 30 /*secs*/
);
function goCountdown(countID, secs) {var countObj = document.getElementById(countID);
if (countObj) {
if (0 < secs) {
var mins = Math.floor(secs / 60);
var seconds = secs - mins * 60;
var hours = Math.floor(mins / 60);
mins = mins - hours * 60;
var counterText = seconds + " seconds";
if (hours > 0) {
counterText = hours + " hours " + mins + " minutes and " + counterText;
} else if (mins > 0) {
counterText = mins + " minutes and " + counterText;
}
countObj.innerHTML = counterText;
setTimeout(
"goCountdown('"+countID+"',"+(secs-1)+")",
1000);
} else {
countObj.innerHTML = "Time has gone";
}
}
}
//-->
</script>
Hope this helps.
Michel