How to put a lightbox (pop-up modal) on my page?


#1

How to add a lightbox javascript tool (such as http://www.huddletogether.com/project… ) ?


#2

I also have this question, going through and trying to get a shadowbox.js running to open video content in a lightbox window, however it didn’t work. The code should have been accurate as it’s the same code structure that I have on another non-unbounce site. Hopefully they’re working on it. I know from another thread that’ve talked about it being on the release horizon…


#3

Thank you Matalin!


#4

Can you paste the custom code that you used in this portal please.


#5

Hey guys, we now have two articles in our knowledge base that walk you through the steps to set up a lightbox window:

To display some text in a lightbox (such as privacy policy, terms of use etc.) see:
http://support.unbounce.com/entries/3…

Whereas to display images in lightbox see:
http://support.unbounce.com/entries/2…

As usual, you can send us an email to support@unbounce.com if you run into any challenges and we can take a look.


#6

Hey guys, I’m really sorry this question got missed for so long, hopefully you’ve got things to work. If not…

You should be able to implement any 3rd party javascript with your Unbounce page. A couple of things to be aware of:

  1. If your page has a form in it, then we are automatically including jQuery. We run jQuery.noConflict() as well, which means you will need to reference ‘jQuery’ as opposed to the '' dollar sign. So ("#my-element") will not work, but jQuery("#my-element") will.

  2. You’ll need to host the scripts somewhere. Here’s a great resource for getting the most current script tags for some popular libraries: http://scriptsrc.net/

Other than that, we’ve been able to implement Fancybox without any problems, let me know if you’re still having trouble and I can take a look at the page in question.

Cheers,
Carter


#7

UPDATE (DECEMBER 2015):

We’ve released a new feature into beta that allows you to build/launch your lightboxes directly within the page builder itself. This new release will allow you to add images, videos, forms and even scripts (such as Google Maps) to your lightboxes. 

Go check it out and sign up for the beta  here


#8

:unbounce: Update from Unbounce Team

We’ve officially released Lightboxes as a native, built-in feature in Unbounce.

https://unbounce.com/features/lightbox-forms/

Here’s some handy articles to help you get started with using lightboxes in Unbounce.

Looking to use custom-built lightboxes outside of your landing page? Check out our newly launched Unbonce Convertables, which allows you can launch targeted overlays on top of any web page, each with a dedicated call to action.

https://unbounce.com/features/convertables/