Open On click /On hover/On load Popup via CSS class
You can use our CSS class sg-popup-id-1 (1 is your Popup ID number) to add On click Popup on pages, posts, etc on your site.
In this tutorial we have chosen to show how it can be used on a page.
Required steps:
Go to the page you want to insert the Popup.
Switch to the Text tab.
Paste the following CSS class - sg-popup-id-1 (for On click) or sg-popup-hover-1 (forVery popularHow to open On Load/ On Click /On Hover Popup via the Shortcodes
Shortcodes can be used to open On Load, On Click, On Hover popups on pages, posts, etc.
In this tutorial we have chosen to show how to place a popup via shortcode on a page.
First of all, create the popup and choose the appropriate event for it.
In this case, it needs to be either On Load, On Click or on Hover.
We selected On Click event:
![](https://storagVery popularOpen a Popup by URL
This option allows you to show the same page with/without Popup.
Required steps:
You can create or insert a link in any kind of websites and while editing the link, you need to include your WordPress site URL and the ID of the Popup you would like to open by URL according to the form presented below:
You can take the ID of the Popup from your Popup list.
![](https://storage.cPopularHow to create an Exit Intent Popup
Exit Intent is a great functionality to make your visitors stay when they want to leave the website.
It is not a separate popup type, but a functionality, which you can find inside of any popup type when the extension is added. To be able to use this functionality you need to create any popup and add the function there using "Events" section.
Exit Intent extension can be purchased either within the bundles or as a [single extension](https://popup-buildPopularHow to open a Popup from a WordPress Nav (navigation) Menu
Nav Menu gives an opportunity to your site visitor to be oriented to find an appropriate section/information on the website.
OPTION #1
Required steps:
Go to your WordPress Dashboard >> Appearance, after then click on Menu.
Open the Screen Option (which is available on the top of your screen) to enable the CSS class.
Popup Builder Custom Button gives an opportunity to create a button inside the Popup.
To create the button:
Go to your WordPress Dashboard >> Popup Builder, and choose the proper Popup (with an editor).
Press Popup Builder Custom Button from Editor.
Set the title, size, color, border of the button on your own way
Besides, there are 4 types of BSome readersHow to Trigger a Popup by Scrolling
Scroll Triggered event is an eye-catching tool to control the popup showing while scrolling the website.
It is not a separate popup type, but a functionality, which you can find inside of any popup type when the extension is added. To be able to use this functionality you need to create any popup and add the function there using "Events" section.
Scrolled triggered event becomes available with the Scroll Triggered extension.
It can be purchased either within the [bundles](https://popup-buildeFew readersHow to use Popups inside the widgets
Accordingly, we are going to show how you can use Popups inside the widget.
Please, download the shortcode widget plugin and activate it on your [dashboard](How to open On click /On hover Popup via the shortcodes).
Then go to the Appearance >> Widgets section of your Dashboard.
Find Shortcode Widget in the widgets' list and click to Add widget like in the image below.
The Shortcode widget editor will appear on the right side of the screen, paste the shortcodeFew readersHow to Use the Inactivity Event for the Popup
The Inactivity Event shows the popup when your site visitors stay passive, don't perform an action for a while on the website. The option becomes available with the Inactivity extension.
The extension is paid. It can be purchased either within the bundles or as a single extension.
Once purchased it should be installed like this so that it becomeFew readersHow to create an Adblock Popup
AdBlock Popup warns the site visitors to switch off the ad blocking from the browser not to miss the Popup content, which can be very useful.
The key tool is the Popup events options
1. Go to the Popup Events section and select Adblock from the dropdown menu.
Go to the Delay section and set how many seconds the appearing of the Popup should be delayed.
If no value is set, by default the Popup will appear with no delay (as soon as the page is loaded) in case an ad-Few readers
