1. Popup with fancybox

2. Continuous rss scrolling

3. Vertical scroll recent comments

4. Horizontal scroll image slideshow

5. Marquee xml rss feed scroll

6. Vertically scroll rss feed

Onclick Popup

One easy way to send your visitors a welcome message, notice, or advertisement is to add this popup plugin to your site. WordPress on-click Popup plugin will create a popup message to your website. The popup will appear on text click so it is named on-click popup. Sometimes it’s useful to add a popup to your website to show your ads, special announcement and for offers. Using this plug-in you can create unblock-able, dynamic and fully configurable popups to your blog.

Plugin demo available on the sidebar, click the text and see the popup window. also 3 more different popup plugin available in this website check the plugin list on sidebar.

This popup ads are very effective advertising tools for your website since they won’t get automatically blocked by popup blocking tool.

Feature of this plugin

  • Simple.
  • Easy installation.
  • Easy configuration.
  • Unblockable.
  • Popup appear on text click.

Plugin configure

First step is to upload and activate the plugin(Check installation instruction below).

Configuration option 1

Drag and Drop the Widget: Go to widget page under Appearance tab, Drag and drop OnClick Popup widget into your side bar. It’s very easy.

Configuration option 2

Add the gallery in the Posts or Pages: Copy and paste the given short code into pages or posts. Short code available below

Configuration option 3

Add directly into theme: Add directly in the theme: Use this code, <?php if (function_exists (OnClickPopUp)) OnClickPopUp (); ?> to add popup to your theme files.

Short code for the plugin version 2.0, 3.0

[ONCLICK-POPUP:SETTING=1:GROUP=GROUP1]

Short code from the plug-in version 4.0 onwards

[onclick-popup setting="1" group="1"]

SETTING:1 = This is to mention the setting number.

GROUP1 = This is content group name (In the admin content management we have group option to group the content).

Frequently asked questions

Q1. How to arrange the popup window width?

We have to set the window with in the CSS property. In the admin, popup setting page we have CSS setting text to assign the value. Please follow as per example.

Q2. Is possible to add the pop up into the particular page/post?

Yes, add the given code into page/post. See comment 1 to find the short code.

Q3. How to update the popup information/content?

Administration → OnClick Popup → Content management

Q4. How to arrange the popup window position?

Option available in the admin popup setting page

Administration → OnClick Popup → popup setting

Admin screen

Wordpress plugin onclick popup admin
Wordpress plugin onclick popup admin

Installation instruction

Method 1

  1. Download the plugin onclick-popup.zip from download location.
  2. Unpack the onclick-popup.zip file and extract the /popup/ folder.
  3. Drop the onclick-popup folder into your ‘wp-content/plugins’ folder.
  4. In word press administration panels, click on plug-in from the menu.
  5. You should see your new onclick popup plug-in listed.
  6. To turn the word presses plug-in on, click activate.

Method 2

  1. Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  2. Search onclick popup plugin using search option.
  3. Find the plugin and click ‘Install Now’ link.
  4. Finally click activate plug-in link to activate the plug-in.

Method 3

  1. Download the plugin onclick-popup.zip from download location.
  2. Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
  3. Select upload link (top link menu).
  4. Upload the available onclick-popup.zip file and click install now.
  5. Finally click activate plug-in link to activate the plug-in.

Download location

http://www.gopiplus.com/work/wordpress-plugin-download/

