Turtl offers two main types of navigation: Linear and Deep reading navigation. Additionally, it is possible to select types of page transitions, animated CTA buttons, additional dynamic arrows to help with navigation, and breadcrumbs for tracking progress through the Doc.
Access navigation settings
To switch between navigation types on a Chapter by Chapter basis, access the Chapter settings from within the Editor and select "Navigation settings". Alternatively, you can access the same settings from the three-dotted menu on the Title page thumbnail in the outline.
Linear vs. Deep reading navigation
You can select between Linear and Deep reading navigation.
Linear:
Ideal for short to mid-length content, where guiding the reader through a specific flow from beginning to end is important.
It works well for presentations and inline content, such as table of contents.
Linear is the default navigation for new teams but they can choose the navigation type on a chapter-by-chapter basis.
Deep Reading:
Uses visual Title pages and customizable call-to-action buttons to guide readers to detailed Content pages, enabling the readers to easily find a subject they are interested in.
Psychology-driven navigation is designed for maximum engagement on longer Docs.
Deep reading is the default navigation for existing teams but they can choose the navigation type on a chapter-by-chapter basis.
Note: Linear navigation currently exists only in desktop view. On mobile, the navigation switches to Deep reading.
When switching between Linear and Deep Reading navigation, you'll see a prompt to either "Set as my default for next time" or "This is the default for next time," depending on which option you choose. This allows you to easily establish your preferred navigation type for future Docs.
You can hover over the navigation symbol in your Outline to see which navigation type is currently being used. Alternatively, by clicking on the symbol, you can access the Navigation settings for that particular Chapter.
Check out these example documents to see both Linear navigation and Deep Reading navigation in action! Click below to explore:
Linear navigation
Deep Reading navigation
Additional navigation settings
To access additional navigation options, visit the Doc settings and open the "Navigation" tab.
You can access Doc settings through:
The three-dot menu in the upper right-hand side of the Editor
Docs listing
Note: The below settings will be applied after saving the Doc settings and reloading the Doc.
Content page Transition
When using Deep reading, you have two options for transitioning between Title and Content pages.
Page: With the default "Page" option, the user moves up and down when switching from Title pages to Content pages and vice versa.
Lightbox: The Content pages are overlaid over the Title page like a lightbox.
Page
Lightbox
Page transition options
This setting defines how page transitions are animated:
Slide: The default for Linear navigation.
Flip: An alternative, book-like transition, mimicking analog page-turning. Flip animation is not available on Docs that contain linear pages.
Slide
Flip
Navigation features
You can use the following options to further support readers when navigating your Turtl Doc.
Animated Title page CTA buttons: Adds subtle animations to call-to-action buttons on Title pages to make them more noticeable.
Animated Title Page CTA Buttons
Navigation arrows: This enables readers to see dynamic arrows when moving their mouse, guiding them through the Doc more easily.
Navigation Arrows
Content page breadcrumbs: Shows the Chapter's heading at the top of Content pages, helping the reader track their progress through the Doc.
Content page breadcrumbs