How to Add A Teaser for Your Lightboxes

A teaser is a small site widget that, when clicked, shows a larger lightbox. Teasers allow you to minimize or dock a lightbox on the corner of your site window when your site visitors close them.

You can use a teaser to remind your visitors that they can access the information or form on your lightbox without obstructing their view. This is great for newsletter signup forms, which visitors may not want to submit until they’ve read a bit of your content first. For eCommerce sites, teasers are great for displaying ongoing promotions, free shipping information, or coupon code information for later access.

To add a lightbox teaser to your site, follow these steps.

Step 1

Log into Digioh and select the lightbox you want to edit.

list of lightboxes in digioh

Step 2

Click the Teaser section on the left side of the editor.

click the teaser tab in the digioh editor

Step 3

Set the Display toggle to “On” and choose your teaser’s position and size.

lightbox teaser options

Add some text, select the font, and choose some colors for your teaser.

Step 4

Click Save and Preview.

save and preview lightbox teaser

Step 5

Time to take a look at your new teaser! In the preview window, close your lightbox to see the teaser in action.

close lightbox

The teaser will appear in the position you selected in Step 3.

example of a teaser that docks in corner when lightbox is closed

Step 5

Click Save and Publish to push your changes to your site. Your teaser will now appear on your site when visitors close the associated lightbox.

Related Reading: