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.
Tourial Website Embed
See the Website Embed documentation for details on embedding interactive demos directly into your website.
Tourial Lightbox Embed
See the Lightbox Embed documentation for details on embedding interactive demos as a lightbox overlay.
Embed Best Practices
- Embed Tourials with a minimum width and height to prevent tooltip overflow.
- The recommended implementation size is 1080 x 607.5px.
- Tourials should be embedded with a minimum of 888 x 500px to help prevent tooltips from overflowing.
Related
Embedding Tour Centers | Navless Product Documentation
The Navless product documentation explains how to embed a Tour Center by logging into Tourial, selecting the desired Tour Center and its overview, choosing whether to retain the main navigation, and copying the embed code, noting that the upper right CTA shifts position when embedded.
Embedding a Tourial Product Tour on Your Website
To embed a Tourial product tour on your website, you copy the iframe embed code from your Tourial account, then paste it into an HTML element within your CMS or page builder (like WordPress, HubSpot, Wix, etc.), adjust the container size as needed to ensure proper display, and preview the page to confirm the tour appears correctly.
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.
Triggering HubSpot Workflows | Navless Product Documentation
The documentation explains how to connect HubSpot to Tourial and create a workflow trigger based on Tourial engagement data—such as Tourial name and time spent viewing—to automate actions like adding viewers to campaigns, tagging them, notifying teams, retargeting ads, or updating lead statuses within HubSpot workflows.
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.
Engagement Data with Salesforce | Navless Product Documentation
The documentation explains how Salesforce administrators and Tourial admins can install the Tourial Salesforce package to create a custom object called "Tourial Content View," enabling the flow of detailed engagement data—such as content name, type, view date, URL, total time spent, CTA clicks, and first session date—from Tourial experiences to Salesforce Lead, Contact, and Account records, provided the visitor has submitted a form with an email address.