HappySupport
Produkttouren

Produkttouren und In-App-Banner für dein SaaS-Onboarding

HappySupport führt deine Nutzer mit interaktiven Produkttouren Klick für Klick durch deine Oberfläche, wie eine interaktive Klickanleitung direkt in der App, und kündigt Wartungen und Releases per In-App-Banner an. Die Touren entstehen aus deinen Hilfeartikeln, so bleibt dein User Onboarding nach jedem Update korrekt.

Eine interaktive Tour führt durch das Einladen eines Teammitglieds in einer SaaS-App

Diese Teams dokumentieren mit HappySupport

FlipjupusPeakboardaworkneuroflashOMR Reviews
So entsteht eine Tour

Einmal aufnehmen, Artikel und Tour bekommen

Der Recorder schreibt nicht nur den Hilfeartikel. Aus derselben Aufnahme wird die interaktive Tour, ohne Tour-Editor und ohne zweites Tool.

Der HappySupport-Recorder zeichnet einen Ablauf mit vier Schritten auf

1. Ablauf aufnehmen

Du klickst den Ablauf einmal in deiner App durch, der HappySupport-Recorder zeichnet jeden Schritt mit Screenshot auf.

Der eingeschaltete Schalter für die In-App-Tour in den Artikeleinstellungen

2. Tour einschalten

HappySupport erstellt daraus den Artikel. Ein Schalter in den Artikeleinstellungen macht ihn zur Tour, die Sprechblasen sind die Schritte des Artikels.

Artikel neu aufgenommen
Tour zeigt die neuen Schritte

3. Aktuell halten

Ändert sich deine Oberfläche, nimmst du den Artikel neu auf. Die Tour zeigt beim nächsten Start die neuen Schritte, in jeder Sprache.

Interaktive Produkttouren

Produkttouren, bei denen deine Nutzer selbst klicken

Eine Produkttour zeigt mit einer Sprechblase und einer Linie auf das nächste Element in deiner echten Oberfläche. Der Nutzer klickt, die Tour geht mit, und er erledigt die Aufgabe, während er sie lernt. User Onboarding im Produkt statt eines Videos daneben.

So entsteht eine Tour
Eine In-App-Tour zeigt mit einer Sprechblase auf das E-Mail-Feld im Dialog zum Einladen eines Teammitglieds
  1. 01

    Auf deinem echten Produkt

    Kein Nachbau und kein Video. Die Tour markiert das nächste Element, ein falscher Klick wird sichtbar, und die Leiste unten zeigt, wie viele Schritte noch fehlen.

  2. 02

    Über Seiten und Neuladen hinweg

    Die Tour folgt dem Nutzer über mehrere Seiten, in Dialoge und durch Single-Page-Apps. Lädt er neu, macht sie dort weiter, wo er war.

  3. 03

    Aus deinem Hilfeartikel gebaut

    Du nimmst den Ablauf einmal mit dem Recorder auf und schaltest die Tour im Artikel ein. Die Texte in den Sprechblasen sind die Schritte des Artikels, in jeder Sprache.

Überall startbar

Eine Tour startet dort, wo die Frage entsteht

Statt einen Artikel zu lesen und nebenher nachzuklicken, startet der Nutzer die Tour und erledigt die Aufgabe direkt. Jede Tour lässt sich von mehreren Stellen aus öffnen.

Ein Hilfeartikel im HappySupport-Widget mit dem Button Anleitung starten

Aus dem Hilfeartikel

Jeder Artikel mit Tour hat im Widget den Button „Anleitung starten“. Ein Klick, und die Tour übernimmt.

Ein Artikelvorschlag im Widget mit dem Button Zeig es mir

Auf der passenden Seite

Das Widget erkennt, welcher Artikel zur aktuellen Seite passt, und bietet die Tour mit „Zeig es mir“ an.

Beispiel-Link
app.acme.com/team?happy_guide=3f9c2a71…

Per Link, von überall

Hänge happy_guide an eine URL deiner App, etwa in einer Onboarding-Mail, einer Ticket-Antwort oder im Chat. Der Link öffnet die Seite und startet die Tour.

Der Changelog im HappySupport-Widget mit einem Eintrag zu einer neuen Funktion

