Produkttouren / Onboarding

Zeig dein Produkt, erkläre es nicht.

Neue Nutzer melden sich an, verlieren sich und springen ab. Yaplet-Touren führen sie mit Tooltips an deinen echten Buttons zum Aha-Moment — mit Zielhervorhebung und Triggern per URL oder Verhalten. Gebaut in einem Point-and-click-Editor, kein Code pro Schritt.

  • Verankerte Tooltips an echten DOM-Elementen
  • Kein Code pro Schritt. Zeigen, klicken, schreiben.
  • Hebt das Ziel hervor und dunkelt den Rest der Seite ab
  • Touren per URL oder Besucherverhalten auslösen
4,9 Durchschnittsbewertung
G2Capterra auf G2 & Capterra No-Code
Schritt 2 · von 5Aha-Moment Ziel

Direkt in deinem Produkt

Ein Overlay auf der Seite, keine separate Doku.

Touren laufen auf deiner echten App: dieselben Buttons, dieselben Menüs. Yaplet verankert den Tooltip am Element, das du auswählst, und hebt das Ziel hervor — Nutzer sehen sofort, wohin sie klicken müssen, ohne einen Screenshot abzugleichen.

app.example.com/dashboard
Deine App

Schritt 2 von 5

Posteingang öffnen

Alle Konversationen landen hier: Chat, E-Mail und mehr.

An echten Elementen verankert

Klick mit dem visuellen Picker auf einen Button, ein Menü oder ein Eingabefeld. Der Tooltip folgt dem Element durch alle Layout-Änderungen.

Start per URL

Gib eine Start-URL an. Die Tour wartet auf die richtige Seite, bevor sie sich öffnet — sie startet nie am falschen Ort.

Fallback-Selektoren

Füge pro Schritt Backup-Selektoren hinzu. Fehlt das Element, versucht Yaplet den nächsten.

Überspringen, wenn versteckt

Schritte für optionale UI-Elemente? Yaplet überspringt sie, wenn das Ziel nicht auf dem Bildschirm ist.

Inside Yaplet-Touren

Alles, was du brauchst, um Nutzer in der App zu führen.

Dasselbe Dashboard wie dein Chat, CRM und deine Wissensdatenbank. Ein Tool, nicht fünf. Point-and-click-Builder, Verhaltens-Trigger und Schritte, die ein echtes Produkt überleben — ohne Add-ons oder Upgrade-Hürden.

Visueller No-Code-Builder

Öffne deine App, klick ein Element an, schreib die Nachricht. Ziehe Schritte zum Umsortieren und sieh dir die Vorschau live an. Kein Code pro Schritt.

Targeting per Selektor

Jeder Schritt verankert sich an einem CSS-Selektor, den du visuell auswählst. Der Tooltip folgt dem Element, egal wo es auf der Seite sitzt.

Trigger per URL oder Verhalten

Zeige die richtige Tour dem richtigen Nutzer: war auf X, hat Y nicht getan, auf einer bestimmten Seite, in einem bestimmten Plan. Mehr als nur 'erster Besuch'.

Mehrere Schritte mit Fortschritt

Verkette so viele Schritte, wie du brauchst. Besucher sehen eine Fortschritts-Punktreihe und können in ihrem eigenen Tempo vorankommen.

Ziel hervorheben

Yaplet strahlt das Element an und dunkelt den Rest der Seite ab, damit Nutzer wissen, wohin sie schauen sollen — ohne ein Gewirr aus Pfeilen.

Text, Video und Links

Mische Schritttypen: Tooltip-Post, Zeiger mit Text, Video-Zeiger oder ein Schritt, der einfach eine URL öffnet.

Fallback-Selektoren

Füge Backup-Selektoren pro Schritt hinzu. Ändert sich deine UI, greift die Tour darauf zurück, statt kaputtzugehen.

Mehrsprachige Inhalte

Schreibe jeden Schritt in den Sprachen deiner Zielgruppe. Yaplet zeigt dem richtigen Besucher den richtigen Text.

Mobil-responsiv

Touren funktionieren auf Smartphone und Desktop. Tooltips positionieren sich neu, Größen passen sich an, kein unschöner Überlauf.

Onboarding

Aktivierungsabbrüche in den ersten 5 Minuten senken

Die meisten Nutzer entscheiden in ihrer ersten Session, ob sie bleiben. Yaplet führt sie in dem Moment zum Aha-Moment, in dem sie sich einloggen — ohne Hilfe-Artikel oder Support-Ticket.

  • Willkommenstour startet auf der Dashboard-URL, keine Einrichtung in deiner App nötig
  • Zeige Nutzern, wo die wichtigen Buttons sitzen — in der echten UI
  • Fehlende Elemente? Schritt überspringen, damit unvollständige Konten keine kaputte Tour sehen
Onboarding

Feature-Entdeckung

Bring bestehende Nutzer dazu, neue Features zu entdecken

