How to open popup on click?

With WordPress Popup plugin by Supsystic you can show popup in different ways – when page loads, after user scrolls page, on exit from site, after user comment. Besides you can show popup by clicking on certain link, button, image or even show it by clicking the Menu item. Just add required code and everything is done!

For example, how to make popup appear after click on your content link? In order to make popup on click check the following instruction –

  1. Go to Main settings of WordPress Popup plugin by Supsystic.
  2. In “When to show PopUp” block choose “Click on certain link / button / other element” radio button.
  3. Copy the shortcode from the first field of this option.
  4. Go to your post or page and select required text.
  5. Click on create link button in text editor and paste shortcode of popup into the URL field.
  6. Click “Add link” button.

Check the example – click on me!

WordPress Popup plugin show on element click

 

Such method you can use if you edit link in post/page editor in WordPress admin area. Link will look like this –

But if you need to place popup shortcode in code of your site, for example – in code of theme template, you need to use the php code. Link with popup code will look like this –

Or, if you know HTML basics, – you can insert “onclick” attribute of popup to any of element of your site. In “Whom to show” block choose “Click on certain link / button / other element” radio button -> Copy the code from the second field of this option:

However if you use “to show popup for fist time users” option or any other option that requires to check anything by the plugin – in this case you need to use the following code:

If you chosen this method, please note – if you are using “onclick” attribute in your theme or anywhere out the content of the post/page of your site – popups will not be loaded on the website server side. You need to add special code which will be load popups on your site. Here is the required code of the filter itself and of the filter handler –

Add this code to php files of your theme, for example into the functions.php file. In this case IDs of your popups will be uploaded on the server and popups will be shown on your site.

Please note!

If popup shortcode is output as shortcode – it means that it was not processed correctly in your template, or by inserting method. In order to fix the problem – you need to do 2 simple steps:

  1. Somewhere in your theme php files (in “header.php” file for example, right after head tag) add next shortcode:

  2. Then in your link set it’s href parameter to:

    So your link will be like:

What will happens in this case: first step will make PopUp load from server side (database), second step – will bind it show on your link click.

To use popup for your Menu item – follow next steps:

  1. Go to Main settings of Popup plugin by Supsystic.
  2. In “Whom to show” block choose “Click on certain link / button / other element” radiobutton.
  3. Copy the third code of this option. It will look like this – #ppsShowPopUp_100
     
    WordPress plugin popup on click menu item
  4. Go to Appearance -> Menus.
  5. In Menu Structure choose item and paste code into the “Title Attribute” field.
  6. Save menu changes.

 

WordPress popup plugin menu title attribute

 

If you want to show your WordPress Popup when user opens your site exactly by link, where in the end will be present popup code – you need to use “On Link Follow” option. Besides you can show popup on link follow with time delay. Read more about “On Link Follow” option here.

You want your popup plugin to help you build your mailing list, generate leads, and convert visitors into actual customers. For that, you will need a lot more than just a shiny popup. You will need different kind of optin forms, lead generation tools, statistics, A/B testing, and more. Popup for WordPress made by Supsystic has it all. Moreover, Popup by Supsytic is fast, easy settable, pretty and very convenient. Just try it and you won’t be disappointed.

Get plugins bundle today and save over 80%