ReachSuite Dashboard Overview Navigation

how to interact with the ReachSuite dashboard and to create and manage demo flows

Once you are logged in you will be directed to the ReachSuite Dashboard if you close our Dashboard window and need to navigate back to the dashboard after sign in, simply follow the login instructions or if you have the ReachSuite extension installed, you can click the extension and select “Portal

There are several articles covering the most important sections from the left-hand side panel, such as brand theme settings, integrations, and analytics, feel free to explore these articles now or later

 

This section will focus on ensuring you understand what is presented in the overview section which covers two main areas:

  1. Interactive Product Tours

  2. Demos

Interactive Product Tours

When you are logged in you will land on the “Overview” section and you will automatically be defaulted to seeing the Interactive Product Tours that are already built:

 

 

These can be filtered by “User” or “Created Date” using the drop downs. We will talk more about the “+ New Interactive Product Tour” button in creating an experience article

 

Lastly you can create folders by clicking the folders button whenever it is available

 

From here you will see each previously created interactive product tour has a tile listing out the name, unique id, and creator

You will also see three icons:

  • Generate Smart Link Tracking (image-png-Aug-30-2024-07-26-44-4432-PM): This will generate a smart link for personalized tracking, which you can learn more about via the smart link article
  • Favorite (): This will allow you to favorite your most loved tours for quick and easy access, which you can see a group for at the top of the folder hierarchy
  • Version History (): This is the way to access previous versions of your tour that are archived post-auto-update. You can learn more about auto-updating here

The other clickable option is the “” three dot menu. This will give you access to various options pertaining to the tour:


  • Duplicate: allows you to create an exact duplicate or copy of that tour
  • Edit Properties: allows you to rename the tour
  • Update Experience: allows you to make changes to the tour, you can learn more about editing a tour here
  • Update Experience: allows prompts our auto-update workflow, you can learn more about auto-update here
  • Move to…: allows you to move the experience from one folder to another, or you can simply drag and drop the experience tile into a different folder
  • Copy experience URL: copies the go link to your clipboard, this is the link you will want to use for sharing. You can learn more about sharing tours here
  • Delete: deletes the experience permanently, we recommend creating an archive folder and moving experiences there before deleting them to be safe


Demos

To navigate to our demo builder or more affectionately called automated discovery, expand the “Overview” options and select “Demos

 

From here you will see the demo flows that have already been created. To create a new demo flow, simply click “+ New Demo

If you want to work with a previously built demo you will see four icons that let you manage your demos:

  • Edit Properties (): this will allow you to edit the properties of the demo flow:
    • Name
    • Upload a background image (JPEG)
  • Edit Demo Flow (): allows you to enter the demo flow and make changes to it
  • Copy Demo Link (image-png-Aug-30-2024-07-26-44-4432-PM): copies the go link for the demo flow for sharing
  • Delete (): will permanently delete the demo flow



Editing and creating a demo flow use the same user interface so let’s jump into creating a new demo flow by clicking “+ New Demo

 

Here you will enter in the name, and upload a background image that will be the backdrop for the automated discovery questions. Once your properties have been set (you can edit them later if needed), you can click “Create”.

Then you will be brought into the demo flow editor:

 

On the right-hand side there are three categories:

  • Items: this houses blocks for email form, questions or full screen or CTA dialogues.
  • Experiences: this houses all of your tours and automated sandboxes (coming soon!).
  • Demos: this houses other demo flows that can be connected together.

Think of these “content blocks” as building blocks for creating a demo flow. To use them simply drag and drop the blocks into the demo flow backdrop and then begging typing out your questions, answers and then connecting the dots to create a demo flow:

 

Each demo starts off with a single pre-created Question block. This block cannot be deleted but can be changed to a different item type by using the drop down as shown below. This will allow you to start your product tour off with a welcome message or an “enter your email” address prompt before moving into the product tour or discovery questions

 

It is important to note, if you choose to require an email address, the session data will integrate into your CRM. You can learn more about our integrations here

 

On each Question Item block you will have a duplicate button (makes a copy of the questions), a trash can button (deletes the question or answer, depending on the location), and a plus icon (allows you to add answers)

The CTA  Dialog block has a trash can icon to delete as well as fields for title text, body text, a CTA, and a URL for the CTA

The Full Screen Dialog block has a trash can icon to delete as well as fields for title text, body text, and a CTA

The Email Form block has a trash can icon to delete as well as fields for the text prompt instructing the viewer to enter the email address and a field to edit the text for the “enter” button

 

All blocks have dark purple dots on them that are used to connect the blocks. It is important to note that in order to save a demo flow, you must have questions connected to experiences and all answers must have connections to experiences or other questions. There can be no block or answer left unconnected

Pro tip: You can create a placeholder tour that you can have to leverage when building out demo flows like this

Once you are complete with setting up your demo you need to click “Save Demo