Skip to main content

Cover multiple page walkthrough with just one product tour

Our Digital Adoption Platform simplifies complex product flows with the step-by-step walkthroughs and smart tips. This article provides tips and tricks on how to deliver structured learning paths with Usetiful, especially when you need to:

  • cover multiple pages within just one product tour to keep your users focused
  • reduce the number of tours to keep the content management simple

One product tour rules them all

Usetiful allows you to cover multiple pages with just one product tour. All you need is to set up the tour and its steps correctly.

Example:

Let's say we want the tour to cover Home (index.php) and Form (form.php) pages of our demo application. 
Welcome page
Form page
Firstly, we need to define the Page Targeting to ensure that the tour appears on these 2 pages only. We enter the tour settings and set up the condition "URL contains" with the value "index.php|form.php". This way the tour appears only on pages that have "index.php" or "form.php" as part of their URL.


We want the tour to autoplay once users reach the first page, so we enable the "Autoplay" option. Also we want to remember user's progress with the tour, so the feature "Remember the last step" is also enabled.


Now we can continue to build the content of the tour. Our demo scenario is that the user is introduced to features on the Home page first (index.php is the landing page that the user needs to visit before reaching other parts of the application). Then the user navigates to the Form page (form.php) where the tour should automatically continue.



The steps before "redirect" will be available on the Home page and steps after the "Redirect to Form.php" will display once the user reaches the Form page. Let's have a look at how the redirect is configured:


The redirect step contains the address of the Form page in the field "Next page address". It is also defined that the current tour continues on the target location

Users can be redirected either automatically, when the previous step ("Step 3") is completed, or you can let a user navigate to the next page manually. In that case, you need to make clear to users what they need to do in order to continue the tour.

Let's update the content of "Step 3" to point to the "Add media" button with instructions. Click on the button will redirect users to the Form page.

In the step details, set up the field "Progress on click of" value to Element, so the next step (automatic redirect) is activated when users click on a given element (".btn-primary" in this case). 


When users reach the Form page, the tour automatically continues with the "Step 5".

What if I need to support multiple tours on just one page?

You can target several product tours on the same page. If it isn't specified which product tour takes precedence from another we display a menu that lets users choose from all available tours on a given page.
A button that activates the selection of tours.

List of available tours.

If you encounter any issues or need different options, feel free to contact us.

Don't have Usetiful account yet? Start free today!

Related:

Popular posts from this blog

Gartner Reports: Best Digital Adoption Solution

The coming decade will see a significant investment in digital transformation for the vast majority of organizations looking to drive success. But successful digital transformation relies on leveraging software to help employees acclimatize to new and evolving technology. This poses a challenge to employee productivity, as workforces across the globe will be forced to adapt to new technology in their day-to-day roles. Ideally, implementation of such tech requires an approach that impacts productivity as little as possible. That's why companies are increasingly turning to digital adoption platforms that facilitate the process and support employee efficiency rather than hampering it. What is a Digital Adoption Platform? A digital adoption platform (DAP) sits on top of an existing software application, offering users insight and guidance that helps them to adjust to the software application, providing information on key tasks and functions. With a DAP, companies can introduce new sof...
Read more

The Dos and Don'ts of Creating an Interactive Product Demo

  Buyer behavior is changing. In the past, the CEO or CTO called the shots and made all the software purchasing decisions. However, modern buying is more collaborative, with an average of 11 stakeholders involved in B2B deals. This shifting landscape was further highlighted in a recent G2 buyer report. Their research pointed out that with so many software solutions on the market, customers were struggling to choose the right product.  One of the primary barriers for customers includes finding reliable, impartial information on products. While for sales teams, friction comes from longer sales cycles that result from additional stakeholder involvement in deals. What modern buyers want In response to these shifts in buyer behavior, a couple of trends have occurred. Firstly, many users are seeking out self-service buying options . Second, sales rooms are growing in popularity. These digital hubs provide a place for stakeholders and sales teams to meet and discuss a product. Ever...
Read more

Salesforce In-App Guidance: What You Need to Know

  Salesforce is a cloud-based customer relationship management (CRM) tool. It's packed with features and functions that allow businesses to handle customer success and product management, predict sales revenues, nurture leads, and increase productivity.  However, all these varied and excellent applications come at a cost. One commonly-cited issue with Salesforce is its steep learning curve. A difficult-to-learn app can be a real issue when you need to train new users. The CRM software giant recognized this some time ago. As a result, they released a tool called In-App Guidance as part of their Lightning Experience upgrade.  The idea behind In-App Guidance is that it helps train and onboard new users with on-screen prompts and interactive walkthroughs.  Let's explore more. Image by drobotdean on Freepik What is Salesforce In-App Guidance? Salesforce has been around for a long time. It's well-established as the most popular sales and CRM tool. A few years ago, they int...
Read more