How to Add a Popup Window

 

Popup lets you display information from an external webpage to your webpage in a new web browser pop-up window. In the ProProfs Knowledge Base, you can add a popup by copying the code snippet of the selected page and pasting it into the source code of your webpage.

 

These are not the old-school pop-up windows we all used to fear, the ones that triggered pop-up blockers. Instead, this new pop-up window is safe and secure and uses a small piece of JavaScript that will open a page with a specific window width and height.

 

Benefits of popup window:

 

  • It saves you time and effort from creating a separate page.

  • Displays the information in the same window, keeping the users focussed

 

Here is how a popup appears on your webpage:

 

 

In this article, you will learn:

 

1. How to Add a Popup Window

2. How to Add Multiple Popups

 

 How to Add a Popup Window

In your ProProfs Knowledge base editor:

 

Step 1: Navigate to the page/folder you wish to add to the popup window.

 

Click the Popup Window icon in the editor, as shown in the image

 

Step 2: In the Popup window tab

 

  • Specify the width and height.

  • Check the ‘‘Use HTTPS’’ option, if required

  • Copy the JavaScript code.

 

Configure popup window settings

 

NOTE: Click Test to see how the Popup appears on your page.

 

Step 3: Open the page editor of the website on which you want to display the Popup window

 

Step 4: Paste the code into the HTML editor and save the changes

 

Popup script

 

The Popup window will appear on the page like this.

 

Popup window preview

 

NOTE: The Popup will appear only when the user clicks the link.

 

 How to Add Multiple Popups to a Webpage

In your Proprofs Knowledge Base editor:

 

Step 1: Open the Popup window tab. Select and copy the code snippet.

 

Configure popup settings in the overlay

 

Step 2: Open the page editor of the website on which you want to display the Popup window

 

Step 3: Paste the Javascript for multiple popups which you have selected. Save the changes.

 

Copy the Popup Javascript in your webpage's HTML

 

Multiple popups will appear on your page like this.

 

Multiple Popups Preview on a Help Page

 

That is all about adding popups to your webpage.

 

 

Was this information helpful?
© 2005 - 2024 ProProfs
-
add chat to your website