Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
website promotion banner
Free Stock Images
  • Create A Free Account
  • Download High-Res Stock Images For Free
  • +5 Million Images
Your Ad Here
Opening a New Browser Window
by John Pollock
Javascript Pop-Up Menu
by Ades Tynyshov
CSS Pop Up Menu 2 - Horizontal Menus
by Stefashwell.com
Vertical Pop-Up Menu
by DikkeDunne
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
HTML tutorials
A collection of HTML templates.
Html lessons and tutorials in web page design.
You, too, can design your own website with over 45 interactive HTML tutorials. Also try your hand at JavaScript or check out a search engine submission service.
2 Create a Website
Offers free tutorials on website creation, generating traffic and making money online.
UK Hosting Services
Provider of low cost affordable UK web hosting services.
HTML and CSS  Home HTML and CSS Tutorials Create Your Own "First Visit" Popup Window
rss

Create Your Own "First Visit" Popup Window

Author: Shelly Lowery More by this author

Added: Nov 11, 2004 Rating:  Average Rating: 3.37 Votes: 19 Position: 4257 of 14445Average Rating: 3.37 Votes: 19 Position: 4257 of 14445Average Rating: 3.37 Votes: 19 Position: 4257 of 14445Average Rating: 3.37 Votes: 19 Position: 4257 of 14445Average Rating: 3.37 Votes: 19 Position: 4257 of 14445 Level: Experienced Software:  DreamweaverGoLiveFrontPage

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:

Example popup window
Example popup window


<HTML>
<HEAD>
<TITLE>Claim Your FREE Gift</TITLE>
</HEAD>
<BODY BGCOLOR="#ffffff">
<CENTER>
<TABLE BORDER="0" CELLPADDING="2" ALIGN="Center">
<TR>
<TD BGCOLOR="red"><P ALIGN=Center>
<FONT face="Verdana,Helvetica" SIZE="3" color="white">
<B>Claim Your FREE Gift!</B></FONT>
</TD>
</TR>
<TR>
<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.
</FONT></FONT></B><BR>
<BR>
<FORM METHOD="POST" ACTION="YOURFORM.cgi">
<CENTER>
<TABLE BORDER="0" CELLPADDING="2" ALIGN="Center">
<TR VALIGN="Top">
<TD>
<INPUT type="text" name="email" value="you@domain.com"
size="20" onfocus="value=''">
<INPUT TYPE="submit" VALUE="Subscribe"></TD>
</TR>
</TABLE>
</CENTER>
</FORM>
<P ALIGN=Center>
<BR>
<A HREF="javascript: self.close()"><FONT face="Verdana,
Helvetica" SIZE="2">Close Window</FONT></A><BR>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

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 <secretwebriches.com>, within your HTML after your <BODY> tag.

<SCRIPT LANGUAGE="JavaScript">
<!--
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();
window.name = "thiswin";
newwin=open("popup.htm", "dispwin",
"width=350,height=350,scrollbars=yes,menubar=no");
expire=new Date(expire.getTime()+7776000000);
document.cookie="COOKIE1=here; expires="+expire;
}
// -->
</SCRIPT>

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.



About the Author:

Shelley Lowery is the author of the acclaimed web design course, Web Design Mastery. An in-depth guide to professional web site design. Visit Web-Source.net to sign up for a complimentary subscription to Etips and receive a copy of the acclaimed ebook, "Killer Internet Marketing Strategies".


Author's URL: www.webpronews.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

HTML and CSS  More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com
Add comments to "Create Your Own "First Visit" Popup Window"