How to Create a Popup Page

Create a popup page for the web.

A popup page is a web page that opens in another window when you enter or leave a web page or perform an action. It may be used to keep you on a web page, direct you to another website, or as a form of advertisement. You can use JavaScript to create a popup page and choose the action that initiates the popup. Your code may include the window's size, location and appearance. You can create your own code or use an online generator to make a popup page.

Instructions

Creating the Code

1. Use HTML Basix, Dynamic Drive, Script Generator or a pop-up window generator site of your choice.

2. Enter the popup window's size, position, scrollbar options, URL and other options you want to customize.

3. Click on "Generate Code" (HTML Basix and Dynamic Code) or "Get Code" (Script Generator) to generate the JavaScript for the popup.

Implementing the Code

1. Copy the code for the HEAD tag from the web page generator by right-clicking and choosing "Copy" (shortcut: "Ctrl" and "C"). Then minimize your web browser.

2. Open the HTML file where the code will go (in your favorite text editor). Then paste the code ("Edit" and "Paste" or "Ctrl" and "V") between the HEAD tags of your file and minimize the text editor.

3. Return to your web browser and copy the code for the BODY tag from the code generator. Then minimize the browser again and return to your HTML file.

4. Scroll down to the area where you want the link to appear and paste the code there. If the popup opens when someone enters or leaves the web page, add your code to the BODY tag instead.

5. Save your changes by clicking on "File" and "Save."

Tips & Warnings

• A popup page can be distracting and keep visitors from returning to a website. If you must use them, do so sparingly.

• Users can disable pop-ups in a web browser.

References

• JavaScript Coder: About Popup Windows
• HTML Basix: Popup Generator

Resources

• Script Generator
• Dynamic Drive: Popup Window Generator