• 1. Introduction
• 2. Getting started
• 3. Creating a tour
• 4. Tour run methods
• 5. Tour analytics
• 6. Teams
• 7. UI Themes
• 8. Multi-languages
• 9. Launch widget
• 10. Web app pages
  • 10.1 Header & Dashboard
  • 10.2 Product tours page
  • 10.3 Tour options page
• 11. Script installing methods

This page describes the functionality of the main web application components.

The header and navigation is the top-side component of the Bytes Route web application. Using it lets you switch teams, manage your account and navigate between tabs. It’s main components are:

• Bytes Route logo
• Team selector
• Profile dropdown
• The navigation tab bar

The team selector displays the currently selected team. See more details on how to operate on a team in the team overview docs.

The profile drop list displays the account name of the currently logged user. Clicking it will also show the "Password Reset" option and a "Logout" button.

Accessing options from the profile dropdown

The navigation bar contains tabs that you can switch between to get to the various management pages

• Dashboard
• Product Tours
• Launch Widget
• Team Details
• UI Themes
• Subscriptions

The dashboard is an overview of the team’s data within Bytes Route. From the dashboard you can perform the following actions:

The Dashboard

The Dashboard

This component guides you through the initial setup. It contains 3 steps:

• Install the Chrome Extension
• Build a Product Tour
• In the final tab, you will be guided to Connect to Bytes Route

This widget displays your current subscription as well as the number of currently active tours.

In this card you can view an aggregation of all the tour data within the current team. Find more information on this matter in the Tour Analytics docs.

See the current number of team members and quickly access the Team Management view.

If you need help setting up, you can quickly access the Documentation or send us an email to the Bytes Route support by clicking on ‘Contact us’.