Cool fade popup
March 24, 2012 |
Posted by:
Gopi R |
Wordpress plugin |
99 Comments | 
Cool fade popup wordpress plugin create a popup message to the WordPress website with customizable html content. Sometimes it’s useful to add a pop up to your website to show your ads, special announcement and for offers. Using this plug-in you can creates unblockable, dynamic and fully configurable popups for your blog.
This popup ads are very effective advertising tools for your website since they won’t get automatically blocked by popup blocking tool.
Refresh this page to see the pop-up again.
Features of this plugin
- Easy installation.
- Easy configuration.
- Unblockable.
- Session option to show the popup only first time.
- Option to display random content.
Installation instruction
Option 1
- Download the plugin cool-fade-popup.zip from gopiplus.com download link.
- Unpack the cool-fade-popup.zip file
- Extract the /cool-fade-popup/ folder.
- Drop the ‘cool-fade-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 ‘cool fade popup’ plug-in listed under Inactive plug-in tab.
- To turn the word presses plug-in on, click activate.
Option 2
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Search ‘cool fade popup’ plugin using search option.
- Find the plugin and click ‘Install Now’ link.
- Finally click activate plug-in link to activate the plug-in.
Option 3
- Download the plugin cool-fade-popup.zip from gopiplus.com download link.
- Go to ‘add new’ menu under ‘plugins’ tab in your word-press admin.
- Select upload link (top link menu).
- Upload the available ‘cool-fade-popup.zip’ file and click install now
- Finally click activate plug-in link to activate the plug-in.
Plugin configuration
Method : 1
Go to widget menu and drag and drop the “cool-fade-popup” widget to your sidebar location.
To configure the plug-in go to : Administration (Dashboard) → Settings → cool fade popup
This method will create the popup on all the pages (In the above link option available to configure this)
Method : 2
Add the give short code in page/post to open the pop-up into that particular page/post.
Short code : [PopUpFad=GROUP=widget:RANDOM=YES:SESSION=NO]
In the above short code:
GROUP=widget ( “widget” is the name of the group )
RANDOM=YES ( Display random content from the group name “widget”)
SESSION=NO (Session option not enabled so all time it show the popup)
Version history
Version 1.0 : First version
Version 2.0 : The user raised problem “After closed the popup; not able to click the links under the popup” is solved in this version.
Version 3.0 : This version is completely different from version 2.0. please take your existing HTML file for backup. In this version separate content management page is available for popup content. We can add the N number of content in to db and can display one at a time with random option.
Frequently asked questions
Q1. How to enable popup on all the website pages?
Drag and drop the “cool fade popup” widget to your sidebar location. and go to configuration page to update the setting.
To configure the plug-in go to : Administration (Dashboard) → Settings → cool fade popup
Q2. How to enable popup on particular page?
Use given short code in to the particular page.
Q3. What is group name in the form?
Group name is to group the content. for example if u want to display one random content from some set of content. That content will fetch based on this group.
Q4. Suppose if i have more then one content can we display any one random?
Yes, This is possible. In the popup setting form, enter the “group name” and set “random order” is to YES. In the front end one random content will fetch based on the group to display.
In the short code we have same option.
GROUP=widget:RANDOM=YES:SESSION=NO
Q5. Is possible to add HTML content?
Yes, you can HTML content in the content management form.
Q6. How to arrange the popup style?
wp-content/plugins/cool-fade-popup/PopUpFad.css
You can update the above CSS file for style.
Q7. Can make this pop-up only for the first time visit ?
Yes, This is possible, In the popup setting form set “Enable Popup Session” value to YES. and the same option available in the short code.
Q8. My theme does not support widgets. How to enable popup on all the pages?
Add the below PHP code in the php file to generate the popup for all the pages.
<?php if (function_exists (PopUpFad)) PopUpFad(); ?>
Q9. Is possible to set the expiration date for popup?
No, At present this option is not available in the version 3.0
Download links
http://www.gopiplus.com/work/wordpress-plugin-download/
Donation
All modules, plugins in this website are completely FREE. If you find the software useful please consider making a donation(PayPal). All donations will go towards improving this web website and maintenance.
This is the demo for cool fade popup plugin. using this plugin you can add this cool popup window into your wordpress website. using this unblockable popup window you can add your ads, special information, offers and announcements. Close this popup and read the article you can easily configure this plugin in your wordpress website. its very simple. please feel free to post you comments and feedback.
Add this code into pages/posts :
[PopUpFad=GROUP=widget:RANDOM=YES:SESSION=NO]
In the above short code:
GROUP=widget ( “widget” is the name of the group )
RANDOM=YES ( Display random content from the group name “widget”)
SESSION=NO (Session option not enabled so all time it show the popup)
Thx, I like your plugin..
i’m very like this plug in. please visit my site to see your plug in working on http://www.izuee.com
by the way, i have 1 suggestion, how to make this plugin scrollable. i mean, when user scroll my site, this plugin will follow the page until the user close the plugin windows by self.
Hi Gopi, Greate and Nice Plugin ever round.
I recommend to others to use this plugin.
Thanks
Hi Gopi – this is the only plugin that has worked for my purposes so far but I can’t figure out where to set it so that it only pops once. So, if someone “x”‘s out of it, it won’t come up again.
Can you help? Thanks!
Hey,
Nice plugin. But can you make this one pop-up only for the first time visit ??
I am interested in changing the timing it appears. How do you adjust the code to allow more time before it pops up? Also interested in it only showing one time as others above commented.
Thanks!
In my theme does not support widgets.
What code to insert into sidebar.php example, to plugin worked?
Thank you!
Hello:
For some reason your plugin is not showing up on homepage. Is there a way you could force it to?
The website I’m trying to insert the popup is http://www.cineceara2010.com/
The plugin is already activated and works in all areas except home.
I would like the pop up to appear on a page only when the link to it is clicked so they can see more information regarding that paragraph. How do I do that?
LeAnne, I used a plugin called bubble tool tips to do something that.
http://bueltge.de/wp-bubble-tooltips-plugin/142/
Is it possible to change the opacity of the popup, make it see-through?
hi friends! I want to display ads from google, how to do this? Nobody can tell me? if there is a guide please let me know. greetings true blogger.
In the HTML file u can add the google javascrip code. best as per google terms and condition popup is wrong way to publish the ads.
I don’t see how to configure what the pop up says or how to get it to be a subscription button or to change the message at all.
All I’ve got in the Admin/Settings are fields that ask yes or no.
There’s no where to write or to put a link.
What am I supposed to do with it?
Administration → Plugins → Editor → Select “cool fade popup” → Select “popup.html” and update this HTML page.
hi!
how can i change the position of the popup!? it actually comes up on the right :S thanks!
Option available in the CSS code..
hi! thanks,
i actually tried but without any positive response…
can you tell me where and what to write please?
cool-fade-popup/PopUpFad.css
in this file, update the value for the property TOP.
yeah i know that stuff, but i meant : Center horizontally.
if i change the TOP value it will only center the popup vertically . any guess?
I’m having the same problem. the popup box won’t align left or right, even using the right: 0px, or left: 0px CSS elements.
Nevermind, it’s all in the position element. Put in position: relative; in the CSS file
Hallo Gopi, i have the same problem.
I didn’t find any way to center the message box.
Do you have any suggestion?
this plugin doesnot work I have edited the html page, but still the popup doesnot appear
You can keep the pop-up on every page …? The idea is to mount a radio script on line
can minimize the window? that is, not reduce it closes. thanks.
I am trying to use it with WP 3.1.
It doesn’t show anywhere nor on homepage, pages or posts.
It is installed using add new plugins function and activated. When I go to the editor it says – inactive.
Suggestions?
can seem to affect the position of the pop-up on my homepage. tried changing ‘position’, ‘top’, ‘left’ and ‘right’, but only ‘top’ seems to be working…please help.
A weird problem which exists on this site also. After you click the close link, any links that were under the popup are now no longer clickable. Note that any part of the link that was visible outside the popup is clickable, but for that same link, any part of it under the popup is now not clickable. Any idea what’s going on there? I’m viewing both my test site and your site in Firefox and Chrome, same problem. In IE8, there is no close link (for the popup on this page), so I can’t test it.
i ll check and let u know.
This problem solved in the version 2.0
Just adding that your WordPress Popup plugin on this site doesn’t stop the clickability of links on Firefox. Hope that helps track it down.
Sorry – the close box does work in IE – I was testing it on a machine with blockers on it.
OK, just did more testing of this page in IE. IE7 pops up a blank window when you click the close link, IE9 throws up an Internet Explorer Script Error dialog:
An error has occurred in the script on this page.
Line: 34
Char: 15
Error: Object expected
Code: 0
URL: http://www.gopiplus.com/work/2011/01/08/cool-fade-popup
Do you want to continue running scripts on this page? Yes/No
Please make no mistake, I love this plugin and it has the most options and does almost everything I want. It just has that weird link behaviour and minor problem with the close link in IE.
Cheers and thanks!
This problem is solved in the version 2.0 “any part of it under the popup is now not clickable”
Hi Gopi,
Something very strange happed to me. I activated your plugin and placed the widget on my homepage and since then all my jQuery stuff seem to have disturbed. My slideshow and news ticker (running with jQuery started malfunctioning.)
Please help me as it is very imp for me to fix this asap
Great plugin! Well done, I owe a big thanks, I’ll see if I can use a piad plugin where possible.
See it used and styled here> http://www.frankfoodandme.com
Only thing it needs is a cookie to make it visible only once per session. I tried to make it work like that and failed with my poor js skill (I have none).
TY
i will try this cookie one time option and let u know.. thanks
is there a way to change the fade in time? meaning that it will fade in slower or faster?
same goes for fade out?
thanks,
Rotem
also, is there a way to put an image in the background instead of a plain html color?
and if so, what code and where should I put it?
thanks,
Rotem
Its fully based on the HTML file.. whatever u have in the HTML file that ll display in the popup.
I am doing a site for a client and have used your pop up which I think is excellent! As with others on here, I wish it would just open once per session. I went online to try and find a solution and found this page: http://www.webmasterworld.com/forum21/2006.htm and wondered if this could help to solve the problem and also wondered if admin aka Gopi would try this out first to ensure that it works. If it does, would you mind letting us know how we can implement this code into the plugin and where etc. Many thanks.
http://www.gopiplus.com/work/2011/01/14/wordpress-popup/ In this popup plugin i have introduced Once per session option. i ll try to add the same in this popup plugin also.
New version 3.0 available with separate content management page. in the we can add html content and multilingual content.
Its really great that people are sharing this inofmrtaion.
ru6V0K hdikgmcrjntu
doesnt work
how to find 2.0 ?
The plugin is interesting but does not fit exactly my needs. I’ve looked all the WP plugin repository without luck. The most similar plugin is your own.
I need different popups for hinting users what o how to do things in the my web, like a contextual help.
I need it to be activaded via a link, for example : [gopi-popup id="thecontentid" title="Click here to see a nice popup" class="mylinkclass" ] and then it generates a link.
If you could add this feature, and let disable the page-load-popup, I think it will be very good, because there is no one popup in the entire repository which is nice, clean, and easy to use (with content management as your own).
Let me know your anwers, since your comment form has no ‘subscribe to comments’, i’m very interested.
I can help if needed, but I have never developed a plugin for wp.
Also is very important to have the posibility to insert more than one link with popup in the same page
Already we have short code option for this plugin.
Create the content with unique group name and use the short in each page.
For ex: [PopUpFad=GROUP=widget:RANDOM=YES:SESSION=NO]
If the above is your short code, u should have at-lest one content for the group widget.
hello is it possible that someone tell me or show me how to center the popup and make it over the amazon carrousel ?
thx for youe great help.
Hi, I really liked your plugin, but I would like he had time to close automatically.
Hi, I’m using the plugin with the widget, but this option is not displaying it in a randon order.
Hi , just can not make it run no matter what I do. Followed all instructions. It just does not appear. Placed Widget on a side bar, created group, updated text….nothing. Any ideas what is wrong? Thanks
Steps to set popup only on Home page
1. Activate the plugin
2. Drag and drop the cool fade widget
3. Ggo to plugin management area. (Cool fade popup link under setting menu)
4. In that make On Home is YES and all other to NO
5. Open your front end and check the plugin.
Cool plugin!!! Thumbs up
Hello there,
Would like to ask for some help. I am currently using your plugin on my site. However, there are two small issues I am having.
1. It will not run on the home page
2. I don’t know how to center it on the page. I looked at the css page, but I cannot find anything in there to change the
element style It is currently at left: 791.5px and I need it at 591.5px or in that area.
Just not sure how to center it.
Can you please take a look.
http://www.fabian8.com
you can see the popup on the Tickets and Showtime page
http://www.fabian8.com/tickets-and-showtimes/
But I cannot get it to work on the home page and that is really where I prefer it to be… Thanks!!!
Kind regards,
Saxamo
I could really use your help asap. This ad is over come Friday.. Thanks!
There is option available in the setting page. in that set “YES” for home page display…
Thanks for this plugin.
I don’t see a way to adjust the fade in time. I’m using it here http://www.couplesinstep.ca/ and it come in too quickly as the page loads.
Is it possible to have a different effect? Instead of a fade in could it slide down as done here http://www.telkasmith.com/ ??
Heck yeah this is ecatxly what I needed.
Is it possible to change the width and height of pop-up window?
Thanks.
Check the css
Great Popup.
One problem. I can’t get it to pop up with Internet Explorer ver 9.
It does work fine on your page (this page), but not on mine.
FireFox works fine on my page and yours.
Is there a setting I’m missing?
Hi Gopi… its very iteresting pop up…thanks
Hello,
nice plugin, but i need one thats show the popup “on click”, not automatically. Means, the user click on a banner or link, and then the popup will be open first.
Is this possible?
Cheers,
Orwell
Hi Gopi,
I tried to use your powerful Cool fade popup plugin but my theme is not supported widget, so i just added one link in main header,
This is working , but this is not considering any thing related to session and group.
How i should use this per session, via html code
Thanks Gopi.
Add the above PHP code in the footer or header..
Hi Gopi;
I have added this line
in index.php and footer.php, do i need to remove from index.php and add in header.php
Please help, I am not a techie.
thanks
sorry my line is “”
is this correct syntex, i placed before body.
Hi Gopi,
Do i put this code
[PopUpFad=GROUP=widget:RANDOM=YES:SESSION=NO]
or
this php portion of code. I am confused. Tried both but did not worked either of.
thanks
hi i love this plugin,
but how to center it?
please add some info here.
reg.
Alex
here’s the solution to change the with and then center the popup box. First change the width in PopUpFad.css file and then open PopUpFad.js file and find a line:
“function PopUpFadLft() {
var w = 160; // 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!!”
and change the 160 value to about a half of what you set in width in css file. It works for me!
cool…. its really a nice plugin ..i like it too much
I tired to enter popup message, select a display status and a group but it would always return “No data available, use form below to create!” What’s wrong with this? Thanks for your help!
I want the pop up to appear when you click on a link. The popup would then appear letting you know you are going to be leaving the site. It would then need a continue button to continue following the outside link. How do I make this happen?
Working on this…
Hi : )
Thanks for your plugin!
Is it possible to make the background transparent? I’d like just a pop up image but it’s round and I want to be able to see the page content behind it.
Thanks for your help!
Hi
Great plugin
My theme didnt support widget, u already mentioned how to embed the code
But how can we customize it, if we want to display different group in the theme…
Thanks
Hi Gopi,
I am using this plugin on infonary.com, using the template code in the footer. Everything except the session part is working fine and the popup is being displayed on every page view.
How can I solve this issue.
Worked first time – perfect! Thanks for saving me a ton of work.
Hi Valerie,That’s why WordPress is the first cchoie blogging platform for many.Thanks for visiting and commenting.Lye
Vkr4e8 ikuttprguumh
Is there any way I can make the popup float left or center rather than right?
Really one of a way to organize the jewellery. Jeweleries are quite delicate and one tend to keep them messy.
is there a way to make x box bigger?
There is a way to put some color behind the box? I mean between the box and the website… Because I want to put for example white 50% opacity, how can I do that?
Simply wish to say your article is as astonishing. The clarity in your post is just excellent and i could assume you’re an expert on this subject. Fine with your permission let me to grab your feed to keep updated with forthcoming post. Thanks a million and please continue the rewarding work.
Can you make a set for this plugin “once per day per ip” ? Thank you
Is there a way to have a delay on the pop up? I want the user to be able to read some of the content before the lightbox fades in.
Also, is there a way to darken the site itself so the popup is more noticeable?
Hello, I’m so happy this plugin works with my blog ! But I have a problem yet : when I clic the “close x”, my index page is loading on a new window… how to six it ?
Thanks.
Hai,
First of all thanks for this great plugin,
I Want to de register popup css and scripts on other pages and posts where I’m not using coolfadepopup. Currently I’ve only using it on one page but the script and style sheets loading all over site. Can you give me the handle to do this.
http://codex.wordpress.org/Function_Reference/wp_deregister_script
thanks in advance, Haris
Hi!!!
How I can change the position?
thanks
WOW!! Thx for popUP!
I have been looking for smthng like this since a long time!Thanks so much buddy.Wud use it..!
hi i am using your plugin , i have set every thing for the plugin as your given steps but there is problem i am facing the Enable Popup Session option i have set yes but i does not work at all can you tell me how to set it up i am using template code ?
[...] MORE INFO / DEMO [...]
Hello Goppi, would you tell me how can I insert in html text 2 buttons: I agree, Not agree. The first would close the popup, the second will redirect to the home page’ to close the popup, because redirecting I understang by my self.
Tank you very much”