1. RSS slider on post

2. Drop in image slideshow gallery

3. Jquery Accordion Slideshow Plugin

4. Announcement ticker highlighter scroller

5. Image slider with description

6. Anything popup

Popup with fancybox

Popup with fancybox plugin allows you to create lightweight JQuery fancy box popup window in your blog with custom content. In the admin interface we can easily configure popup size and timeout (i.e. show popup window based on timeout after page load). In this popup we can display any content such as Video, Image, Advertisement and much more.

In the admin we have standard wordpress HTML editor to create the popup message. So that we can customize the messages easily. also we have option to set expiration time for popup window. and we have option to display popup once per session, so that the popup never appear again if user navigate to another page.

Live demo

Live popup window will open 10 second after page load. Please refresh the page to view the demo again. It support all latest browser IE, Firefox, Chrome.

Advantage of this plugin

  • Lightweight JQuery.
  • Fancybox css in popup windows.
  • Show popup window based on timeout after page load.
  • HTML editor to create the popup message.
  • Option to set expiration time for message.
  • Option to set popup display once per session.

Installation Instruction

Option 1

  • Download the plugin popup-with-fancybox.zip from download location.
  • Unpack the *.zip file and extract the /popup-with-fancybox/ folder.
  • Drop the ‘popup-with-fancybox’ folder into your ‘wp-content/plugins’ folder.
  • In word press administration panels, click on plug-in from the menu.
  • You should see your 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 ‘Popup with fancybox’ 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 popup-with-fancybox.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 popup-with-fancybox.zip file and click install now
  • Finally click activate plug-in link to activate the plug-in.

Plugin configuration

Display popup in specific page/post

This plugin have short code option to display the popup in specific page. Just copy and paste the plugin short code into specific posts or pages to display the popup. We can use group name or message id to display the popup.

Short code

[popupwfancybox group="GROUP1"]

[popupwfancybox id="1"]

Display popup in entire website

We have two options to display the popup box in entire website.

1. Go to widget page and drag and drop the widget Popup with fancybox into your sidebar, so that popup will display in entire website.

2. Copy and paste the given PHP code into your footer.php file, so that popup will display in the entire website.

a. Download footer.php file from your theme folder.
b. Paste the below PHP code, and upload back to server.

<?php popupwfb( $Popupwfb_group = "", $Popupwfb_id = "" ); ?>

Display popup only in the home page

a. Download footer.php file from your theme folder.
b. Paste the below PHP code, and upload back to server.

<?php if (is_home()) { popupwfb( $Popupwfb_group = "", $Popupwfb_id = "" ); } ?>

Frequently asked questions

Q1. How to display popup message box once per session?

Go to Dashboard ==> Settings ==> Popup with fancybox ==> Popup Setting (Button)

In the above page we have option to configure session display. Select YES to show popup message once per session, Meaning, popup never appear again if user navigate to another page.

Q2. What is Group and Id in the plugin short code?

Go to Dashboard ==> Settings ==> Popup with fancybox

In the above page, we can view all the existing popup messages, Message ID available in the first column of the grid, and 5th column we can see the group name of the popup message.

Q3. How to modify popup window style?

CSS file name
popup-with-fancybox\inc\jquery.fancybox.css

Class name

.fancybox-content-inside {

}

We can easily update the popup window style in the above mentioned css class name.

Q4. How to setup expiration date for the popup message?

Expiration date option available from version 1.1. In the admin you have a separate text box to enter expiration date.

Download location

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

Plugin official webpage


http://www.gopiplus.com

Video tutorial

http://www.gopiplus.com/work/2013/09/29/popup-with-fancybox-wordpress-plugin-video-tutorial/

