Mobile Optimization | Navless Product Documentation
The Navless Product Documentation explains how to optimize the Tour Center for mobile by enabling "Show on Mobile" in the Tour Center Overview, managing content visibility toggles for mobile display while ensuring no Content Track is left empty, and then publishing the changes.
- 1.
From the Tour Center editor, click Tour Center Overview.
- 2.
Toggle on Show on Mobile.
- 3.
You'll see toggles next to each piece of content in the Content section below, giving you control over what is displayed when the Tour Center is viewed on a mobile device. If a tour is not mobile optimized, that will be indicated by an icon.
- NOTE: If you toggle off a piece of content in the mobile view, be sure there is still some content in the respective Content Track. You will not be able to publish your Tour Center if a Content Track is empty.
- 4.
Once you've made your changes, click Publish.
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.
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.
Editing Styles | Navless Product Documentation
The Navless Tour Center Style Editing allows users to customize their tour center by adding a logo (recommended size 64x64px), setting fonts, toggling light or dark effects for container backgrounds, choosing highlight and gradient colors for accents and main CTAs, uploading background images or setting background colors with overlays, and adjusting component border sizes in pixels for various elements like buttons and containers.
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.
Upfront Prompts | Navless Product Documentation
The Navless Product Documentation explains that users can enable the "Show all questions as a form" option in the Intro section of the Tour Center editor to present all prompts upfront, allowing viewers to answer them all at once and focus on viewing the content immediately.
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.