Q: Get to know Popup Builder All Extensions: Types and Events

We have 2 types of extensions: Popup Types and Popup Events . Types are visible icons on your WordPress Popup Builder menu bar. Events are not visible there, they are inside each extension. Below, please see the listed Popup Types with short descriptions. Popup Types: PDF Popup is a great tool to share important files and documents to your website guests. Image Popup Type is an effective image advertising tool for your website visitors. HTML Popup is a basic Popup Type, which works via HTML code adding with various content inputs. Facebook is a great tool to share the content directly on your Facebook account. Subscription is a basic Popup Type to give your visitors an opportunity to subscribe to the website's newsletters via emails. ${color} #0080c0 is a functionality, which you can use by sending email campaigns to already subscribed users. Subscription Plus is a great tool to push the website visitors to subscribe and receive the upcoming newsletters via emails. Please consider , it is an upgraded version of Subscription Popup Type, that's why you can find it only inside of Subscription Popup. ${color} #0080c0 sends emails to your subscribers automatically, right after their subscription. Mailchimp is a Type extension, which gives you an opportunity to collect emails of your subscribers and connect them to your Mailchimp account. **Gamification

Q: How to open On click /On hover Popup via the shortcodes

Shortcodes give an opportunity to insert a Popup in an easy and quick way. To start the process: Go to any Post/Page on your WordPress Dashboard . Press on Add block and choose Classic . Click on the Popup widget In case you use an old version of WordPress, you can add it directly from the editor. Select the proper Popup and Event (an action after which the popup will appear) from the dropbox, after please click on the Insert button. Here, there are 4 types of events to choose from: Inherit On load On click On hover Text mode review Let's suppose you want to add an Iframe Popup with an On click event. After all adjustments, the following result you will see on your website. And the result

Question 1

Create your 1st Popup

Accepted Answer

Required steps:

Please open your WordPress Dashboard, press on the button Popup Builder >> Add New, after then, please select the Popup, which you would like to create (the Subscription was chosen as an example).

Add the title and text content for your Popup as you see on the screenshot below

Subscription Options.

The Background option, to select and customize the background's color.
The First name, and Last name, to set the required fields of the Popup.

The Inputs' style, to select the size, background's color, text, and placeholder's color

The Submit button styles, to manage the button's size, title, background, and text color

With the help of this section, you can customize the Error message and Successful Subscription.

Popup Display Rules

This section responses, where to show the Popup on the website. In the example, we have selected All pages to open t

Question 2

Open On click /On hover/On load Popup via CSS class

Accepted Answer

If you need to add an On click Popup on any page/post on your site, you can use our CSS class: sg-popup-id-1 (1 is your Popup ID number)

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 (for On hover) inside your HTML element.

Ex. for On Click. Click text Ex. for On Hover Hover text

Type your Popup ID number in the class.

From your Popup list select the Popup you would like to show when your visitors press the click text.
In the Popup Display Rules section, you can choose the Selected posts option and select the post where you have pasted the CSS class.

You need to select the Set by CSS class event in the Popup Events section.

You can also use the On load event to open the Popup during the load. In this case, you can set the time (in seconds) to appear the Popup.

You have an opportunity to set On hover event via

Question 3

How to add a Popup on the site

Accepted Answer

When making a popup, you already have some idea where on your website you would like to place it. Let’s see what configurations you should make to place the popup on your site. Suppose, you want to make an HTML popup. Along with setting the other important features, go to the Popup Display Rules section and select the Display rule from the dropdown menu. In the Display rule section you specify where the popup should be shown on your site. You can choose among a great variety of display rules, such as showing your popup on several posts, pages, tags and/or products. Or else, show your popup on a particular post, page, product or a tag. Also, you can display the popup on all posts, all pages, all products, for all tags or everywhere on your website. For the latter, choose “Everywhere” in the “Display Rule” section. Then, select Is from the Is or is not section.

For example, if you want to show the popup on a particular post, go to the Display rule section, choose Selected posts from the dropdown menu and then, select Is in the Is or is not section. Then, in the Select Your Posts section, start typing the name of the post where the popup is going to appear, click to select the post.

What’s more, you can manage dis

Question 4

Get to know Popup Builder All Extensions: Types and Events

Accepted Answer

We have 2 types of extensions: Popup Types and Popup Events.

Types are visible icons on your WordPress Popup Builder menu bar. Events are not visible there, they are inside each extension.

Below, please see the listed Popup Types with short descriptions.

Popup Types:

PDF Popup is a great tool to share important files and documents to your website guests.
Image Popup Type is an effective image advertising tool for your website visitors.
HTML Popup is a basic Popup Type, which works via HTML code adding with various content inputs.
Facebook is a great tool to share the content directly on your Facebook account.
Subscription is a basic Popup Type to give your visitors an opportunity to subscribe to the website's newsletters via emails.

${color}#0080c0 is a functionality, which you can use by sending email campaigns to already subscribed users.

Subscription Plus is a great tool to push the website visitors to subscribe and receive the upcoming newsletters via emails. Please consider, it is an upgraded version of Subscription Popup Type, that's why you can find it only inside of Subscription Popup.

${color}#0080c0 sends emails to your subscribers automatically, right after their subscription.

Mailchimp is a Type extension, which gives you an opportunity to collect emails of your subscribers and connect them to your Mailchimp account.
**Gamification

Question 5

How to open On click /On hover Popup via the shortcodes

Accepted Answer

Shortcodes give an opportunity to insert a Popup in an easy and quick way.

To start the process:

Go to any Post/Page on your WordPress Dashboard.
Press on Add block and choose Classic.

Click on the Popup widget

In case you use an old version of WordPress, you can add it directly from the editor.

Select the proper Popup and Event (an action after which the popup will appear) from the dropbox, after please click on the Insert button.

Here, there are 4 types of events to choose from:

Inherit
On load
On click
On hover

Text mode review

Let's suppose you want to add an Iframe Popup with an On click event. After all adjustments, the following result you will see on your website.

And the result

Question 6

How to activate License Key(s)

Accepted Answer

In order to receive all the updates on your Extension(s) you need to activate the License Key(s)

In this article you will learn how to activate them.

Please log in to your Popup Builder account.
After, press on "View Licenses" button under the "License keys".
You will see a **key **button near each extension type, please press on it and copy the key (CTRL+C for Windows and CMD+C for Mac).
Then, please go to your WP account and press on Popup Builder option in the menu bar.
You will see "Licenses" button there, press on it.
Please paste (CTRL+V for Windows and CMD+V for Mac) the key in the box near the corresponding extension type.
After, please press on "Activate" button.

You are all set up!

Please also see the gif below in order to visualize the steps:

Frequently Read Articles

Browse All Categories