18 SaaS Product Tour Examples

What’s good about this product tour:

• Introduces the main features in an easily-digestible form.
• Allows for going back to previous steps.
• Shows your progress through the tour.
• Ends with a follow-up action: pointing to the Resource Center.

What’s bad about this product tour:

• Elements are not highlighted enough (only a barely visible yellow border is shown around a feature).

What’s good about this feature explainer tour:

• Is based on an example automation which doesn’t require users to set anything up. For more complex features like this, it might be a better approach vs creating it right away.
• Helps users understand how it all works rather than explaining the UI.

What’s bad about this feature explainer tour:

• Is text-heavy, with a high cognitive load.
• Not very engaging—reading the copy I couldn’t be less excited to start using the product.

What’s good about this walk-through:

• Short and easy-to-read copy with the most important information in bold text.
• Let’s you navigate back and forth.

What’s bad about this walk-through:

• Progresses on click of the “Next” button making the user focus on reading rather than doing (which in this case could work perfectly).
• No progress indicator.

What’s good about this app tutorial:

• Features descriptive images that help you understand what to do.
• Is short and easy to understand.
• Starts right away, without an introductory message.

What’s bad about this app tutorial:

• The name Welcome tour could be changed to the benefit/outcome of going through it, e.g., Start creating (as says the title in the middle of the board).

What’s good about this feature walk-trough:

• Shows your progress through the tour.

What’s bad about this feature walk-trough:

• Could teach you the process on a specific example, rather than just pointing out UI elements.
• At first, two messages are shown at the same time (with almost the same text).
• Low contrast of tooltips vs the main interface.

What’s good about this product tour:

• Lets you understand what you can achieve with Chargebee without prior setup showcasing a simplified demo.
• The copy is engaging and makes one excited to try it out.
• Seamlessly integrates the 3 setup options into the tour tying it to a specific feature.
• Suggests a follow-up actions in the last step.

What’s bad about this product tour:

• If you click through the steps quickly just reading the titles, it’s not entirely clear whether you set up your account or of it’s just a test drive.

What’s good about this product tour:

• Short, no bullsh*t approach.
• Shows your progress and lets you navigate back and forth.

What’s bad about this product tour:

• In fact, shown are 2 tours at the same time which creates confusion in terms of what to focus on.

What’s good about this web app tour:

• Makes you go through the process of creating the board and using the main features—thus experience the main value yourself.

What’s bad about this web app tour:

• Has a few unnecessary steps which could be removed, making the experience smoother and less tiring.
• The amount of text and elements in the tour make it hard to comprehend.

What’s good about this product tour:

• The tour lets you experience what it’s like working with Hubspot and efficiently goes through the main points without pointing out unnecessary features.
• It’s based on dummy data so you don’t need to set up or import anything in advance.
• The story make the experience more engaging.
• Buttons are self-explanatory, telling you what’s going to happen next.

What’s bad about this product tour:

• Some parts of the copy could be shortened or a bit more clear at the first glance (so that one understands the point without reading it all).
• Adding links to additional content inside the tour can be distracting. New concepts should be introduced after users finish the tour.

What’s good about this in-app tour:

• Adding the name and the photo of the guide make the tour more personal and friendly.
• Is short and easy to understand.