Click Here!
Article Sections: | Internet Marketing | Web Design | Web Development | Business | Internet and Businesses Online | Self Improvement |  
>> Home > Web Design > Web Design Tutorials

Create Your Own First-Visit Pop-Window

By Shelley Lowery
Posted Thursday, September 30, 2004

It's a proven fact that the use of popup windows is a highly effective marketing technique that produces great results. However, they can be very irritating to your visitors. How can you use this powerful marketing technique without offending your visitors? Compromise and use a popup window that only displays the first time your visitor enters your site.

Your first step in creating your popup window will be to create an HTML document that will contain your window contents. The key to using this technique effectively is to give your visitors a reason to respond to your offer. For example, if you're using your popup window to gain new subscribers to your publication, offer a free gift just for subscribing. This will increase your response considerably.

Below, is an example popup window that you can use to gain new subscribers. It is set up with "tables" and will adjust to fit your new window. Copy and paste the following code into your HTML and edit as needed:

<TITLE>Claim Your FREE Gift</TITLE>
<BODY BGCOLOR="#ffffff">
<TD BGCOLOR="red"><P ALIGN=Center>
<FONT face="Verdana,Helvetica" SIZE="3" color="white">
<B>Claim Your FREE Gift!</B></FONT>
<TD><B><FONT face="Verdana,Helvetica" SIZE="3"><BR>
Subscribe to YOUR PUBLICATION for a wealth of information
to assist you in YOUR PUBLICATIONS SUBJECT. <FONT color=
"red">ALL new subscribers will receive YOUR FREE GIFT.
<INPUT type="text" name="email" value=""
size="20" onfocus="value=''">
<INPUT TYPE="submit" VALUE="Subscribe"></TD>
<P ALIGN=Center>
<A HREF="javascript: self.close()"><FONT face="Verdana,
Helvetica" SIZE="2">Close Window</FONT></A><BR>

Save your new document as "popup.htm" and upload it to your server where you store your HTML documents.

Your next step will be to place the following script, courtesy of Brian Terry <>, within your HTML after your <BODY> tag.

function GetCookie(name) {
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while (i<clen) {
var j=i+alen;
if (document.cookie.substring(i,j)==arg)
return "here";
i=document.cookie.indexOf(" ",i)+1;
if (i==0) break;
return null;
var visit=GetCookie("COOKIE1");
if (visit==null){
var expire=new Date(); = "thiswin";
newwin=open("popup.htm", "dispwin",
expire=new Date(expire.getTime()+7776000000);
document.cookie="COOKIE1=here; expires="+expire;
// -->

If you saved your new window document as anything other than "popup.htm," you'll need to change the "popup.htm" text within the script to your new file name. You can also change the width and height settings to whatever you'd like. However, make sure that all of the information within your window is visible.

Popup windows provide Internet marketers with a great way to gain new subscribers, introduce new products and announce special offers. Their response rate is outstanding. With the use of this great script, you can use the power of popup windows without continuously nagging your visitors.

Copyright © 2001, all rights reserved

About the Author:
Shelley Lowery is the author of Ebook Starter. A complete ebook design kit including over fifty predesigned ebook templates and ebook covers. (
Shelley invites you to partner with her in her Ebook Starter affiliate program. Visit: (


Click Here!



  Articles are submitted to EDN and licensed from various content sites.
  To report abuse, copyright issues, article removals, please contact [violations (at@)]

  Copyright © Evrsoft Developer Network. Privacy policy - Link to Us

Contact Evrsoft