Popup Builder

How to trigger an On click popup via CSS class?

If you need to add an On click popup on any page/post on your site, you can do that via CSS class. * Simply go to the page you want to insert the popup * Switch to the Text tab * Paste the the following CSS class there inside your elements: sg-popup-id-1 Ex. <span class=”sg-popup-id-1”>Popup #1</span> *Type your popup id number in the class Very often users have page builder plugins in their sites and in this case the CSS class adding differs a little. * You sho...

How to insert a popup inside index.php?

If the page you want to have a popup on is not a static one (like blog pages) and you are using the Free version of our plugin, you can insert the popup on the page you wish, inside the index.php file. Please, follow the steps: Go to your theme's index.php file and paste the following code: echo do_shortcode('[sg_popup id="1"]'); after get_header(); NOTE: Don’t forget to backup your current file before modification! But if you're a PRO user of our plugin, please, follow this art...

Contact form popup

Contact form popup is a great tool to build a connection between you and your customers! With a contact form popup your users can contact you and ask questions they may have. Here are some steps for creating a Contact form popup: 1. Enter a Title for your contact form popup (it will be shown in the email subject that your users receive) 2. Type a content for the popup 3. Set up the General options for your popup. 4. Customize the Input, Textarea and Submit button styles of your Contact ...

Newsletter for Subscription popup (in Gold and Platinum plans)

Newsletter option is available in Gold and Platinum plans of Popup builder. This is an additional option for the Subscription popup. You can see it under Popup Builder, in your Dashboard. Here are some steps to set up your Newsletter: 1. Select the forms of the subscribers' list you want to send letters to. (the subscription popups you have already created) 2. Type the amount of the emails you want to send for per flow (every 1 minute) 3. Type your email subject, like: "Fresh updates for...

Subscription popup

With Subscription popup you let your users to subscribe to your newsletter and get all your updates and news in a very comfortable way. Follow the steps to create Subscription popup: 1. Enter a title 2. Type some text that will appear before the form 3. Select a theme for the popup 4. Set up the General options for the Subscription popup. When you create a subscription popup, all the visitors that subscribe get added to the respective popup's subscription list, which you can find insid...

How to set a time delay for opening a popup?

Under the "Effects" of the popup, you can find "Popup opening delay option". Set any time you wish after which the popup will appear on the page!

How to set up popup on pages/posts? (PRO option)

In the Advanced options of Popup Builder, you can select the pages you want your popup appear on. Select some of them, or select all of them! It's up to you! And select your WordPress site's Home page (or your front page that you have selected in your settings), if you want to show the popup only on your Home page. The same for the Posts. Go to the Advanced options of Popup Builder. Select the posts you want your popup appear on. Select some of them, or select all of them! It's up to yo...

How to open a popup inside popup?

Please, follow the steps to create a popup inside popup: 1. Create a new HTML popup, 2. Enter a text for your HTML popup 3. Click Insert popup above 4. Select the popup you need to be opened after the 1st one 5. Now it's inserted in your HTML popup 6. Save the changes and insert it on the page you wish!

How to redirect users after clicking on the popup image?

1. First, you need to create an Image popup. 2. Select an image for your popup. 3. Set up the General options. 4. Go to the Options of your popup and find "Dismiss on content click" option. 5. Then Select "Redirect" option and in the URL field type the URL of the page you need your users to be redirected to. ------------------------- That's it! Don't forget to Save changes!

Save your data before updating the plugin!

If you want to update the plugin and have created many popups and have a data that you don't want to lose and redo all the work again, just follow the easy steps below: 1. Go to Popup Builder in your Dashboard 2. Find "Settings" under the Popup builder 3. Go to settings and uncheck "Delete popup data" setting 4. Click "Save changes" 5. Then proceed to updating! Now you can easily delete the previous version before installing the new one, being sure that your popups won't be gone after the ...

Show a popup after a specific amount of time

If you need to open a popup not at once, but after a while, our plugin does have an option, just for your case! When you're creating a popup, in the settings you can see Effects panel. Under the Effects panel you will see 'Popup opening delay:' option, all you need to do is to enter the amount of time (seconds) after which popup will be shown.

