# Lightbox Embed

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.

### &#x20;Using the Lightbox Embed Code <a href="#h_52c8b670aa" id="h_52c8b670aa"></a>

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

<figure><img src="https://67180079-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKaMCOI4HEb21AIKZlkHe%2Fuploads%2FsIb8unuQprNVlnSQNlJn%2FTourial-05-13-2025_01_22_PM.png?alt=media&#x26;token=f7a88216-8e1f-42d6-be28-e212761df5e4" alt=""><figcaption></figcaption></figure>

2. The code can also be found in the Publish/Share menu -&#x20;

<figure><img src="https://67180079-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKaMCOI4HEb21AIKZlkHe%2Fuploads%2FrYNNrCjuY37lhYSdIw38%2FTourial-05-13-2025_01_20_PM.png?alt=media&#x26;token=f159c793-c5bc-4dbd-b670-00debdc64b44" alt=""><figcaption></figcaption></figure>

2. You'll see two sections appear that you'll copy and paste to your HTML document.
3. 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.

<figure><img src="https://67180079-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKaMCOI4HEb21AIKZlkHe%2Fuploads%2FRh0sH8VizdI126yF5cHf%2Fimage.png?alt=media&#x26;token=7b8c6eb2-b0de-41f5-857e-4d7d3a5a65cb" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://67180079-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKaMCOI4HEb21AIKZlkHe%2Fuploads%2F9NnFcEUzft3H6VxNn1m1%2Fimage.png?alt=media&#x26;token=f9ba29d8-bcba-4976-825d-17222b0b95fa" alt=""><figcaption></figcaption></figure>

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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.navless.ai/sharing/embed-codes/embedding-interactive-demos/lightbox-embed.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
