Getting started with Bytes Route
Start your journey with Bytes Route by creating a free account and logging on into your account. No billing information is required.
In order to register, you need to provide your name, your email address, and a password.
After registering, log in to your new account. The Help Checklist will show you how to perform various tasks in order to get started and acquainted:
- Install the Bytes Route Chrome Extension. This will be your creation tool.
- Create your first product tour.
- Connect your domain with Bytes Route by adding the Bytes Route script code snippet to your web application.
Bytes Route help checklist
In case you ever forget your Bytes Route account password, you can easily reset it by using this link.
Installing the Chrome Extension
In order to build product tours on your web app, you first need to install our Chrome Extension. The Bytes Route Chrome Extension allows you to create and edit product tours directly on your website.
A Chromium-based browser is required to use the extension:
- Edge Chromium
On the Chrome Web Store page, press the Add to Chrome button to install the extension:
Installing the Chrome Extension
For advanced information on using the extension, you can read the Bytes Route extension docs .
Building product tours
After installing the Chrome extension, you can create your first product tour.
The Help Checklist from the Dashboard guides you through the steps you need to follow to build your tour:
- Open a new tab in your browser
- Navigate to your website
- Find and click the Bytes Route extension in the top-right corner of your browser
- Click on the Start Recording button in the extension
Onboarding guiding you to build a product tour
Connecting to Bytes Route
You have to insert a code snippet (containing an HTML script) in your web domain to make the connection between your web app and Bytes Route. After this step, your product tours can be published on your web application.
To add the script to your web app follow these steps:
- Copy the code snippet for your current team, from the Dashboard
- Paste this script to your website
- in the head section
- in the body section if you want it to load after everything else
- Redeploy your website
- Check if the script is detected on your domain, in the Bytes Route Dashboard, by pressing Detect Script
While Team A is selected, in the dashboard you will find the script for this team. Notice that the ID of the team (12345) is embedded within the code snippet. The ID is unique for each team.
An example bytes route script
The Bytes Route script for Team A, in the dashboard would look like this
<script id="brt-script" src="https://www.bytesroute.com/script.js?id=12345"></script>
Example of the bytesroute script for a team with the id of '12345'.
The Script Detector contains the Bytes Route script for the current team. This can be copied and hooked to whatever domain you want the script to run on.
It also contains the list of domains that the script has been added to, so far.
The list of domains containing the script + the script snippet
Notice that if the script hasn't been added to any domain, you will see a warning about this.
Notification that no domain has been detected to contain your script
Script adding methods
Learn how to install the Bytes Route script in one of the following environments:
- Installing the script directly in HTML
- Installing the script using Google Tag Manager
- Installing the script using WordPress
For optimizing the page performance, you can delay the insertion of the Bytes Route script in your page until vital page components loads. Find more information in the Running a tour on custom event docs.
Note: If you have tours set to launch automatically on page load, having the script injected programmatically may cause them to launch with a delay.