Iframe and Examples

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

Version 1.8 - 05 January 2017

  • Uses Joomla Update System

Text to Iframe Popup

Shortcode

{popup text="Iframe Popup" url="https://www.infyways.com" popwidth="500px" popheight="300px"} {/popup}

Image to Iframe Popup

Shortcode

{popup class="imgleft imgmargin-10"  url="https://www.infyways.com"image="images/corporate/small/1.jpg" popwidth="800px" popheight="500px"}{/popup}
{popup class="imgleft imgmargin-10"  overlaytext="Infyways" icon="fa-info" overlaytextborder="2" overlayopacity="0.8" overlaybgcolor="#ff5555" url="https://www.infyways.com"image="images/corporate/small/2.jpg" popwidth="700px" popheight="500px"  }{/popup}
{popup class="imgleft imgmargin-10"  icon="fa-comment" overlayfontsize="20px" overlaybgcolor="#17B3E8" url="https://www.infyways.com" image="images/corporate/small/3.jpg" popwidth="600px" popheight="500px"  }{/popup}
{popup class="imgleft imgmargin-10" overlay="true" overlaytext="Infyways Iframe"  overlayopacity="0.8" url="https://www.infyways.com"image="images/corporate/small/4.jpg" popwidth="500px" popheight="500px"  }{/popup}

Button to Iframe Popup

Shortcode

{popup class="ibtn ibtn-yellow imgleft imgmargin-5" url="https://www.infyways.com" text="Youtube Video" popwidth="500px" popheight="300px"}{/popup}
{popup class="ibtn ibtn-blue imgleft imgmargin-5" url="https://www.infyways.com" text="Vimeo Video" popwidth="500px" popheight="300px"}{/popup}
{popup class="ibtn ibtn-red imgleft imgmargin-5" url="https://www.infyways.com" icon="fa-vimeo-square" text="Vimeo Video" popwidth="500px" popheight="300px"}{/popup}

Example 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum iaculis magna et porttitor. Ut finibus erat et elit scelerisque bibendum ut a augue. Ut quis lacus tempor, hendrerit ipsum in, tempus diam. Aenean leo diam, tempus id feugiat et, ornare sed ex. Donec et massa tincidunt, pretium ipsum nec, ultricies odio. In hac habitasse platea dictumst. Phasellus lobortis ipsum lectus, sit amet cursus sapien accumsan et. Nulla in sagittis dolor. Duis mauris risus, tincidunt vel consequat in, convallis sit amet velit. Nullam venenatis bibendum arcu, et bibendum lorem imperdiet at. Mauris id nisi vel elit auctor rhoncus ac ac leo. Nam tincidunt tellus ut purus bibendum, pretium pharetra mauris commodo. Praesent ut aliquet nibh, in tincidunt magna. Duis sit amet leo dapibus, bibendum orci nec, dignissim est. Donec condimentum nulla vitae odio dictum lacinia. Duis sed dui at velit posuere elementum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eleifend lorem vitae lacus consectetur, non viverra ligula auctor. Sed vitae accumsan est, vitae tristique mauris. In hac habitasse platea dictumst. Nulla in luctus nibh. Quisque blandit faucibus lacus, vitae scelerisque metus consequat quis.

Example 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum iaculis magna et porttitor. Ut finibus erat et elit scelerisque bibendum ut a augue. Ut quis lacus tempor, hendrerit ipsum in, tempus diam. Aenean leo diam, tempus id feugiat et, ornare sed ex. Donec et massa tincidunt, pretium ipsum nec, ultricies odio. In hac habitasse platea dictumst. Phasellus lobortis ipsum lectus, sit amet cursus sapien accumsan et. Nulla in sagittis dolor. Duis mauris risus, tincidunt vel consequat in, convallis sit amet velit. Nullam venenatis bibendum arcu, et bibendum lorem imperdiet at. Mauris id nisi vel elit auctor rhoncus ac ac leo. Nam tincidunt tellus ut purus bibendum, pretium pharetra mauris commodo. Praesent ut aliquet nibh, in tincidunt magna. Duis sit amet leo dapibus, bibendum orci nec, dignissim est. Donec condimentum nulla vitae odio dictum lacinia. Duis sed dui at velit posuere elementum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eleifend lorem vitae lacus consectetur, non viverra ligula auctor. Sed vitae accumsan est, vitae tristique mauris. In hac habitasse platea dictumst. Nulla in luctus nibh. Quisque blandit faucibus lacus, vitae scelerisque metus consequat quis.