Minit Design: Cover Window Generator

Code Insertion 1 of 2

Insert the following code just above the closing BODY tag (</body>) on your web page.

If you prefer to have less code appear directly on your web page, you can load this code via an external .js file.

To do so, simply copy the above code [excluding the SCRIPT tags - copy only the portion between the SCRIPT tags (<script> </script>)] then save the code in a separate file by itself.

The filename can be any name of your choice and should end with a .js file extension. Example: svcode.js

Then insert the following code just above the closing BODY tag (</body>) on your web page.

NOTE: Be sure to upload the .js file to your site's server. The .js filename within the quotes should be either the full or relative web page location of the .js file where you stored the code.

Code Insertion 2 of 2

Insert the following code within the BODY tags (<body> </body>) at the location in your web page where you want the ScrollView trigger point to "secretly" appear. Whenever someone scrolls past this point, the ScrollView trigger will be launched.

You can also add a bottom range trigger point, to limit the trigger point area to a range of your choice. If no bottom trigger point is inserted on the page, then the ScrollView trigger point area will be from where you insert the main trigger point (above) to the bottom of the page.

To use the bottom range trigger point, simply insert the following code within the BODY tags (<body> </body>) at a location of your choice below where you inserted the main trigger point above.

Link & Form Targets: Whenever someone clicks on a link or submits a form within the web page that loads in the Cover Window, the resulting page will load inside the Cover Window unless you add a target to the link or form tag to open the resulting page outside of the Cover Window. For example, if you have a link/form that you want to open in the current full browser window, add the following to your link/form tag: target="_top". If you have a link/form that you want to open in a new window, add the following to your link/form tag: target="_blank" or target="target_name_of_your_choice".

TIP For Transparent Cover Window: If you would like the background color of the Cover Window to be transparent, add the following code within the opening BODY tag (<body>) of the web page that loads in the Cover Window.

[NOTE: If you already have a style tag within the opening BODY tag of the page, just add the background-color:transparent; portion to the style parameters.]

Code To Close Cover Window: (Optional)

In order for someone to be able to close a Cover Window, you must either have the Titlebar turned on or insert a Close link directly within the web page that loads in the Cover Window.

Here's the Close Link code for your Cover Window. If you'd like to use it, simply insert the code into the web page that loads in your cover window, wherever you want the Close link to appear. You can replace the word "Close" with any text of your choice. You can also edit the appearance of the link so that it appears in the style of your choice.

Live Countdown Code (optional): If you would like to add a live countdown to your Cover Window, simply select a countdown time and format below, then the countdown code will be instantly generated for you in the box below. Whenever the countdown reaches 0, the Cover Window will automatically close. This is a very useful feature that can boost your response rates by adding urgency to your offers.

Code Insertion 1 of 2

Insert the following code just above the closing BODY tag (</body>) on your web page.

If you prefer to have less code appear directly on your web page, you can load this code via an external .js file.

To do so, simply copy the above code [excluding the SCRIPT tags - copy only the portion between the SCRIPT tags (<script> </script>)] then save the code in a separate file by itself.

The filename can be any name of your choice and should end with a .js file extension. Example: lccode.js

Then insert the following code just above the closing BODY tag (</body>) on your web page.

NOTE: Be sure to upload the .js file to your site's server. The .js filename within the quotes should be either the full or relative web page location of the .js file where you stored the code.

Code Insertion 2 of 2

Insert the following code wherever you want the link to appear on your web page. Be sure to replace the link text with the text of your choice.

Also, if you'd like to use a button instead of a link, here's code for a button that performs just like a link. Be sure to replace the button text with the text of your choice.