How to open links inside the Iframe popup? (PRO option)

To open your links inside the iframe popup without redirecting your users to the other site you can do the following: Simply create an empty iframe popup and add the following class to your link: Ex. <a href="https://sygnoos.com/" class="sg-iframe-popup-1">Popup</a> This way, you'll have an iframe popup on your link, so when a user clicks on your link an iframe popup will open up, with the page of the link inside, so the users won't be redirected by the link.

Opening a popup before redirecting.

This is a great opportunity to provide some brief info in a popup to your users, before redirecting them to the next page! This will open a popup when a user clicks on the link, before going to the page from the link. To make this happen, simply add the following class to to your link: Ex.<a href="https://sygnoos.com/" class="sg-confirm-popup-1">Popup</a> where 1 is your popup id. 1. Create the popup you need 2. Go to your pages 3. Select the one you need to have a popup on ...

Onclick popup

To create an On click popup, please, follow the steps bellow: 1. Go to the Pages/Posts section of your Dashboard 2. Choose the Page/Post you want to add an On click popup 3. Click "Insert popup" 4. From the box, select the popup you need to open On click 5. Choose the load type, select "On click" 6. Insert You should enter a text inside your popup shortcode so that a popup will open when clicked. After updating the page you can preview it and see the following page: And here's the popup...

Onclick popup on menu item

There are 2 methods to include Onclick popup inside the menu link. 1) Using standard WordPress method * Go to you WP admin panel * Go to Appearance->Menus * At the to of the PAGE you will 'Screen Options' DropDown menu click on it and check 'CSS Classes' option. * Click on the menu item Ex. FAQ where you need to define the URL of the element * You will see CSS Classes (optional) option * Add our class 'sg-popup-id-1' where id-_1_ is a popup id. * Save ...

How to make a popup responsive?

To make your popup responsive you should do the following: Set width and height in percent(%) and then set Max width and Max height in pixels (px). When the screen is too wide, Max width option will work and it will prevent showing popup large. Width: 80% Height: 90% Max width: 640px; Max height: 480px; But, in case this option doesn't work for you anyhow, we have an option "Enable Scaling" in the Advanced options of our Pro version. This option will make your popup automatically fit the ...

Exit Intent Modes

Exit Intent popup supports 4 modes * Soft mode - This mode enables you to show popup when user is going to navigate away from your site. Thus when user navigate mouse outside from active pave * Aggressive mode - This mode will allow you to show alert box when user try to close tab and only then popup * Soft and Aggressive modes - This will enable the both modes. Depends which action will be triggered first. * Aggressive without popup - This will open only alert box without po...

Show Popup Automatically

You can show automatically popup on any page or a post. For example, if you wish to add automatically popup (on load) popup on "about us" page. **Follow the steps to get it done:** * **Go to pages tab on your WordPress admin menu.** * **Select "about us" page** * **At the bottom of the page you will see a metabox (see screenshot) with all of your created popups. ** * **Select your preferred one.** * **Save the page.** * **You are done ...

How to install Popup Builder PRO plugin?

For upgrading to PRO version please follow the steps bellow. * Go to your WordPress admin panel. * Go to Plugins. * Find the popup builder FREE plugin. * Click Deactivate. OK now you have deactivated the FREE version of popup builder plugin. For installing the PRO version please follow the steps bellow. * Go to your WordPress admin panel. * Go to Plugins > Add New. * Click Upload Plugin. * Choose popup-builder-pro.zip package. * Cli...

How to insert popups on a page/post?

**There are some ways to insert popup on page or post.** **Method 1. To insert an "On load popup on your page/post"** **Go to your "Pages/Posts" section** **Select the page you need and from the bottom, "Select popup on load page".** **Method 2.** **Go to your "Pages" section, select the page you need and "Insert popup" right on the page.** In this way you can select the appearing event of your popup. You can select "On click", "On load" or "On hover" **Method 3. A...

Subcategories