Lightbox Popup

What’s this?

Need anything in a popup window? This shortcode is what you need. Use almost anything as a trigger and add text, images, forms, videos etc inside the popup. Even trigger on page load. Check it out.

Lightbox

Open
With
Any
Button
Style

Open with icons

Open with images

Add any content in this FancyBox

alt_tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[lightbox]
[lightbox_trigger]
[button color="style-light" icon="fa-external-link" size="med"]Open[/button]
[/lightbox_trigger]
[lightbox_content]
...
[/lightbox_content]
[/lightbox]

With fixed size

Open

Add any content in this FancyBox

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[lightbox width="450"]
[lightbox_trigger]
[button color="style-light" icon="fa-external-link" size="med"]Open[/button]
[/lightbox_trigger]
[lightbox_content]
...
[/lightbox_content]
[/lightbox]

With elastic animation

Open

Add any content in this FancyBox

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Get code

[lightbox width="500" open_effect="elastic" close_effect="elastic"]
[lightbox_trigger]
[button color="style-light" icon="fa-external-link" size="med"]Open[/button]
[/lightbox_trigger]
[lightbox_content]
...
[/lightbox_content]
[/lightbox]

With a map

Map

Get code

[lightbox]
[lightbox_trigger]
[button color="style-light" icon="fa-external-link" size="med"]Open[/button]
[/lightbox_trigger]
[lightbox_content]
[div class="flexible-frame"]
<iframe src=" ... " width="360" height="360" style="border:0"></iframe>
[/div]
[/row]
[/lightbox_content]
[/lightbox]

Quform plugin popup

Contact form

This field should be left blank.

Get code

[quform_popup id="8" name="Footer form"][button color="style-light" icon="fa-external-link" size="med"]Contact form[/button][/quform_popup]

With a form and map

Contact form

Contact us

This field should be left blank.

Address

145-157 St. John Street,
London,
England,
EC1V 4PW

Get code

[lightbox]
[lightbox_trigger]
[button color="style-light" icon="fa-external-link" size="med"]Open[/button]
[/lightbox_trigger]
[lightbox_content]
[row padding="0" gaps="1" convert="phone-width-100"]
[col width="50"][fancy_header margin_bottom="20" bold="1" type="style1 prime-line animate-line"]Contact us[/fancy_header][quform id="8" name="Footer form"][/col]
[col width="50"]
145-157 St. John Street<br/>
London<br/>
England<br/>
EC1V 4PW<br/>
[section_break type="line" /]
[fancy_header margin_bottom="20" bold="1" type="style1 prime-line animate-line"]Address[/fancy_header]
[div class="flexible-frame"]
<iframe src="..." width="360" height="360" style="border:0"></iframe>
[/div][/col]
[/row]
[/lightbox_content]
[/lightbox]

Variations

Change the Skin for this Case Study

Demos