Once again, CollectiveRay is back with one of those golden Joomla nuggets. We have created a plugin which allows you to quickly and easily create a Joomla popin window to mimic business web design. This plugin is useful to boost your newsletter subscriptions, to invite your users to participate in a survey, possibly to popin a window which allows users to play a sample of your music or to quicly attract attention to some new functionality of your site.

{popin}

There are two versions of the plugin, a Free version (which contains an advertising link to our website which is invisible to your users), and a Pro version which does not include this link. Otherwise but versions are identical.

Joomla Popin Plugin PRO - Download (€3.00)

Joomla 2.5 and Joomla 3.0

There is no difference between the PRO and the FREE version. The PRO version is a small contribution to the development (hey you can afford the price of a beer right? Especially if this module has helped you out)

If you like it, please take a moment to write a small review on the Joomla Extensions site, vote for us, or link to us! 

Joomla Popin Plugin - Download (Free)

Joomla 2.5 and Joomla 3.0

To install go to Extensions > Install / Uninstall (or Installers > Mambots for Joomla 1.0.x) and choose the file you just have downloaded. If you like it, please take a moment to write a small review on the Joomla Extensions site, vote for us, or link to us! 

The plugin should be fairly easy to use, however if you find any problem while use it, please drop a line in the comments below, and we try our best to support you. If you like it and used it, please do leave a comment with a link to your site or in the Site Showcase in the forums, it  would be good to know that other people have found it useful. Please note that the plugin is session aware, i.e. it only shows only once each time you visit a site.

A demo of usage of the window loads with this page.

Configuration and Usage

The plugin allows you to enter your own HTML into the window, thus the possibilities of using this module are endless. Just create the HTML you would like to display in the window, go to Extensions > Plugin Manager > Joomla Popin Window (or  Site > Mambots > Joomla Popin Window) and put the HTML in the parameters of the plugin.

Once you have input the HTML, publish the plugin, and insert the { popin } text (remove spaces) into the article where you want the popin window to appear. Remember that plugins only get triggered once they find the { popin } text in an article.

How to display on the frontpage

There are two options to always display the popin window.

1. Put the { popin } tag in an article which is displayed in your frontpage

2. With Joomla 1.0, you could just put the { popin } in a mod_custom module. Unfortunately, this is not an option in Joomla 1.5. However, there is some code adjustments which will allow you to do this.

Put the following code in the index.php of your template:

 

Example Usage - Attract attention to new content e.g. new image gallery

The below is code to have display a few sample images in your popin with link to the fully gallery. Customize your code accordingly.


Hi there!

Have you seen our latest smilies album (picture gallery) ?

A sample of the images is found below. Click on a picture to view the rest of the album.


imagegallery

Example Usage - Survey for your customers

Create a survey in the popin window, Create a poll using the Joomla polls component. Publish the module (temporarily). Then copy the code generated by the polls module and paste it into the HTML of the plugin. Unpublish the polls module so that it only shows in the popin window.

polls

Example Usage - Newsletter subscription

Get the code generated by your newsletter subscription component and paste it into the HTML of the plugin

newsletter

 

You can customize also the look and feel of the popin window, including window size, position, resizability, and various other parameters, which are quite self-explanotory. Take a look at the screenshot of the parameters below.

popinwindowparameters

Internet Explorer Problems

IE is very intolerant with the mambot it seems. The mambot is rendering tags where there is an or whitespace, and IE is not happy about this. To resolve the problem please remove all whitespace and newlines between your HTML tags.

E.g. if you have

 

This is a cool popin

 

Change it to:

This is a cool popin

And so forth for the rest of the HTML. Eventually the mambot will be updated to fix this problem.

Support

Please post to the comments if you need help in configuring the module.

Do you like this module? - Buy me a beer (€3)

If you liked this module, please consider buying me a beer. Every drop counts! No guarantees that any donations will be spent on new development rather than beer, though every effort will be made to spend all donations on new developments. This is another module developed by CollectiveRay, a blog for web designers.

Please use the Donate button on the bottom right to donate via Paypal.

Feature Requests

  • Multiple popins
  • Different styles e.g. rounded corners
  • UTF8 support

Warning: Installing 3rd party extensions may compromise Joomla's security. Make sure that you trust any 3rd party extension that you install.

One more thing... Did you know that people who share useful stuff like this post look AWESOME too? ;-)
Please leave a useful comment with your thoughts, then share this on your Facebook group(s) who would find this useful and let's reap the benefits together. Thank you for sharing and being nice!

Featured On

Inc Magazine Logo  

Sitepoint logo  

CSS Tricks logo   

webdesignerdepot logo   WPMU DEV logo   

and many more!

Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to MaxCDN!

Web Hosting MaxCDN - Speed up your website

New! DIVI 3.1 WordPress Template + PageBuilder

You'll surely create a perfect website with Divi 3.1!

Get an exclusive 10% OFF for CollectiveRay visitors until

Divi 3

 

WordPress Elementor Sale

Themes for the most popular WordPress page builder from TemplateMonster!

We've got an exclusive 10% OFF for CollectiveRay visitor until - use Coupon Code: collectiveray

TemplateMonster Elementor sale

 

TemplateMonster Bundles

Awesome bundles for awesome websites. $1300 worth of products for $49 only!

We've got an exclusive 10% OFF for CollectiveRay visitors until - use Coupon Code: collectiveray

TemplateMonster Bundles

How to make your website FAST!

Step-by-step - free email course, how to make your website load in less than 1 second 

The Outstanding HungryJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get a bundle for just $9 - ONLY!

The Hungry JPEG Awesome font bundles

 

Advertise on CollectiveRay.com

CollectiveRay (formerly known as DART Creations) is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)

 

 

Disclosure: CollectiveRay is funded personally out of pure passion for helping people working with websites. We do however generate some income through recommendations of products. This means if you click on a link and purchase an item we link to, we will receive a small sum out of that sale. We usually partner with vendors to make your purchase cheaper than buying direct.

Popular Content

Joomla extensions to take your website to the NEXT level

Is your Joomla website reaching its full potential? We install many of these extensions on almost ALL of our Joomla sites - why don't you check them out our list of Joomla Extensions and see whether you can take your site to the next level?

who are we?

CollectiveRay is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run DronesBuy.net - a website for drone hobbyists.

David attard

Follow us on Social

Follow us on Facebook   Follow us on Google+   Subscribe to our RSS Feed   Follow us on Twitter