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>
&quot;Free Videos&quot; Here.</font><br><br>

&nbsp;*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>&nbsp;<font face="Arial" size="1" color="#FF0000">Limited Offer Ends In <span id='container'></span>&nbsp;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!