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

4 Types of Customer Satisfaction Survey and Their Best Practices

  A customer satisfaction survey is a fantastic tool for gathering information from current and past users. They can help your customer success teams understand the areas where your business is doing well — and where you’re lacking. Leveraging this information allows you to improve the customer experience, retain users, and even build loyalty. Image by Freepik In this article, we'll look at the four most valuable types of customer satisfaction surveys and some of the best practices you can employ to make them work. What is customer satisfaction? Customer satisfaction measures how your products or services meet customer demand. It's a strong gauge of the overall customer experience users have with your brand. Customer satisfaction can seem like a nebulous concept. However, there are many great surveys that can help you understand how your users feel about your product or service. Benefits of customer satisfaction surveys Running a customer satisfaction survey has many benefits. ...
Read more

How to create interactive walkthroughs like Canva

Thinking about how to unleash the full potential of your about-to-launch web app? Discard using the conventional product tour and embrace the utilization of a tailor-made interactive walkthrough. Instead of showing your customers a simple how-to-use-my-product demo, create an interactive guide to help them fully grasp your product’s functionality. You are guaranteed to attract new users and make the existing ones stay. Remember that showing users your product’s unique features is not always the best onboarding strategy. Showing while doing it is. Enticing your new users to actually experience using the app during the onboarding process is the most efficient way to engage them. This is what we call product adoption . It should be your primary goal in your user onboarding process – to increase the possibility that users are driven to adopt your product and eventually increase user retention rate.  Interactive Walkthrough vs. Product Tour Walkthroughs and product tours are almost simi...
Read more

European Digital Adoption Platform, GDPR-compliant by default

  In January 2012, the European Commission came up with some data reform strategies meant to enable Europe to adapt to the demands of the digital age. Nearly four years later, the strategists reached a consensus about the scope of the reforms and how to go about enforcing them. The General Data Protection Regulation (GDPR) emerged as one of the crucial components of the European Commission’s effort. It covers all EU member countries as well as individuals and businesses both within and outside EU territory. Digital Adoption platforms (DAPs) are among the businesses significantly impacted by EU GDPR legislation. What is a Digital Adoption Platform? A digital adoption platform is a software designed to integrate with or layer on top of other software, a website, or an app. The purpose of this integration is to provide guidelines that will help employees and other users become more digitally proficient and versatile. The multiplicity of use cases of digital technologies has made them ...
Read more