Navigation & Format | Navless Product Documentation
The Navigation & Format section of Navless Product Documentation includes three parts—Intro Page, where you customize a welcome message, header, subheader, and demo button with an optional toggle; Navigation, where you add main navigation links, set a logo URL, configure a call-to-action with various click actions, and enable gallery view and video autoplay with previews; and Gated Topics, which lets you require visitors to complete a form before accessing selected topics.
There are three sections within Navigation & format: Intro Page, Navigation, and Gated topics.
Intro Page
Welcome your visitors to the tour center with a brief message and an overview of your product.
The Intro Page is an optional setting. Toggle this setting on or off based on the experience you'd like to provide.
Within the Intro Page, you'll set a Header, Subheader, and Demo Button Text. The right side shows a preview of your Intro Page.
Navigation
This is where you'll add links for your main navigation and also toggle on/off two other settings for Gallery View and Video Autoplay. This section also shows a preview on the right.
- Logo URL
- CTA
- Add your CTA text and then choose a click action: External link, Scheduler integration like Calendly, Chili Piper, HubSpot, or Open Form.
- Gallery View
- Autoplay Video Content
gallery view example
Gated Topics
Gated topics require a visitor to fill out a form before accessing that topic. Select a form and check the topics you want to gate.
Related
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.
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.
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.
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.
Tour Building Best Practices | Navless Product Documentation
The Navless Product Documentation outlines best practices for creating effective product tours by recommending concise, linear tours of 10-15 clicks with clear, action-oriented copy, consistent branding, minimal filler steps, and strategic embedding of "take a tour" CTAs to maximize user engagement, pipeline generation, deal acceleration, and onboarding efficiency.
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.