Aus dem Changelog

Verlinke in einem Changelog-Eintrag den passenden Artikel. Nutzer lesen von der neuen Funktion und starten die Tour, um sie sofort auszuprobieren.

Wofür

Eine Tour, drei Aufgaben

Dieselbe Tour arbeitet im Onboarding, beim Release und im Support für dich.

Onboarding

Neue Nutzer richten dein Produkt Schritt für Schritt ein, statt in der Doku zu suchen oder auf einen Termin zu warten.

Neue Funktionen

Aus der Release Note wird ein Klick bis zum ersten Erfolg. Nutzer sehen eine neue Funktion nicht nur, sie benutzen sie.

Support

Statt Screenshots zu beschreiben, schickt dein Team einen Tour-Link. Die Frage ist gelöst, wenn der Nutzer fertig geklickt hat.

Dazu im Produkt

In-App-Banner und Zielgruppen

Banner für alles, was alle wissen müssen, und Regeln, wer welche Tour sieht.

Ein Wartungsbanner mit Zeitfenster oben in einer SaaS-App

In-App-Banner mit Start- und Endzeit

Kündige Wartungen, Störungen und Launches mit einer Leiste oben oder unten in deiner App an, mit farbigem Hinweis und bis zu zwei Buttons. HappySupport blendet das Banner zur geplanten Zeit ein und wieder aus, ohne Neuladen, übersetzt pro Sprache und auch im Hilfe-Center.

Eine Zielgruppenregel, die einen Artikel auf Nutzer mit der Rolle Admin beschränkt

Nur für die richtigen Nutzer

Mit einer signierten Nutzerkennung legst du pro Artikel fest, wer ihn und seine Tour sieht, etwa nach Rolle, Tarif oder Registrierungsdatum. Die Regel gilt auch für Suche und KI-Antworten.

Gut zu wissen

Einfach für dein Team, verständlich für deine Nutzer

Einmal eingebunden, pflegt dein Team Touren und Banner ohne Entwickler. Technisch reicht ein Script-Tag, auch in Single-Page-Apps.

Keine Entwickler pro Tour

Nach dem Einbau braucht keine Tour mehr eine Code-Änderung. Wer einen Ablauf aufnehmen kann, kann auch eine Tour veröffentlichen.

In deinem Design

Widget, Sprechblasen und Banner übernehmen Farben und Logo deines Hilfe-Centers. Für Nutzer sieht die Tour aus wie ein Teil deiner App.

In jeder Sprache

Ist ein Artikel übersetzt, ist es die Tour auch. Nutzer sehen die Schritte in der Sprache, in der sie deine App benutzen.

Unterbrechen und weitermachen

Lädt ein Nutzer die Seite neu oder kommt kurz später zurück, macht die Tour dort weiter, wo er war, oder startet auf Wunsch neu.

Bleibt nicht hängen

Fehlt ein Element nach einem Update, überspringt die Tour den Schritt und sagt es dem Nutzer, statt ihn mit einer leeren Sprechblase stehen zu lassen.

DSGVO-konform, in Deutschland gehostet

Kundendaten liegen in Deutschland und werden nie für KI-Training verwendet. Das erleichtert die Freigabe durch Datenschutz und IT.

Weiterlesen

Mehr Hilfe direkt im Produkt

Banner und Touren sind ein Teil des HappySupport-Widgets. Diese Seiten zeigen den Rest.

Häufige Fragen

Produkttouren mit HappySupport

Was Produkttouren sind, was HappySupport kostet und wie eine Tour entsteht.

Was zeigt HappySupport in meiner App an?+

HappySupport bringt vier Dinge in deine App: interaktive Produkttouren, In-App-Banner für Ankündigungen und Wartungen, das Widget mit Artikelsuche und Vorschlägen für die aktuelle Seite sowie KI-Antworten mit Quellen. Alles läuft aus deinen Hilfeartikeln und wird mit einem Script-Tag eingebunden.

Was ist der Unterschied zwischen einer HappySupport-Produkttour und einem Video-Tutorial?+

