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.
With Tour Center Style Editing you can:
- Add a logo
- Recommended logo size: at least 64px x 64px
- Set a font
- Enable light or dark effect
- Toggle between light and dark effects, which set container backgrounds automatically
- Set highlight & gradient colors
- Highlight sets most accent colors throughout the tour center, such as the prompt button, icons, and container outlines
- Gradient affects the main CTAs (both Save & Share and the upper right button); you may set a gradient or choose a solid color
- Upload background images/set color
- Set color/overlay and/or upload a background image
- Customize component borders
- Set in px for small and large buttons, containers, and more
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.
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.
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.
Interactive Topics | Navless Product Documentation
Interactive Topics in Navless Product Documentation guide users through a Tour Center by creating high-level buyer criteria using customizable prompts with various response types (Single Select, Multiselect, Opt-in, Interest Scale, or No Prompt), to which you add answer options linked to diverse content like interactive tours, videos, PDFs, and images, enabling tailored navigation and engagement.
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.
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.