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

 

by Michel Komarov, © Copyright 2004. iCoder.com

 

Share in social bookmarking:These icons link to social bookmarking sites where readers can share and discover new web pages.  digg del.icio.us BlinkList Reddit NewsVine YahooMyWeb co.mments

Related Articles:

4 Responses to “Countdown to extra profits”

  1. novaliz Says:

    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

  2. michel Says:

    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.

  3. dudu08 Says:

    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.

  4. michel Says:

    Hi dudu,

    You would need to change the goCountdown function 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

Got a question?   Leave a Reply

You must be logged in to post a comment.