Ein Video zeigt einen Ablauf, den der Nutzer danach selbst nachklicken muss. Eine interaktive Produkttour läuft in der echten Software und zeigt auf das Element, das gerade dran ist, sodass der Nutzer die Aufgabe dabei erledigt. Ändert sich die Oberfläche, nimmst du bei HappySupport den Artikel neu auf, statt ein Video neu zu drehen.

Gibt es eine kostenlose Version von HappySupport?+

Nein, HappySupport hat keinen kostenlosen Plan. Du kannst aber 14 Tage lang alle Funktionen aus Scale kostenlos und ohne Kreditkarte testen, also auch Produkttouren und In-App-Banner. Danach kostet Starter 129 Euro, Professional 399 Euro und Scale 899 Euro im Monat.

Was kosten Produkttouren bei HappySupport?+

Interaktive Produkttouren, In-App-Banner und Zielgruppen sind im Plan Scale für 899 Euro im Monat enthalten, zusammen mit App-Authentifizierung und SSO. Das Widget mit Artikelsuche gibt es ab Starter für 129 Euro, KI-Antworten im Widget ab Professional für 399 Euro.

Wie erstelle ich eine Produkttour mit HappySupport?+

Nimm den Ablauf mit dem HappySupport-Recorder auf, daraus entsteht ein Hilfeartikel mit Schritten. Schalte in den Artikeleinstellungen im Abschnitt In-app guide die Tour ein und veröffentliche den Artikel. Nutzer starten die Tour dann im Widget über den Artikel oder über einen Link mit dem Parameter happy_guide.

Kann ich eine Tour aus einem Changelog-Eintrag starten?+

Ja. Verlinke im Changelog-Eintrag den Hilfeartikel zur neuen Funktion. Im HappySupport-Widget öffnet sich der Artikel direkt, und der Nutzer startet die Tour mit „Anleitung starten“. Alternativ setzt du im Eintrag einen Link mit dem Parameter happy_guide, der die Seite öffnet und die Tour sofort startet.

Funktionieren HappySupport-Touren nach einem UI-Update noch?+

Ja, solange der Artikel aktuell ist. Eine HappySupport-Tour liest bei jedem Start die aktuelle Version deines Artikels. Nimmst du den Artikel nach einem Update neu auf oder bearbeitest ihn, zeigt die Tour automatisch die neuen Schritte, ohne eine zweite Version in einem anderen Tool.

Kann HappySupport Produkttouren nur bestimmten Nutzern zeigen?+

Ja. Wenn deine App eine signierte Nutzerkennung übergibt, legst du pro Artikel fest, welche Nutzer ihn und seine Tour sehen, etwa nach Rolle, Tarif oder Registrierungsdatum. In-App-Banner sehen derzeit alle Nutzer des Widgets, geschlossene Banner merkt sich HappySupport pro Person.

Kann ich mit HappySupport ein Wartungsbanner im Voraus planen?+

Ja. Du gibst jedem In-App-Banner eine Start- und Endzeit, HappySupport blendet es dann in deiner App und im Hilfe-Center automatisch ein und aus, auch bei Nutzern, die die Seite gerade offen haben. Sind mehrere Banner aktiv, zeigt HappySupport das mit der höchsten Priorität.

Wie binde ich HappySupport in meine App ein?+

Mit einem Script-Tag, den du im HappySupport-Dashboard zusammenstellst. Das Widget funktioniert in Single-Page-Apps, lässt sich über einen eigenen Button öffnen und per JavaScript-API steuern. Für angemeldete Nutzer signiert dein Backend ein JWT, Beispiele für Node, Python, Ruby und PHP sind dabei.

Ist HappySupport eine Alternative zu Pendo oder WalkMe?+

Für Produkttouren und Ankündigungen ja, aber HappySupport ist keine Digital Adoption Platform. Bei Pendo und WalkMe baust und pflegst du Touren getrennt von deiner Dokumentation. Bei HappySupport entstehen die Touren aus deinen Hilfeartikeln, und Hilfe-Center, KI-Chat, Ticket-Inbox und In-App-Banner laufen aus derselben Quelle.

Dein Hilfe-Center, fertig vor dem Kaffee.

Starte kostenlos und veröffentliche deinen ersten Artikel noch heute.

HappySupport