Du hast etwas Großartiges gebaut, und niemand hat es bemerkt. Starte eine gezielte Tour auf der Seite, auf der es lebt — bestehende Nutzer sehen die Neuigkeit in Sekunden, ohne dein Changelog zu öffnen.

  • Nur die relevante Seite anvisieren: Preise, Einstellungen oder das neue Feature selbst
  • Ein Schritt, zwei Schritte oder eine vollständige Führung
  • Das neue Element anstrahlen und in einfacher Sprache erklären
Feature-Entdeckung

In Minuten live

Schritte gestalten, Snippet einfügen, veröffentlichen

Kein SDK, kein Code pro Schritt. Öffne deine App im Yaplet-Builder, klick die Elemente an, die du hervorheben willst, schreib die Nachrichten, drück auf Veröffentlichen.

1

Schritte gestalten

Öffne deine App im visuellen Yaplet-Builder. Klick ein Element an, schreib den Tooltip, wiederhol es. Ziehen zum Umsortieren.

2

Ein Snippet einfügen

Füge dasselbe Yaplet-Snippet ein, das du für den Live-Chat verwenden würdest. Eine Installation für Chat, Touren, Umfragen und mehr.

3

Veröffentlichen und anvisieren

Start-URL festlegen, Zielgruppe wählen, live schalten. Jederzeit bearbeiten, kein erneutes Deployment auf deiner Seite.

Install-Snippethtml
<!-- Ein Snippet betreibt Chat, Touren und den Rest von Yaplet -->
<script src="https://yaplet.com/api/sdk/loader?widgetId=YOUR_WIDGET_ID" async></script>
<script>
  Yaplet.initialize("YOUR_WIDGET_ID");
</script>

Deine erste Tour in unter 10 Minuten veröffentlichen

Hör auf, Docs zu schreiben, die niemand liest. Bau heute eine Tour im kostenlosen Tarif — keine Kreditkarte, jederzeit anpassbar, wenn sich dein Produkt ändert.

Keine Kreditkarte Kostenloser Tarif, für immer Jederzeit kündbar

Häufige Fragen

So funktionieren Yaplet-Touren

Kurze, ehrliche Antworten. Noch Fragen? Öffne einen Chat und wir antworten.

Mit einem echten Menschen sprechen

Wir nutzen Yaplet auch selbst. Probier es bei uns aus.

In deiner App. Sobald das Yaplet-Snippet installiert ist, werden Touren als Overlay über deiner echten UI angezeigt. Tooltips verankern sich an deinen echten Buttons, Menüs und Formularen.

Nein. Du gestaltest jeden Schritt in Yaptlets visuellem Builder: öffne dein Produkt im Builder, klick das Element an, das du hervorheben willst, tippe die Nachricht, und Yaplet erfasst den Selektor für dich.

Du legst eine Start-URL für die Tour fest, plus optionale Besucher- und Verhaltensbedingungen (Seite, Zeit auf der Seite, benutzerdefinierte Eigenschaften, Häufigkeit). Yaplet öffnet die Tour nur, wenn diese übereinstimmen.

Jeder Schritt kann Fallback-Selektoren haben, die Yaplet der Reihe nach versucht. Du kannst einen Schritt auch als 'überspringen, wenn versteckt' markieren, damit ein optionales Element den Ablauf nie unterbricht.

Vier Typen: ein zentrierter Post, ein Zeiger-Tooltip an einem Element, ein Zeiger mit eingebettetem Video und ein Link-Schritt, der den Besucher zu einer anderen URL weiterleitet. In beliebiger Kombination.

Ja. Touren unterstützen Besucher- und Seiten-Targeting, damit du eine Willkommenstour für neue Anmeldungen und eine Feature-Entdeckungstour nur für Nutzer in einem bestimmten Plan oder auf einer bestimmten Seite starten kannst.

Ja. Tooltips positionieren sich für schmalere Bildschirme neu, und der Hervorhebungsrahmen passt sich dem verankerten Element an. Dieselbe Tour funktioniert auf Smartphone und Desktop.

Bewertungen

Die Leute lieben uns

Beliebt bei Menschen und Teams, denen daran liegt, jede Kundeninteraktion aufschlussreicher und effizienter zu machen.

G2G2
4.9/ 5
Hervorragend
CapterraCapterra
4.9/ 5
Hervorragend
"Wir haben drei Tools durch Yaplet ersetzt und unsere Antwortzeit ist von 4 Stunden auf 2 Minuten gesunken. Die AI liegt fast jedes Mal richtig."
MK

Maya K.

Leiterin Support, SaaS-Unternehmen

"Die Einrichtung war ehrlich gesagt die einfachste seit 10 Jahren. Wir waren Montagmorgen live und haben bis zum Mittag Tickets beantwortet."
JD

James D.

Gründer, Kleinunternehmen

"Vex AI bewältigt rund 80 % unserer Fragen selbst. Mein Team kann sich endlich auf die Konversationen konzentrieren, die wirklich einen Menschen brauchen."
SP

Sara P.

Customer-Success-Leitung