Easy Popup
Responsive joomla system plugin which can be used anywhere in a website.It can popup text contents, images, iframes and videos by clicking a text or an image.
✕

Plugin Joomla 3.x.x
Easy Popup Features
Latest Extension Version1.9
Last Updated 13 June 2020
- Opacity of the lightbox can be controlled.
- Set title inside or outside the popup box
- Set fade transition effects for popup box.
- Open content in popup when link clicked.
- Open image in popup when link clicked
- Open image in popup when image is clcked
- Use multiple popups in a page
Browser Supported





Responsive Extension
What's New?
Version 1.9 - 13 June 2020- Fixed issue with same content popup
- Option to set RGBA background color
- PHP Fixes
- Uses Joomla Update System
Text to HTML Popup
Simple Text PopupShortcode
{popup text="Simple Text Popup" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/1.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}
Icon with Text to HTML Popup
Icon Text PopupShortcode
{popup text="Icon Text Popup" icon="fa-plus" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}
Button to HTML Popup
Button to Popup Button to Popup Button to Popup Button to Popup Button to Popup Button to Popup Button to Popup Button to PopupShortcode
{popup class="ibtn ibtn-yellow" text="Button to Popup" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-red" text="Button to Popup" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-green" text="Button to Popup" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-orange" text="Button to Popup" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-blue" text="Button to Popup" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-grey" text="Button to Popup" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-violet" text="Button to Popup" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-dark-blue" text="Button to Popup" popwidth="500px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}
Button with Icons to HTML Popup
Icon Button to Popup 1 Icon Button to Popup 2 Icon Button to Popup 3Shortcode
{popup class="ibtn ibtn-yellow" icon="fa-comment" text="Icon Button to Popup 1" popwidth="600px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-red" icon="fa-plus" text="Icon Button to Popup 2" popwidth="600px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-green" icon="fa-archive" text="Icon Button to Popup 3" popwidth="600px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/2.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}
Icon to HTML Popup
Shortcode
{popup class="ibtn ibtn-blue" icon="fa-facebook" popwidth="600px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/3.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-red" icon="fa-pencil" popwidth="600px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/4.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-green" icon="fa-home" popwidth="600px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/4.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-yellow" icon="fa-comment" popwidth="600px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/4.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup} {popup class="ibtn ibtn-grey" icon="fa-cog" popwidth="600px" popheight="300px"} <img style="float:left;margin-right:5px;" src="/images/corporate/small/4.jpg"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultrices ipsum, pulvinar suscipit ligula hendrerit tempor. Aliquam a efficitur tortor, vitae feugiat risus. Sed nisi justo, pulvinar eget metus eu, tempor faucibus urna. Sed sagittis imperdiet mi sed consequat. Suspendisse erat eros, sagittis et purus eget, consectetur eleifend tortor. In viverra velit non sem vestibulum convallis. Suspendisse ornare magna ante, at placerat nunc scelerisque sit amet. Vivamus id nisl accumsan, pellentesque magna eget, ultricies nulla. Vestibulum at erat dignissim, dictum mauris vitae, aliquam velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec id suscipit ex. Aenean et ex at tellus consequat convallis. Integer posuere euismod enim, sit amet consectetur neque ullamcorper sollicitudin. Donec velit turpis, vehicula ut quam eget, mattis convallis elit. Aenean pharetra quis lorem vel pretium. Suspendisse vel sagittis massa. {/popup}