Tutorial: Lightbox dialogues

A quick win for many new BlueConic users comes from taking advantage of the lightbox interaction type. Dialogues built with the lightbox interaction type give marketers the ability to quickly and cleanly place an offer or message in front of a relevant segment of customers and visitors. Let's take a quick look at how this is done.

First, the end result… the lightbox!


  • To get started, go to the Dialogues tab in BlueConic:

  • Click “Add Dialogue”, and you’ll go straight to the “Who” tab of dialogue configuration.

  • Enter a name for your dialogue (e.g. “Register today”), and use the bar beneath the “Who” tab to select your audience.

    Your options here are:
  1. All visitors – no audience selection. This dialogue will be displayed to all visitors who visit the channel/pages configured on the “Where” tab.
  2. Select an existing segment. If segments have been defined at Profiles > Segments, you can select a segment here.
  3. Create your own segment. You can also create a dialogue-specific segment on the fly right here. 


  • After making your selection, click the “Where” tab and select the channels/pages you’d like the dialogue to be visible on.

  • From there, click the “Interaction” tab and select the lightbox interaction type in the “Properties” menu at the right.

  • For our example, we know the size of the desired lightbox will be 360x175. The height and width can be adjusted in the same “Properties” area any time. 

  • The interaction can be dropped in as HTML using the HTML editor, or we can design the interaction directly in BlueConic using the rich text editor. For example:

  • When you’re done editing, click “Ok” and then click over to the “Success” tab.

    BlueConic is going to track clicks to our links in the lightbox automatically. Sometimes that's all the success you need, but often there is a specific outcome we’re looking for. We can configure that here -- in our case, let's use a thank_you.html page load by creating a URL-based success rule:

  • Save the dialogue by clicking “Save” at the top right.

  • Before you go, click the arrows next to “Labels” to review the rest of the general configuration. It is here where you control the frequency, for example if you only want this lightbox to appear once per day:

For future consideration:

  1. Use events, such as exit intent or inactivity to trigger a lightbox.

  2. Add relevancy to your lightboxes based on inbound campaign tracking URLs (set up a query string parameter listener, or use the utm_campaign profile property).
  3. Speak to your individual customers and visitors directly using profile property info! Any data that you've stored in profiles for your known and anonymous users can be displayed back to the user. Look for this icon while editing your dialogue content:

We hope you've enjoyed following along! Why not take a look at the content replacement dialogue tutorial next?