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

The Beginner's Guide to Creating an Effective User Onboarding Checklist

  Users download and open applications because they have a problem they want to solve. The process should be exciting as the possibility of resolving pain points becomes a reality. However, too often, applications are overwhelming and frustrating, leading to unsatisfactory experiences. An effective user onboarding checklist is the antidote to disappointing interactions. They break the onboarding process into clear, structured, bite-sized chunks that guide the users toward adoption.  However, you can’t just stumble on the right checklist by mistake. An effective checklist is the result of understanding the goals, benefits, psychology, and best practices of an onboarding checklist.  In this guide, we'll explain what onboarding checklists are, why you need them, and share some onboarding automation best practices and steps to build great onboarding content. Image by rawpixel.com on Freepik What is a user onboarding checklist? A user onboarding checklist is an in-app set of ...
Read more

What Are the Best Tools for Creating a Knowledge Base

  Picture the scene: You’re in the flow of using a new product, and suddenly you hit a roadblock. You know the tool can do what you need it to do, you just don’t know how to do it. You could fire off an email to customer services or wait in line to chat with a customer service representative. Or, you can try to solve the problem yourself. Image by freepik Customer self-service software is built to solve these issues. A knowledge base is one of the core elements of a flexible omnichannel approach to customer success.  But how can you decide what tool to use to build a knowledge base that will help your users? First, you need to consider the features and functions that make for a quality knowledge base tool. What should you look for in a knowledge base creation tool? Before we share some of the best customer self-service software for building your knowledge base, we need to consider what makes a great knowledge base creation tool.  No-code capabilities Knowledge base creat...
Read more

Common Mobile Onboarding Mistakes and How to Fix Them

  Strong mobile onboarding is about making a good first impression. Get it right, and your user can become a loyal advocate for your product. Get it wrong, and they could leave your app in minutes and never look back.  Image by pch.vector on Freepik Eighty per cent of users will abandon an app if they don’t quickly understand how to use it or see its value. Some churn is inevitable, but letting good users walk away because your onboarding is weak is unsustainable.  In this article, we’ll look at the four most common app onboarding mistakes and share how to fix or avoid them altogether.  1. Forcing Users Through Long or Tedious Flows Long, tedious flows are a cardinal sin of mobile app onboarding . With Day 1 retention rates often as low as 20% across most app categories, it’s clear that onboarding friction is a clear driver of user churn. If your mobile app onboarding flows require users to sign up before they get a chance to explore the app, there is a good chance t...
Read more