49 comments

  1. Hi there,
    I can’t find a download link for this plugin nor in your donwload page nor in the wp repository, could you point me in the right direction?

    Thank you!

  2. Great plugin. posts & pages fine.

    But how to insert shortcode into template say

    [ONCLICK-POPUP:SETTING=1:GROUP=GROUP6]

    have tried

    and

    but no success.

    Any help appreciated

  3. hello sir your plugin not working well i am adding the content in html in content management but it does not work it also showing the html syntax actually i want to show the image as well with the content can u plz check it out

  4. Is there a way to put multiple on-click popups on a single page? for some reason when i try to do this each link ends up linking to a single popup option rather than to the ones i specify.

  5. Hello, I love this, it is exactly what I have been searching for.
    How can I make it much Wider? like 1000 pixel wide.
    thanks
    -V-

  6. I click the link above to download the plugin. I am sent to the plugin page. The plugin page has a link Onclick Popup… I click that and get sent back here. Is this plugin no longer available for download? I don’t understand.

  7. You have a number of bugs and some improvements that could be made in your JS. I would like to submit the changes I made. Do you have this opensourced somewhere like github?

    Thanks,

    Scott

  8. Hi. How do I select which popup and link text goes in the widget? I tried using the widget but it gives me the Link Text from Group 1 and the popup from Group 3. Not much good!

    many thanks

  9. I just couldn’t go away your website before suggesting that I actually loved the usual information a person supply to your guests? Is going to be again regularly to check up on new posts

  10. I love this plugin and it is what I need for a project I am working on. So, I’ve registered the shortcode into my theme, but it doesn’t work, nor does the shortcode work when placing it into a post or page. Can you help me figure out a solution? Thanks.

  11. Thanks for the plugin. It would be great if it was possible to move the pop-up around the page (in my blog it’s like an istructional tool). In addition, I have to show you a bug: when you click the link to open the pop-up, it doesn’t work anymore, until you refresh the page.
    Bye.

  12. Hello, I have your oneclick popup working on my site but I have a problem, when clicked on it opens but at the top of the page. I cant seem to adjust it to open where it is clicked on. Could you please take a look at my site http://www.sphericnews.com to see it in action, I have placed the widget in the middle footer of my site. And please if you have any ways of fixing this issue I would be very great full. I have tried the anything pop up and liked it more but sadly it stooped my site from working and had to remove it.

    Thank you

    Thomas Morley

  13. Hello,
    I tried clicking on one of the 4 urls listed just below the “On Click popup Demo” – Yes, it works.
    Then I closed the popup by clicking the “X” and then I tried to open the popup by clicking the same url that I clicked before – but the popup doesnt really pops up – why? I am using FF 16.0 and WordPress 3.4.2. Please explain. Thank You.

  14. When i put some html code in the popup only the code will appear no images.

    Is it also possible to put some php code or javascript code in the popup?

    Thnx

  15. as vangie said = nice plugin,..but when you close the window it wont open anymore..is there a way to diplay it again when clicking the link??

  16. popup won’t show anymore after you close it. a bug that the creator can’t fix. it’s better to test your own plugin first before you share it to others. haha.

  17. Are you able to fix the bug everyone else seems to be mentioning or not? I need the pop up to open every time I click on it, not only the first time!

  18. If I open the plugin the first time it works fine, if I close it and try to re-open it, it does not open. Anybody has a fix for this ?

  19. Thanks! Worked perfectly and the alignment is just as expected when the right values in CSS settings were inserted.

    Would definitely recommend this simple and to-the-point plugin.

    Cheers!

    • I have changed

      2 Change
      Old Code

      function PopUpFadCloseX(PopUpFadX)
      {
      t = -100;
      //document.getElementById(PopUpFadX).style.display = “none”;
      document.getElementById(PopUpFadX).style.visibility= “hidden”;
      //PopUpFadTmr();
      return false;
      }

      New Code
      function PopUpFadCloseX(PopUpFadX)
      {
      t = -100;
      //document.getElementById(PopUpFadX).style.display = “none”;
      document.getElementById(PopUpFadX).style.display = “none”;
      //PopUpFadTmr();
      return false;
      }

      2 Change

      Old code

      function PopUpFadObj(PopUpFadOpen)
      {

      return document.getElementById(PopUpFadOpen);
      }

      New Code

      function PopUpFadObj(PopUpFadOpen)
      {
      document.getElementById(PopUpFadOpen).style.display = “inline”;
      return document.getElementById(PopUpFadOpen);
      }

      OR COPY AND PASTE THIS CODE IN onclick-popup.js

      /**
      * Onclick Popup
      * Copyright (C) 2011 – 2013 http://www.gopiplus.com
      *
      * This program is free software: you can redistribute it and/or modify
      * it under the terms of the GNU General Public License as published by
      * the Free Software Foundation, either version 3 of the License, or
      * (at your option) any later version.
      *
      * This program is distributed in the hope that it will be useful,
      * but WITHOUT ANY WARRANTY; without even the implied warranty of
      * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
      * GNU General Public License for more details.
      *
      * You should have received a copy of the GNU General Public License
      * along with this program. If not, see .
      */

      var tmr;
      var t;
      var obj;

      function PopUpFadOpen(PopUpFadOpen, Left)
      {

      obj = PopUpFadObj(PopUpFadOpen);
      PopUpFadLft(Left);
      PopUpFadShw(true);
      t = 0;
      PopUpFadTmr(PopUpFadOpen);
      }

      function PopUpFadCloseX(PopUpFadX)
      {
      t = -100;
      //document.getElementById(PopUpFadX).style.display = “none”;
      document.getElementById(PopUpFadX).style.display = “none”;
      //PopUpFadTmr();
      return false;
      }

      function PopUpFadTmr(PopUpFadOpen)
      {
      tmr = setInterval(“PopUpFad(PopUpFadOpen)”,20);
      }

      function PopUpFad()
      {
      var amt = Math.abs(t+=10);
      if(amt == 0 || amt == 100) clearInterval(tmr);
      amt = (amt == 100)?99.999:amt;

      //obj.style.filter = “alpha(opacity:”+amt+”)”;
      obj.style.KHTMLOpacity = amt/100;
      obj.style.MozOpacity = amt/100;
      obj.style.opacity = amt/100;

      //if(amt == 0) shw(false);
      }

      function PopUpFadLft(Left)
      {
      var w = Left; // set this to 1/2 the width of the PopUpFad div defined in the style sheet
      // there’s not a reliable way to retrieve an element’s width via javascript!!

      var l = (document.body.innerWidth)? document.body.innerWidth / 2:document.body.offsetWidth / 2;

      obj.style.left = (l – w)+”px”;
      }

      function PopUpFadObj(PopUpFadOpen)
      {
      document.getElementById(PopUpFadOpen).style.display = “inline”;
      return document.getElementById(PopUpFadOpen);
      }

      function PopUpFadShw(b)
      {

      (b)? obj.className = ‘show’:obj.className = ‘show’;
      }

  20. Hi, thank you for the plugin.

    I like the plugin but have 3 issues:
    1) how to make the link work everytime it is clicked (have same problem as Arun and others);
    2) how to stop the link / shortcode moving to the next line (keep it next to other text);
    3) how to use, if possible, the Standout Color Boxes and Buttons plugin in popup (I want people to click a confirmation button that opens another page or a pdf file.

  21. POP Closing and Open Problem Solve

    Edit your onclick-popup.js

    1 Change
    Old Code

    function PopUpFadCloseX(PopUpFadX)
    {
    t = -100;
    //document.getElementById(PopUpFadX).style.display = “none”;
    document.getElementById(PopUpFadX).style.visibility= “hidden”;
    //PopUpFadTmr();
    return false;
    }

    New Code
    function PopUpFadCloseX(PopUpFadX)
    {
    t = -100;
    //document.getElementById(PopUpFadX).style.display = “none”;
    document.getElementById(PopUpFadX).style.display = “none”;
    //PopUpFadTmr();
    return false;
    }

    2 Change

    Old code

    function PopUpFadObj(PopUpFadOpen)
    {

    return document.getElementById(PopUpFadOpen);
    }

    New Code

    function PopUpFadObj(PopUpFadOpen)
    {
    document.getElementById(PopUpFadOpen).style.display = “inline”;
    return document.getElementById(PopUpFadOpen);
    }

Comments are closed due to heavy spam. Please use contact form if any help is required.