search

Lightbox Embed

A lightbox embed code allows you to easily display your Tourial in a pop-up modal when a user clicks on a button or link.

In addition to being able to embed a Tourial directly on your website using the code generated under the Embed tab, you can also add it to your site using Tourial's Lightbox Embed code.

hashtag
Using the Lightbox Embed Code

  1. The Tourial Lightbox embed code and HTML can be found under the Embed option in the Settings Menu -

  1. The code can also be found in the Publish/Share menu -

  1. You'll see two sections appear that you'll copy and paste to your HTML document.

  2. The class name is what you need to add to your HTML tag that triggers the Lightbox - this could be a button, image, link, etc.

  1. The next section is the code you'll add at the end of the <body> in your HTML document

Note: If you've already created a mobile version of your Tourial that you'd like to display, be sure to select Mobile Tourial Enabled to trigger the mobile version for users on mobile devices.

PreviousUpdating your Embed Code when changes are madeNextEmbedding Tour Centers

Last updated

Was this helpful?