Popup Builder

How to upgrade Popup Builder via FTP?

You can upgrade Popup Builder plugin via your FTP, manually, if you wish! Please, follow some easy steps to get it done! The example is for the Gold version of Popup Builder, so you can do the same for other packages. ;-) 1. Right click on the zip file of the Popup Builder Gold package you have, and choose "Extract here" 2. A folder will appear which you should Copy 3. Connect to your FTP account 3.1. How to find your FTP Credentials The creation of FTP credentials differ according to...

How to create a Restriction popup?

Please, follow the steps to create a Restriction popup: 1. In your Popup Builder menu, click "Add new" => select the Restriction popup type 2. Enter a Title for your Restriction popup 3. The content you add in the HTML editor of the popup will be shown before or after the buttons (push to bottom option) 4. Select a theme for your popup, (if you need no borders for your popup, select the 2nd theme) 5. Set up the General options for your popup: - "Yes" button * You can change the...

How to open a popup on the Image click?

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 7. Place your cursor inside the shortcode of the popup and click Add media 8. Select your image and insert it ------------------------- 9. Now, Update and View the page. 10. The po...

How to create an Image popup?

Follow the instructions to create an Image popup: 1. In your Dashboard, find Popup Builder plugin and click "Add new" popup 2. Select the Image popup from your menu of popup types 3. Enter a Title for your Image popup (it's visible only to the Admin) 4. Select and image from your popup - paste the URL of your image or choose from your gallery. 5. Select the theme for your popup (if you need no borders for your popup, select the 2nd theme) 6. Setting up the Dimensions of your Image popu...

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 a template?

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 of your template. Please, follow the steps: 1. Go to your template's index.php file. 2. 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! Check the following article to insert a pop...

How to create a 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. Follow steps for creating a Contact form popup: 1. In your Popup Builder menu, click "Add new" => select the "Contact"popup type 2. Enter a Title for your contact form popup (it will be shown in the email subject that you receive from your contacted users) 3. The content you add in the HTML editor of the popup will...

How to set up the Newsletter settings in Subscription popup? (available 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 Find 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 fo...

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 (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 of your form...

How to open an on click popup from another 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" inside your popup 1, it will open the popup 2 when clicked on it 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 ...

How to redirect users after clicking on the popup image?

1. First, you need to create an Image popup. Check the following article for the steps: How to create an Image popup? (https://sygnoos.ladesk.com/028545-How-to-create-an-Image-popup) 2. After you have set up the basic options for your Image popup, you should go to the Options of your popup and find "Dismiss on content click" option. 3. Select "Redirect" option and in the URL field type the URL of the page you need your users to be redirected to. 4. If you want to open the second page in a new...

How to save your data before updating the plugin?

There are two ways 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. Under your Dashboard, find Popup Builder plugin 2. Find "Settings" under Popup Builder 3. Go to settings and Uncheck "Delete popup data" option 4. Click "Save changes" 5. Then proceed to updating! Another option to save your data when updating the plugin...

How to set a time delay for opening a popup?

If you need to open the popup with some time delay, there's an option in our plugin to have it done. In the popup options there's an 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. Check the following article to insert a popup on a page or a post: How to insert popups on a page/post? (https://sygnoos.ladesk.com/377214-How-to-insert-popups-on-a-pagepost)

How to open links inside the Iframe popup? (PRO option, onclick alternative method)

This method of opening links inside an Iframe popup, is especially useful in case you have many links to share in Iframe popups. You don't have to create dozens of Iframe popups for each of your link, especially when you want the same settings for all the Iframe popups with the links. So, please, follow the steps to have it done: 1. In your popup Builder menu, click Add new popup 2. Select the Iframe popup type from the list 3. Create an empty Iframe popup, add nothing, but a Title and sav...

How to open a confirmation popup about redirection from your site?

You can open a popup when a user clicks on the link, before redirecting to the page of the URL. To make this happen, simply add the following class to to your link: class="sg-confirm-popup-1" 1. Create the popup you need 2. In your Pages list, select the one you need to have a popup on 4. Paste the code in Text mode of the HTML editor 5. Inside the code, replace your popup id, add your redirect URL and add a text clicking on which the popup will appear Ex.<a href="https://sygnoos.com/...

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

How to add an 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 functionality for all popup types

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

How to show a 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