Looking for a popup that will automatically open after a specified amount of time? Then check out my Simple Auto Delay Popup WordPress plugin.
Here’s my first WordPress plugin; blood, sweat, and tears have gone into making this simple thing. The function of this plugin is to easily create a simple popup window like so.
I figure there’s got to be a bunch of bands/musicians using WordPress that need an easy way to create a popup music player to showcase their songs without having visitors go to a separate page of the site.
*This plugin is compatible with WordPress 2.8 and above.
Installation
- Download and install/activate this Simple Popup plugin.
- Adjust settings in the options page.
- Use.
Usage
Shortcode
Create a popup link in by using this shortcode within the post or page editor:
Shortcode Attributes
- url = ‘*The url you wish you popup. The only required attribute.’
- width = ‘The width of the popup in pixels. Overrides the width set in the options screen.’
- height = ‘The height of the popup in pixels. Overrides the height set in the options screen.’
- class = ‘Add a custom class to the link (simple_popup_link is added to each link by default)’
Popup Links in Template Files
If you would like to use the shortcode in a template file simply call it like so:
<?php echo do_shortcode('[popup url="http://popupurl.com']LINK TEXT[/popup]'); ?>An image can be used as the link as well:
<?php echo do_shortcode('[popup url="http://popupurl.com']<img src="http://imageurl.com/image.jpg' />[/popup]'); ?>Widget
Options Screenshot
Changelog
2/23/09 – Version 2.0 – Now has an option for toggling scrollbars, a widget for easily adding a link to the popup in your sidebar, and a template tag for adding a link wherever else you might want one! Roll it!
11/1/09 – Version 3.0 – Added support for multiple popup links. Now has the option to position the window on the screen. Removed widget.
11/3/09 – Version 3.1 – Brought back widget with easier usage!
1/15/10 – Version 3.2 – With the help of Rich added ability to use multiple popups in the widget and window centering support.
8/17/11 – Version 4.0 – Added the ability to change dimensions of individual popups via width & height attributes in the shortcode. Also added a ‘class’ attribute so you can add a custom class to the link if desired.
Thanks for a great plugin!
I saw this question asked, but not answered- how do I make the pop-up page show only the content of the page or post and not the header and sidebar? Like your music player page.
Hey, thanks for the comment. I’m using a custom page template which only shows the music player and linking that page up to my popup link. I wrote a post on how to create the music player popup here:
http://www.grimmdude.com/how-to-create-a-popup-music-player-using-the-simple-popup-plugin-for-wordpress/
If you’re just looking for how to create a custom page template you can check out the WordPress documentation here:
http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates
Hope that helps,
-G
Hi there, your plugin really is the mutts nuts! Seriously, it has helped us out at mooedia big time!
Quick question:
We use wordpress and in our posts have buy now buttons for the products and services that we sell.
We would like it so when the buy now button is clicked it goes to the popup plugin and brings up the popup with the destination url in it.
How would we do this?
Here is the shortcode for the button:
[button_blue link="http://www.mooedia.co.uk/?page_id=1323"]Buy Now [/button_blue]
How could we incorporate the popup code from your plugin to make it work when the button is clicked?
[popup url="http://popupurl.com']LINK TEXT[/popup]
Many thanks for your help.
We would like to enable the popup
Hi Tom, sorry for the late reply. Well, the popup shortcode generates a link and I’m assuming your button_blue shortcode generates a link as well. So they wouldn’t really work together as just shortcodes.
Not sure of your level of html/css, but what I would recommend is just use the popup shortcode and add the class attribute (see documentation in this post). Then you can style that class with the same css as the blue_button uses. Hope that helps,
-G
I’m wondering how to get the popup to open when the link is a menu item. I’m trying to create a popup that has a music player inside it and want to link to be on the main menu. How would I go about tackling this?
Hi Robert, have you tried using the widget?
-G
Yes Garrett.
Its great but I want the actual link to appear in the main menu of the site. Sorry to make it compicated.
The site is working progress but its:
http://soundmachine.me
What i’m trying to get is a link next to the “contact” option which when clicked opens the window
Can you ad an option for no resizing the popup window?
Thanks
Hey man, just wanted to say thanks for your help today. Nothing better than seeing a good useful plugin have top notch support. I owe you big time! Keep up the good work
Maybe I can’t do this!
Tried to use your popup from an image map. Was elated when it worked exactly as I hoped, BUT when I actually published (it still worked) it dropped the code from the editor with the result that some code was displayed below the image.
Apparently wordpress 3.3.1 doesn’t like your code and drops it from the editor, even though it seems to function.
Did I maybe miss a step?
Hi Jacque,
Thanks for your comment. Hmm, I’ve never tried using an image map with this plugin so I can’t give you a complete answer, but I’m using WordPress 3.3.1 on this site and the plugin doesn’t have any issues (with text or image links). Can you post a link to an example of what it’s doing?
-Garrett
I’m sorry, as a result of the problem I pursued another approach which works.
I didn’t maintain your plug-in.
The problem was that the code to call the popup would simply disappear from the editor once published.
Hi, I love the plugin but I dont know how to use an image instead of text please help.
If you just use that will make an image appear instead of text.
I’m glad that you shared this helpful info with us,keep doing your great job.
hi. How do we hide the URL in the link of the pop window? Is there a way or setting not to show the Url on the popup window? thanks, i hope you can help me.
Is there any way to change the font attributes of the link text? (eg. size, color, etc.)
Also, is there any way to open the link in a simple blank page w/o the menu, header, widgets, etc. (assuming I’m linking to one of my website’s pages)? thanks!
I think probably the best way to accomplish what you are looking for would be to just write a simple html document. Upload it to your server and link to the html document.
is it possible to get rid of the bullet points for the widget links?