Popup Builder

How to make the Popup work with Autoptimize cache plugin?

There are some cases when cache plugins affect Popup Builder plugin's work, crashing your popups sometimes. Autoptimize is one of those cache plugins. And to make your popup work with this plugin, follow the steps: 1) From your WP admin panel go to Settings -> Autoptimize 2) Inside the Autoptimize plugins section at the top, you will see 'Settings Show advanced settings' button, click on it 3) After step 2 you will see new fields inside the 'JavaScript Options' section. You need to a...

How to trigger an Onclick popup via CSS class?

If you need to add an Onclick popup on any page/post on your site, you can do that via our CSS class: sg-popup-id-1 (your popup id number) * Simply go to the page you want to insert the popup * Switch to the Text tab * Paste the following CSS class (sg-popup-id-1) inside your HTML elements Ex. <span class=”sg-popup-id-1”>Click text</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 a...

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

How to create a Subscription popup?

Follow the steps to create Subscription popup: 1. In your Popup Builder menu, click "Add new" => select the "Subscription" popup 2. Enter a Title for your popup (the Title is visible only for the admin) 3. Type some text (or add an image "Add media") that will appear before the form 4. Select a theme for the popup 5. Set up the General options for the Subscription popup. * Select the placeholders you want to include in your form: First name, Last name * Set up the Input styles...

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 open a popup inside popup?

Please, follow the steps to create a popup inside popup: 1. Create any popup, except Iframe, Image and Video types (our example is with HTML popup) 2. Enter a Title for your popup (visible only to Admin) 3. Enter a "click text" for your popup 1 to trigger the popup 2 4. Highlight the "click text" 5. Click "Insert popup" above 4. Select the popup you need to be opened from the 1st one 5. Now it's inserted in your Popup 1 6. Save the changes and insert it on the page you wish! Her...

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!

How to 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 ...

How to add an Onclick popup to a page/post?

To create an Onclick 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 Onclick popup 3. Click "Insert popup" 4. From the box, select the popup you need to open Onclick 5. Choose the load type, select "Click" 6. Insert **You should enter a text (like "Click here") inside your popup shortcode [sg_popup id="1" event="click"]Click here[/sg_popup] so that a popup will open when clicked. (enter your popup i...

Onclick popup on menu item

There are 2 methods to include Onclick popup inside the menu link. 1) Using 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. * You will see CSS Classes (optional) option * Add our class 'sg-popup-id-1' where id-1 is a popup id. 2) Using 3-rd party shortcode plugin You can use 3rd party plugi...

How to make a popup responsive?

To make your popup responsive you should do the following: Set width and height in percentages (%) 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 a too large popup. 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 automa...

Exit Intent Popup functionality

You can create any type of popups and set an Exit Intent option to them! The Exit Intent option is included in the Gold and Platinum packages of our plugin. Besides, we do have a separate Exit Intent extension, that you can purchase separately, and have it on your Free and Silver packages as well. You can enable it checking the option and select the mode you need for your Exit Intent popup. Exit Intent option supports 4 modes: * Soft mode - This mode enables you to show popup when user...

Show Popup Automatically

You can show automatically popup on any page or a post. For example, if you wish to automatically add popup (on load) popup, for example, on "About us" page, here's what you should do. Follow the steps to get it done: * Go to the Pages tab on your WordPress admin menu * Select "About us" page from your list of the pages * At the bottom of the page you will see a metabox (see screenshot) with all of your created popups. * Click on the arrow * Select your preferred one * ...

How to Install Popup Builder PRO Plugin?

Before you proceed to upgrading to the PRO version of Popup Builder plugin, make sure you save your sensitive data (if you have any) from your current version of Popup Builder plugin: How to save your data before updating the plugin? (https://sygnoos.ladesk.com/794496-Save-your-data-before-updating-the-plugin) For upgrading to the PRO version of Popup Builder plugin, please, follow the steps below: * Go to your WordPress admin panel. * Go to Plugins. * Find the Popup Builder FREE plugi...

How to insert popups on a page/post?

**There are many possible ways to insert a popup on a page or post.** Method 1. How 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 page load". * So, your popup will appear when your page loads. Method 2. How to insert a popup and select its event (on click, on hover, on load)? * Go to your "Pages" section, select the page you need and click "Insert popup" right on the page. ...

Subcategories