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 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://stoVery popularHow 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.PopularHow 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.
![](https://storage.crisp.chat/users/helpdeskPopularHow to add an Onclick Popup on menu item
There are 2 methods to include Onclick Popup inside the menu link.
Using the standard WordPress method
Go to your WP admin panel
Go to Appearance >> Menus
At the upper right corner of the Page you will see** Screen Options** dropdown menu, click on it and check CSS Classes option.
![](https://storage.crisp.chat/users/helpdesk/website/e56fe59aSome 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.Some 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 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.
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.
Once you are done with the purchase, make sure to install it like this:
See the inFew readers
