Creating Lightboxes

Lightboxes pose a way to present additional information to your users after a certain event or trigger.

In the context of Bunting, good uses for these tools are to create brand awareness (such as promoting a featured item specifically), reiterating unique selling points (such as the number of 5 star reviews), gaining feedback via forms, and encouraging sales via promotions.

Here we will build a lightbox using the Bunting built in tools, and will configure it to trigger under different circumstances.

In each of the scenarios below, please carry out the following steps first.

  1. Within your Bunting account, please select Inactive Campaigns.
  2. Click Create New Campaign in the top right corner.
  3. Select From Scratch.
  4. Leave the targeting for now, we’ll come back to it.
  5. Click On to the next step.
  6. Where it asks you what type of content do you want to create, select Pop-up lightbox.
  7. Click Next Step.
  8. Set Run a split-test to measure impact to Yes.
  9. Click Save & Finish.
  10. You’ll see your newly created Lightbox in the list. Click its title and select 2. Content.
  11. There will be a piece of content titled Lightbox, click this and select Lightbox Settings.
  12. Here you can change the look and feel of the Lightbox, along with other configuration options.

How to trigger the Lightbox when…

…the users tries to copy a Product Title

Within the Lightbox settings, select When a visitor clicks a HTML element with the ID or Class. You will then see another form field in which you can enter a selector. For a ID enter it in the form #id and for a class of the form .class

…the user visits a certain page

Within the Lightbox settings, leave the trigger at As soon as the page loads.

However now go to 1. Visitor Targeting, and we must add a condition which specifies what page the user must be on to see this targeting.

Click on the first dropdown on the left hand size to reveal the visitor targeting conditions you can choose.

Under Current Visit Metrics, choose Current URL, and in the right hand  size paste in your URL of the page.

 

Tip: You can also relax the rules to exclude/include keywords if you change the middle drop down from is equal to to contains or does not contain.

…the user arrives from a certain PPC campaign

Within the Lightbox settings, leave the trigger at As soon as the page loads.

However now go to 1. Visitor Targeting, and we must add a condition which specifies where the user originated from in order to trigger this content

Click on the first dropdown on the left hand size to reveal the visitor targeting conditions you can choose.

Under Current Visit Metrics, choose Referring URL and in the right hand  size paste in your URL of the page. This is useful if a user has come from a specific origin e.g Instagram.

You can target based on PPC and originating search keywords by choosing Current Visit Metrics, then Referring search keywords.

Tip: You can also relax the rules to exclude/include keywords if you change the middle drop down from is equal to to contains or does not contain.

… the user has been on the page for longer than X seconds

Within the Lightbox settings, select When the visitor has been on the page longer than (seconds).You will then see another form field in which you can enter an integer (e.g 45).

… the user has scrolled to the near bottom of the page

Within the Lightbox settings, select When the visitor scrolls and approaches the bottom of the page.

… the user scrolls down by a specified number of pixels

Within the Lightbox settings, select When the visitor scrolls down the page up to (in pixels). You will then see another form field in which you can enter an integer (e.g 500).