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.
Step-by-step Instructions to Embed
- 1.Login to Tourial and head to Tour Center, then select the Tour Center you wish to embed.
- 2.Click on Tour Center Overview.
- 3.Select whether you want to keep the main navigation when you embed, then Copy Embed Code.
Note: When embedded, the upper right CTA (for example, Get a Demo) moves from the top to the left column under Topics and next to the Save & share button.
Related
Supported Content in Tour Centers | Navless Product Documentation
The Navless Product Documentation details how to enhance Tour Centers by integrating diverse supported content types—including interactive microtours, videos (via direct upload or URL from platforms like YouTube and Vimeo), images (uploaded or linked), PDFs, website URLs (with iframe embedding limitations), and Google Slides presentations—to create engaging, multi-format experiences tailored to different buyer journey stages.
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.
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.
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.
Adding Google Slides to your Tour Center
To add a Google Slides presentation to your Tour Center, it is recommended to embed it in presentation mode by using the "Publish to web" embed link from the iframe `src` and importing it via the URL importer.
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.