Q: How to create an HTML Popup (FREE)

HTML Popup is a basic Popup Type, which works via HTML code adding with various content inputs. Required steps: Go to your WordPress Dashboard >> Popup Builder , and click on Add New , after select HTML Popup type from the menu bar. Fill in the title (visible to the admin only) and editor , feel free to customize the Popup on your own way. To see the HTML code, please switch the editor on Text mode. The result

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

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 create an HTML Popup (FREE)

Accepted Answer

HTML Popup is a basic Popup Type, which works via HTML code adding with various content inputs.

Required steps:

Go to your WordPress Dashboard >> Popup Builder, and click on Add New , after select HTML Popup type from the menu bar.

Fill in the title (visible to the admin only) and editor, feel free to customize the Popup on your own way.

To see the HTML code, please switch the editor on Text mode.

The result

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 create a Subscription Plus Popup

Accepted Answer

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.
Required steps

Go to the WordPress Dashboard >> Popup Builder , click on the Add new and select the Subscription Popup from the menu bar.

Fill in the title and customize the editor.

The key tool of this Popup is Subscription Plus email notification.

Enable email notifications option to receive notification emails about new subscribers.
** Contact to** option to input the admin email.

Content option to manage and add/remove the required fields.

Style option to adjust the Inputs's style, Message's style and the Submit buttons style of the Popup.
Section 1 to set the background via Form background option.

Section 2 to adjust the size and color of the button via **Inp

Question 6

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

Frequently Read Articles

Browse All Categories