68 comments

  1. I can’t seem to get any jQuery or Javascript running inside the Fancybox…for example, I need to be able to hide a DIV inside the fancybox that only shows when someone clicks on a link I have in the fancybox…I’ve tried many variations and no luck.

    Is this a limitation or should this be possible?

    Thanks!

  2. Hi, I would like to make the popup occur only once per session (i.e. no more popup after refreshing the page) but the check button provided does not seem to do the job.

    As I am new to web design (school project actually) I tried to use javascript cookie check to get it done, but I don’t know how to code in order to invoke the popup in javascript, could you help me? Thank you!

        • I made it very clear that the Session Option has no effect at all. Whether a YES or NO the popup will come out every time I refresh the page (or come back after navigating away) Chrome. IE, Firebox don’t matter it just won’t work.

          So I try to code it myself and now I need to know how to invoke this specific popup in javascript code instead of the code segment [popupwfancybox group = “GROUP1”] in HTML

  3. Hi,

    Thank you for the plugin. It works as advertised. Although I am trying to run a shortcode in the pop up. I would use the anything pop up but i need the on page load functionality. Can you please help ?

    • Hi Zain, This plugin is developed to display HTML content, you cannot use other plugins short code in this. i will try to create separate plugin for this option. Thanks

  4. Hi Gopi !

    Thanks for your the use of your nice plugin ! The option for “one per session” is very useful.

    I would like to add a html link code inside the fancy box (ie in the popup message content) to close the box. I mean, i want the user able to close the box, both by clicking on the cross, and by clicking the html link inside the content box. Couds you pleaase give me a hand ? I don’t know javacript, only html …

    Thanks in advance.

  5. Nice work, Gopi. I second Zain’s idea of the shortcode inside the popup. That would come in really handy for some of my applications too.

  6. Yes please add ability to add a SHORT CODE in the popup – I need a OPTIN form to pop up but it uses a shortcode. thanks

  7. Hello, nice plugin, thanks, i would like to make the pop up appear on click, is this possible?

  8. Hello ,
    Is there a way to laod the fancybox after 5 min ? And not immédiatly when the visitor come on the page ? (the idea is to tell the visitor : “if you like this site, please like the content ” ) => if he had not yet read the site , it could not want to like the content 😀

  9. Hi,Dear:I want to add a popup contact form window to the button of CALL TO ACTION,how could I do?

  10. Can shortcodes work in widgets?
    I have a 2 language website and I would like to have GROUP1 on one language site and GROUP2 on the second language site?

    Thanks

  11. 1. Popup shows on all pages even i’ve already set the Session option to yes
    2. Popup timeout not working

    Help, please check my website

  12. Hi Gopi,

    Many thanks for making this free. You also have tons of the other stuff, which I will explore obviously. I have a question. Is it possible to display pop up after every 10 mins automatically, that’s without refreshing the page?

    Once again thanks for your software. It’s lightweight and awesome.

    cheers

  13. I need to make this responsive. Currently setting the width in the admin sets it for every screen size. This doesnt work of course, because on phones and tablets it might be to wide.

    Do you have any plans to fix this so it is responsive?

      • The % doesnt really work. On a phone you will want it to be 90%, but on a big 20+ inch screen you might want it at 40-60% at most.

        I would still need a way to specify two different sets of width/height.

        There is never a reason to have a popup at 90% of the screen on a big desktop monitor, but on a phone thats standard.

  14. Hi Gopi
    Thanks for this plugin.Since the plugin does not support short codes(which would make an excellent plugin by the way) .
    1)How does one add video to the popup?.
    2)Can one add self hosted video to the popup ?
    3)Do you do custom work(you seem to be an expert in popups ?
    Thanks again.

  15. Hi, gopi, I like your wordpress plugin, Email newsletter and pop up plugin, Could you make another plugin to pop up Email Subscriber form for Sign Up newsletter .

  16. Thanks for this great plugin. It’s simple and works great. My only issue is that I have the setting set to only show the popup once per session but it’s displaying everytime you visit my homepage. Any ideas?
    http://tmcn.org

    Thanks

    • I am having the same issue. Under “Popup Setting” i have the “Session option (Global setting) set to “YES”. The description underneath says “Select YES to show popup once per session, Meaning, popup never appear again if user navigate to another page.” However, when I navigate away from and then back to homepage, the popup is still being displayed.

  17. Hi, can i force the visitor to read the pop-up, or just exit with the button only? Thanks for the answer!

  18. I though that the timeout field would allow the popup to disappear after so many milliseconds but it seems that means to when it actually appears after page load. Can you set it up so that the popup goes away without a user clicking on it?

    Thanks!

  19. The video is not centered and has scroll..
    Is it possible to get rid of scroll so it displays video centered?
    Nice plugin by the way
    Regards Ronny

  20. The popup box is in Shop page using shortcode [popupwfancybox id=”1″]
    The box pops up every time I return to the Shop page during a single session. This behavior occurs in Chrome, IE, and FIrefox.
    In addition, when changing the popup width to 30% it becomes very narrow; also in every browser.
    Please help, I wold love to use this plugin.

  21. I need an answer to this previous post: The popup box is in Shop page using shortcode [popupwfancybox id=”1″]
    The box pops up every time I return to the Shop page during a single session. This behavior occurs in Chrome, IE, and FIrefox.
    In addition, when changing the popup width to 30% it becomes very narrow; also in every browser.

  22. I used this plugin it’s very nice ! the only problem I have that when I used a table in it there is too much space above ! how can I remove this space please ? thank you

  23. i have installed this plugin and pasted the code in the footer to display the welcome popup only on home page but nothing happened, kindly guide me what am i missing to do it???

  24. hello,

    i really like the ease of use for this plugin a lot; but i am having a lot of problems getting it to work on the theme i’m using. i have tried adding the shortcodes, i’ve tried the footer (but that really kind of botched things up for me – no doubt my fault). can you please guide me? thanks a million,

  25. Nice plugin!
    I have only one problem. When opening page with the link the music from video starts first than the popup comes with video and again sound. So i’m hearing 2 sounds delayed When i click away the popup the popup video with sound dissapears and the music is still playing.
    Please help!

  26. Hi, great plugin, one of the few that really works! 🙂
    Btw i can’t find the option to show the popup only once per session, can’t see it in the settings.
    Where can i find it? (I’ve the lastest version 1.7)
    Thanks

  27. Hello. Very nice plugin! But I am trying to set an auto play using the wordpress Video Details (checking Autoplay box) but I am getting double audio. Any help?
    Thanks,
    Edgar

  28. Hello. I have added your pop up to several of my sites and when I use the widget it works fine on every page. Now I am trying to add a pop up only on one page on my site. I added the short code and triple checked everything and the pop up does not work. I tried again with using the widget and it works. I remove the widget and again add short code to a page and nothing pops up.
    I see there are several other comments recently that are saying they are having a problem. Please help.
    Thank you in advance.

  29. I don’t have Popup Setting (Button) option for this plugin Version 1.7 in my wordpress 3.6 under

    Go to Dashboard ==> Settings ==> Popup with fancybox ==> Popup Setting (Button)

    How can I fix it?

  30. Hi,

    I downloaded the latest version of this plug in i.e. Version 1.7 on my localhost. I added the widget into the slider. also I added the following code into footer file.

    But still the popup is not appearing.
    Can you please guide me.

    Thanks,
    Sapna

  31. I put in the shortcode but I cannot select Group1 in the pop up with fancy box settings. I have 2 Group2’s -Group 11. How should I move forward?

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