How to 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.
| CSS class can be used for any element if those give a possibility to add CSS class.
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 (forPopularHow 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.
| Shortcodes of the popup can be set on the elements of other plugins as well, if those give a possibility to add shortcodes.
In this tutorial we have chosen to show how to place a popup via shortcode on a website.
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://stoPopularHow 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-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-buiFew readersHow to Use the Inactivity Event for the Popup
The Inactivity extension allows to show the popup when a website visitors stay passive. This option is an ideal way to encourage users to take certain actions such as making purchases or subscribing to your newsletter.
|| The extension is paid and can be purchased separately or within a bundle.
Once you are done with the purchase, make sure to install it like this:
See the installation process asFew readersHow to Use the Popup Builder Adblock Extension
The Popup Builder AdBlock extension warns the website visitors that there is an adblocking extension on the current browser blocking the popups. It is a useful tool, with which you won't miss any available promo/sales popups on different websites.
|| The extension is paid and can be purchased separately or within a bundle.
Once you are done with the purchase, make sure to install it like this:
See the inFew readersHow to Add On Click Popup on a Menu Item
It is possible to show a popup when any of the Menu items is clicked.
There are 2 possible ways to achieve the desired result.
Option 1
Create any popup type and set the On Click event from the Events section.
Click on the Appearance from the WordPress Dashboard and select the Menus.
Add the Menu item from the left side.
Open the selected menu item from the right and chooFew readers