Skip to main content
Building a Lightbox
Updated over a week ago

Most brand's use pop-up content to offer discounts in exchange for emails when users visit their site. With Jebbit, you can take something that everyone is doing and make it better! Build out complete quizzes or simply ask your audience a few questions with our Lightbox tool. Turn a pop-up into an opportunity to engage your audience, collect valuable first party data, and sustain more genuine interactions with your audience over time.


Video Tutorial

Building a Lightbox

  1. From the Builder tab dropdown, navigate to "Template Gallery."

  2. To begin building a Lightbox, you must start by selecting a Lightbox labeled template from the Experience Gallery. Click on 'Lightbox' from the left hand menu.

  3. Select a Lightbox template over your choice by hovering your mouse over the template and selecting 'Use Template.'

  4. You will be brought to the builder map where you will be able to edit and style your Lightbox, just as you would for any other standard experience!

Capturing a UID with Lightbox

Lightbox and Companion deployments differ from standard Jebbit deployments because they are launched via JavaScript on your site, whereas standard experiences are launched via a direct URL or a URL embedded in an iframe. For that reason, capturing a UID with a Lightbox or Companion deployment requires a slightly different setup than capturing a UID via URL for standard experiences.

  1. Place the Global Snippet Code on your site as you normally would. Review instructions for launching Lightbox or Companion as needed prior to this step.

  2. Add an additional line of JavaScript right below the Global Snippet Code on your site. This is the JavaScript that you need to add:

    window.JebbitObject.userId = 'camel-penguin-crocodile-mouse';
  3. Replace 'camel-penguin-crocodile-mouse' with the actual tag that will allow you to dynamically capture a UID for known users. What you place here will be determined by your team.

Frequently Asked Questions

Q: Can I do a split screen layout for mobile?

A: We don't recommend setting up a split screen design on your mobile layout. This is because a split screen layout for mobile isn't an optimal use of the small space that you have to engage your audience. You can use a split screen design for your desktop layout.

Q: There's too much scrolling in my experience. How do I optimize my design for Lightbox?

A: The best way to reduce scrolling on a Lightbox is to make the content on your screen smaller. This means reducing font sizes, and moving buttons into columns. You can move buttons into columns by adding a Container element to the screen, and then adding the buttons into the Container. If your buttons were not in a Container to start, then you'll need to delete the old buttons when you add new ones into the Container.

Q: Can the size of the Lightbox be changed?

A: There is no way to modify the size of the Lightbox unit. With that being said, all Jebbit experiences are responsive so the unit will resize automatically based on the size of a user's screen for an optimal user experience.

Q: Can I allow users to skip the Lead Form if we have captured their UID?

A: Currently, there is no way to allow users to skip a Lead Form, even if you have a UID captured for their session. This is specific to Lightbox and Companion deployments only as you are able to set your experience up this way when you launch a standard experience.

If you intend to target known and unknown users with your Lightbox or Companion deployment, then you should add a Lead Capture screen to your experience because it will be shown to all traffic. If you intend to only target known users, then a Lead Form won't be necessary as long as you are capturing UIDs.

Did this answer your question?