Lightbox Embed | Navless Product Documentation
The Lightbox Embed feature in Tourial allows you to add an interactive Tourial to your website by copying two code sections—one to assign a trigger class to an HTML element like a button or link, and another to place at the end of your HTML body—with an option to enable a mobile version for mobile users.
In addition to embedding 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.
Using the Lightbox Embed Code
- 1.The Tourial Lightbox embed code and HTML can be found under the Embed option in the Settings Menu.
- 2.The code can also be found in the Publish/Share menu.
- 3.You'll see two sections appear that you'll copy and paste to your HTML document.
- 4.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.
- 5.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.
Related
Embedding Interactive Demos | Navless Product Documentation
The Navless product documentation provides detailed instructions and best practices for embedding interactive Tourial demos into websites either directly or as lightbox overlays, recommending a minimum embed size of 888 x 500px and an optimal size of 1080 x 607.5px to prevent tooltip overflow.
Tour Engagement Data | Navless Product Documentation
After setting up the HubSpot Integration, Tourial engagement data—including detailed metrics like time spent, clicks, form interactions, and metadata such as Tourial name, URL, and visitor IDs—is sent via HubSpot cookies to populate contact record activity feeds, enabling users to create targeted lists, workflows, and reports based on visitor interactions with Tourials within HubSpot.
Create an SFDC report using Engagement Data | Navless Product Documentation
The Navless Product Documentation explains how to create a Salesforce report using Tourial Engagement Data by logging into Salesforce, selecting the "Tourial Content Views with Lead" report, applying filters for all content views and all time, adding key fields like Tourial Content Name, Date Viewed, and Lead Email, and grouping rows to visualize engagement metrics, which can then be added to dashboards for marketing or sales insights.
TrustRadius Integration Instructions
The instructions detail how to add an interactive Tourial demo to a TrustRadius product listing by logging into the TrustRadius Vendor Portal, editing the product listing to add a product demo, copying and adjusting the Tourial URL (removing "/pages" and updating the domain if white-labeled), entering a title and selecting "Interactive Demo" as the type, then saving or submitting the changes so the demo appears under the listing's Product Demos section.
How to Create a Salesforce Dashboard to Measure Tourial's Impact
The guide explains how to create a Salesforce dashboard to measure Tourial's impact by first setting up a custom report type with Tourial engagement fields linked to Contacts or Leads, then building detailed reports—such as tracking Tourial views by lifecycle stage—to analyze user interaction and influence on the sales pipeline.
Instant Scheduling with HubSpot Scheduler
The guide explains how to integrate HubSpot Scheduler with Tourial by connecting your HubSpot account, adding HubSpot Meeting Links, and then embedding these meeting schedulers as clickable CTA buttons either on individual Tour Pages or the Tour Center, enabling users to book meetings via a calendar popup, with a note that when embedded on external websites, the scheduler may open in a new tab which can affect analytics tracking.