Minit Design: Dialog Window Generator

Launch Trigger:

Width: pixels
Height: pixels
(Minimum: 100 pixels)

Page URL:
(for the web page to load in the Dialog Window)

Style:

Model: window retains the input focus while open; the user cannot interact with the main window that launched it until the dialog window is closed; window can be moved by user.

Modeless: window displays in fixed position even when the user switches input focus to the main window that launched it; window goes away when the web page that launched it is exited; window can be moved by user.

Window Attributes:
Statusbar
Scrollbars
Resizable

Window Position:
(Relative to the entire screen)

X-Pos: pixels Y-Pos: pixels
(Relative to top left corner of the screen)

NOTE: Dialog windows can only be set to display the entire dialog window within the boundaries of the screen. So if your settings cause any part of the window to show outside of screen view, the window will automatically be positioned to show fully within screen view. However, the window can be dragged to any location by the user.

Launch Time Delay: minute(s) second(s)

Display Frequency:
Show no more than once per page visit
Show no more than once per browser session
Show no more than once every day(s) hour(s) minute(s) second(s)

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.

IMPORTANT TIP for Dialog Windows: Whenever a dialog window loads, by default, the focus will automatically be placed on the first link that appears on the page. To ensure that the initial focus appears at the very top of the page in the dialog window, simply insert the following code right below the opening BODY tag (<body>) on the page that will load in the dialog window. This code is invisible to visitors, so it will not affect the appearance, design, or layout of your page.

Live Countdown Code (optional): If you would like to add a live countdown to your Dialog 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 Dialog 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.

IMPORTANT TIP for Dialog Windows: Whenever a dialog window loads, by default, the focus will automatically be placed on the first link that appears on the page. To ensure that the initial focus appears at the very top of the page in the dialog window, simply insert the following code right below the opening BODY tag (<body>) on the page that will load in the dialog window. This code is invisible to visitors, so it will not affect the appearance, design, or layout of your page.

Code Insertion 1 of 1

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: pecode.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.

How To Turn Off The Page Exit Trigger When A Certain Link Is Clicked:

If you would like the Page Exit trigger to be disabled if a certain link is clicked (such as an order link), simple insert the following code within the link tag.

Example: If your link is...

<a href="order.htm">Click Here To Order</a>

...you would insert the above code so that it appears like this...

<a href="order.htm" onClick="peoff=1">Click Here To Order</a>

IMPORTANT TIP for Dialog Windows: Whenever a dialog window loads, by default, the focus will automatically be placed on the first link that appears on the page. To ensure that the initial focus appears at the very top of the page in the dialog window, simply insert the following code right below the opening BODY tag (<body>) on the page that will load in the dialog window. This code is invisible to visitors, so it will not affect the appearance, design, or layout of your page.