AUTOSQUEEZE
- CUSTOM
SOFTWARE -
AutoSqueeze is a floating Email Optin box that follows your page
viewers as they read your sales letter.
The AutoSqueeze box will self destruct in
90 seconds (or any time you choose) giving a sense of urgency
for your page views to enter their email.
The easiest way to set this up is to
simply unzip all the files from autosqueeze.zip and then edit
index.html.
Enter your sales copy and information into
index.html then your good to go.
This is definitely the easiest way to set
it up, but if you are familiar with HTML code and want to add
AutoSqueeze to a site then here is how you do it:
1. Put this code directly before the
</head> tag on your website:
<script language="javascript"
src="FloatLayer.js"></script>
<script language="javascript">
function detach(){
new FloatLayer('floatlayer',((document.body.clientWidth-900)/2+800),15,10);
lay=document.getElementById('floatlayer');
l=getXCoord(lay);
t=getYCoord(lay);
lay.style.position='absolute';
lay.style.top=t;
lay.style.left=l;
getFloatLayer('floatlayer').initialize();
alignFloatLayers();
}
</script>
<script language='JavaScript'>
var time = 90; //How long (in seconds) to countdown
function countDown(){
time--;
gett("container").innerHTML = time;
if(time == -1){
document.getElementById('floatlayer').style.display='none';
//window.location = page;
}
}
function gett(id){
if(document.getElementById) return
document.getElementById(id);
if(document.all) return document.all.id;
if(document.layers) return document.layers.id;
if(window.opera) return window.opera.id;
}
function init(){
if(gett('container')){
setInterval(countDown, 1000);
gett("container").innerHTML = time;
}
else{
setTimeout(init, 50);
}
}
document.onload = init();
</script>
2. Notice the portion in the code
above that is in bold. This is how many seconds
until the AutoSqueeze box will dissapear. You can
change this to as long/short as you wish.
3. Find the <body> tag in your
webpage. Replace this tag with the following code:
<body onResize="alignFloatLayers()" onscroll="alignFloatLayers()"
onLoad="detach()">
<div id="floatlayer" style="width:200px;
padding:5px;top:-200px">
<table cellpadding="0" cellspacing="0" width="206"
height="275">
<!-- MSTableType="layout" -->
<tr>
<td width="199" height="196" background="popback.gif"
align="center" valign="top">
<p><b><font size="6" face="Arial">URGENT!</font></b></p>
<p><font face="Arial" size="4">Enter Details About<br>
Your Offer like <br>
"Free Videos" Here.</font><br><br>
*ENTER_OPTIN_CODE*<br><font face="Arial"
size="2"><br>
<br>
<b>Enter Email Address Now.<br>
Videos Will Be Mailed To You<br>
Immediately!</b><br>
</font> <font face="Arial" size="1"
color="#FF0000">Limited Offer Ends In <span
id='container'></span> Seconds</font>
</p>
</td>
</tr>
</table>
</div>
4. Notice the portion in the code
above that is in bold: *ENTER_OPTIN_CODE*
You need to replace this code with your Optin Form Code you
recieve from your email autoresponder company (Aweber,
1shoppingcrt, etc).
5. Finally, edit the text in the
pop-up in your website editing software (Dreamweaver,
Frontpage, Etc) to reflect your offer. We've used
free videos with great success.
And that's it! Now upload all files
to the same folder on your server. View index.html from
your web browser and the optin box will follow you while you
scroll down the sales copy.
That's it...
Enjoy!