1. Record the task
You click through the task once in your app, and the HappySupport recorder captures every step with a screenshot.
Product Tours
Interactive product tours and in-app banners for SaaS
HappySupport walks your users through your interface click by click with interactive product tours, and announces maintenance and releases with in-app banners. Tours are built from your help articles, so user onboarding stays correct after every update.
These teams document with HappySupport
How a tour is made
Record once, get the article and the tour
The recorder doesn't just write the help article. The same recording becomes the interactive tour, with no tour editor and no second tool.
2. Switch on the tour
HappySupport turns it into the article. One switch in the article settings makes it a tour, and the bubbles are the article's steps.
Article re-recorded
Tour shows the new steps
3. Keep it current
When your interface changes, you re-record the article. The tour shows the new steps the next time it starts, in every language.
Interactive product tours
Product tours where your users do the clicking
A product tour points at the next element in your real interface with a bubble and a line. The user clicks, the tour follows, and they finish the task while they learn it. User onboarding inside the product instead of a video next to it.
How a tour is made
- 01
An interactive walkthrough on your real product
No replica and no video. The tour marks the next element, a wrong click is flagged, and the bar at the bottom shows how many steps are left.
- 02
Across pages and reloads
The tour follows the user across pages, into dialogs and through single-page apps. If they reload, it picks up where they left off.
- 03
Built from your help article
You record the task once with the recorder and switch the tour on in the article. The text in the bubbles is the article's steps, in every language.
Start it anywhere
A tour starts where the question comes up
Instead of reading an article and clicking along on the side, the user starts the tour and gets the task done. Every tour can be opened from several places.
From the help article
Every article with a tour gets a "Start guide" button in the widget. One click and the tour takes over.
On the matching page
The widget recognises which article fits the current page and offers the tour with "Show me".
app.acme.com/team?happy_guide=3f9c2a71…
From a link, anywhere
Add happy_guide to a URL in your app, for example in an onboarding email, a ticket reply or a chat. The link opens the page and starts the tour.
From the changelog
Link the matching article in a changelog entry. Users read about the new feature and start the tour to try it right away.
What for
One tour, three jobs
The same tour works for you in onboarding, at release time and in support.
Onboarding
New users set up your product step by step instead of searching the docs or waiting for a call.
New features
The release note becomes one click away from first success. Users don't just see a new feature, they use it.
Support
Instead of describing screenshots, your team sends a tour link. The question is solved once the user has clicked through.
Also in the product
In-app banners and audience targeting
Banners for what everyone needs to know, and rules for who sees which tour.
Announcement banners with a start and end time
Announce maintenance, incidents and launches with a bar at the top or bottom of your app, with a highlighted note and up to two buttons. HappySupport shows and hides the banner on schedule, without a reload, translated per language and in your help center too.
Only for the right users
With a signed user identity you decide per article who sees it and its tour, for example by role, plan or sign-up date. The rule also applies to search and AI answers.
Good to know
Simple for your team, clear for your users
Once it is set up, your team manages tours and banners without developers. Technically it is one script tag, single-page apps included, which makes it user onboarding software without an engineering project.
No developers per tour
After setup, no tour needs a code change. Anyone who can record a task can publish a tour.
In your design
The widget, bubbles and banners take on your help center's colours and logo. To users, the tour looks like part of your app.
In every language
Once an article is translated, so is its tour. Users see the steps in the language they use your app in.
Pause and pick up again
If a user reloads the page or comes back shortly after, the tour continues where they left off, or starts over if they prefer.
Doesn't get stuck
If an element is missing after an update, the tour skips the step and tells the user, instead of leaving them with an empty bubble.
GDPR compliant, hosted in Germany
Customer data stays in Germany and is never used for AI training, which makes sign-off from privacy and IT easier.
Read more
More help inside your product
Banners and tours are one part of the HappySupport widget. These pages cover the rest.
FAQ
Product tours with HappySupport
What product tours are, what HappySupport costs and how a tour is made.
What does HappySupport show inside my app?+
HappySupport puts four things inside your app: interactive product tours, in-app banners for announcements and maintenance, the widget with article search and suggestions for the current page, and AI answers with sources. All of it runs from your help articles and is added with one script tag.
What is the difference between a HappySupport product tour and a video tutorial?+
A video shows a task the user then has to repeat on their own. An interactive product tour runs in the real software and points at the element that comes next, so the user completes the task along the way. When the interface changes, in HappySupport you re-record the article instead of reshooting a video.
Is there a free version of HappySupport?+
No, HappySupport has no free plan. You can try every Scale feature free for 14 days without a credit card, including product tours and in-app banners. After that, Starter costs 129 euros, Professional 399 euros and Scale 899 euros per month.
How much do product tours cost with HappySupport?+
Interactive product tours, in-app banners and audience targeting are included in the Scale plan at 899 euros per month, together with app authentication and SSO. The widget with article search is included from Starter at 129 euros, AI answers in the widget from Professional at 399 euros.
How do I create a product tour with HappySupport?+
Record the task with the HappySupport recorder, which produces a help article with steps. In the article settings, switch on the tour in the In-app guide section and publish the article. Users then start the tour from the article in the widget or from a link with the happy_guide parameter.
Can I start a tour from a changelog entry?+
Yes. Link the help article for the new feature in the changelog entry. In the HappySupport widget the article opens directly and the user starts the tour with "Start guide". Alternatively, add a link with the happy_guide parameter to the entry, which opens the page and starts the tour straight away.
Do HappySupport product tours still work after a UI update?+
Yes, as long as the article is current. A HappySupport tour reads the latest version of its article every time it starts. When you re-record or edit the article after an update, the tour shows the new steps automatically, with no second version in another tool.
Can HappySupport show product tours only to specific users?+
Yes. When your app passes a signed user identity, you decide per article which users see it and its tour, for example by role, plan or sign-up date. In-app banners are currently shown to all widget users, and HappySupport remembers per person who closed one.
Can I schedule a maintenance banner in advance with HappySupport?+
Yes. You give each in-app banner a start and end time, and HappySupport shows and hides it in your app and help center on its own, even for users who have the page open. When several banners are active, HappySupport shows the one with the highest priority.
How do I add HappySupport to my app?+
With one script tag that you put together in the HappySupport dashboard. The widget works in single-page apps, can be opened from your own button and controlled through a JavaScript API. For signed-in users your backend signs a JWT, with examples for Node, Python, Ruby and PHP included.
Is HappySupport a Pendo or WalkMe alternative?+
For product tours and announcements, yes, but HappySupport is not a digital adoption platform. In Pendo and WalkMe you build and maintain tours separately from your documentation. In HappySupport, tours are built from your help articles, and the help center, AI chat, ticket inbox and in-app banners all run from the same source.
Your help center, ready before your coffee.
Start for free and publish your first article today.
Book a demo