Exit Popup+subscription Form
I’m after a really nice looking exit popup which offers visitors the option of subscribing to a mailing list in return for a free guide as they try to leave the site.
The popup should use a cookie to avoid displaying to returning visitors who have already subscribed.
If the popup is disabled based on the “subscribed” cookie then a button should be shown at the bottom of the page to provide a manual method of displaying the popup so that retuning visitors can re-subscribe if required.
The popup must work with all major browsers and the code should not be encrypted in any way.
The HTML of the basic page is:
<html>
<head>
<title>Vacationality – YOUR vacation locations</title>
</head>
<body topmargin=”0″ leftmargin=”0″ rightmargin=”0″ bottommargin=”0″ marginwidth=”0″ marginheight=”0″ background=”images/background.jpg”>
<table width=”100%”>
<tr>
<td valign=”middle” align=”center”>
<iframe height=”575″ width=”100%” scrolling=”no” noresize vspace=”0″ frameborder=”0″ marginheight=”0″ background=”images/background.jpg” src=”http://www.globalresortsnetwork.com/burgoynea/biz”>
<noframes>
<br><br><br><br><br><br><br><br><br>
<center>
Your browser does not support frames – please <a href=”http://www.globalresortsnetwork.com/burgoynea/biz”>click here</a> to view the page
</center>
</noframes>
</iframe>
</td>
</tr>
</table>
</body>
</html>
The HTML and JS of the subscription form for the popup is:
<script>
<!–
var icpForm = document.getElementById(‘icpsignup’);
if (document.location.protocol === “https:”) icpForm.action = “https://app.icontact.com/icp/signup.php”;
function verifyRequired()
{
if (icpForm["fields_fname"].value == “”)
{
icpForm["fields_fname"].focus();
alert(“Your First Name is required”);
return false;
}
if (icpForm["fields_email"].value == “”)
{
icpForm["fields_email"].focus();
alert(“Your Email Address is required”);
return false;
}
return true;
}
//–>
</script>
<div style=”padding:3; text-align:justify”>
Our vacation locations may be totally awesome BUT…
<p align=center>…<b>how do you get there?</b></p>
With the help of our <u>Insider’s Low-cost Flights Guide</u>!<br>
<br>
Discover how to get the lowest priced flights with the help of our <b>Insider’s Guide</b>. Just enter your name and primary email address below so we can send you our <b>free</b> guide – if you cannot find our email then please check your Junk or SPAM folder.<br>
<br>
Talking of SPAM, we probably hate it even more than you do so rest assured that your details will never be passed to a third party.<br>
<br>
<form method=”post” action=”https://app.icontact.com/icp/signup.php” target=”_blank” name=”icpsignup” id=”icpsignup” accept-charset=”UTF-8″ onsubmit=”return verifyRequired();”>
<input type=”hidden” name=”redirect” value=”http://www.icontact.com/www/signup/thanks.html” />
<input type=”hidden” name=”errorredirect” value=”http://www.icontact.com/www/signup/error.html” />
<input type=”hidden” name=”listid” value=”211905″>
<input type=”hidden” name=”specialid:211905″ value=”9JFK”>
<input type=”hidden” name=”clientid” value=”366334″>
<input type=”hidden” name=”formid” value=”14738″>
<input type=”hidden” name=”reallistid” value=”1″>
<input type=”hidden” name=”doubleopt” value=”0″>
<div id=”SignUp”>
<table width=”360″ class=”signupframe” border=”0″ cellspacing=”0″ cellpadding=”5″>
<tr>
<td valign=”top” align=”right”>* First Name</td>
<td align=”left”><input type=”text” name=”fields_fname”></td>
</tr>
<tr>
<td valign=”top” align=”right”>* Email Address</td>
<td align=”left”><input type=”text” name=”fields_email”></td>
</tr>
<tr>
<td colspan=”2″><font size=”2″>* = Required Field</font></td>
</tr>
<tr>
<td colspan=”2″><input type=”submit” name=”Submit” value=”Send My Insider’s Guide” onclick=”leaving=false;”></td>
</tr>
</table>
</div>
</form>
</div>
The image for the background is attached.
Related Projects
Comments
Email Subscriptions
-