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
Installation instruction
Method 1
- Download the plugin onclick-popup.zip from download location.
- Unpack the onclick-popup.zip file and extract the /popup/ folder.
- Drop the onclick-popup folder into your ‘wp-content/plugins’ folder.
- In word press administration panels, click on plug-in from the menu.
- You should see your new onclick popup plug-in listed.
- To turn the word presses plug-in on, click activate.
Method 2
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Search onclick popup plugin using search option.
- Find the plugin and click ‘Install Now’ link.
- Finally click activate plug-in link to activate the plug-in.
Method 3
- Download the plugin onclick-popup.zip from download location.
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Select upload link (top link menu).
- Upload the available onclick-popup.zip file and click install now.
- Finally click activate plug-in link to activate the plug-in.
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.
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!
Download link available here.
http://www.gopiplus.com/work/gopiplus-download-wordpress-plugin-part-5/
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
”
and
”
for template use configuration option 3
Does not work in IE7 or 8.
What the…? I saw this article in another website, why don’t you at least add a link in the end to show some appreciation for their work?
This is the original & official website for this plugin…
nice plugin,..but when you close the window it wont open anymore..is there a way to diplay it again when clicking the link??
yeah, same question as vangie…
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
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.
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-
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.
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
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
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
Hi,
I would like to have this plugin work on my site. Can you please mail your changes here: guptha.lakshminarayanan@gmail.com please. I would be very grateful !!
Many thanks..
If you have got this to work beyond the first popup, I’d love to get a copy of your .js fix.
Otherwise… I guess I’ll be looking for another similar plugin. Thanks
Hello, could you possibly send me the changes to leemh24@msn.com.
Thanks
Is it possible to imbed and trigger the Popup in an Image?
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
Cannot open pop-up link again after window is closed. Has this been fixed???
Can I add more than the 9 groups? I am trying to put a different pop-up quote on about 40 different posts. First 9 work great but can I do more?
Thanks
Is it possible to make a picture be the source of a popup? if so how do I embed the shortcode in it?
Same question here. How can I add the popup code to an empty link or on an image?
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.
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.
Great plugin! Is there a method to use this in combination with custom links in the admin bar?
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
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.
Does anybody know of a similar plugin I can use as I’m having the same problem as everybody else.
Thanks Lee
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
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??
interesting that you haven’t responded to a single question above.
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.
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!
This sucks! now it messed up my wordpress! Dude, you need to review for yourself what you do before distributing it.
So where is that “demo”? I cannot find it on this page!
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 ?
This popup is not working if you open same pop up again and again.
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!
the pop up is working but, it is only working one time.Next time it is showing nothing
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’;
}
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.
Can we put a form in the popup?
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);
}
Mandeep’s fix above did not work for me. For anyone having trouble with getting the pop up to work more than once I wrote a tutorial showing how to fix it at the following.
http://inteletec.com/wordpress-onclick-popup-popover-plugin-with-multi-click-and-responsive-layout/
I also show how to make it work with a responsive them. Was having problems with the horizontal alignment on mobile devices.