Producttours / onboarding

Laat je product zien, leg het niet uit.

Nieuwe gebruikers melden zich aan, raken de weg kwijt, en haken dan af. Yaplet-tours begeleiden ze naar het aha-moment met tooltips verankerd aan je echte knoppen, doelmarkering en triggers op URL of gedrag. Gebouwd in een point-and-click editor, geen code per stap.

  • Verankerde tooltips op echte DOM-elementen
  • Geen code per stap. Aanwijzen, klikken, schrijven.
  • Markeert het doel en vervaagt de rest van de pagina
  • Activeer tours via URL of bezoekersgedrag
Gemiddelde score 4,9
G2Capterra op G2 & Capterra Geen code
Stap 2 · van 5Aha-moment Doel

Direct in je product

Een overlay op de pagina, geen aparte documentatie.

Tours draaien bovenop je echte app: dezelfde knoppen, dezelfde menu's. Yaplet koppelt de tooltip aan het element dat je kiest en markeert het doel, zodat gebruikers zien wat ze moeten klikken zonder een screenshot te vergelijken.

app.example.com/dashboard
Je app

Stap 2 van 5

Open de inbox

Elk gesprek komt hier terecht: chat, e-mail en meer.

Verankerd aan echte elementen

Klik op een knop, menu of invoerveld met de visuele kiezer. De tooltip volgt het element bij lay-outwijzigingen.

Gestart op URL

Stel een start-URL in. De tour wacht op de juiste pagina voordat die opent, zodat die nooit op de verkeerde plek verschijnt.

Reserve-selectors

Voeg reserve-selectors toe per stap. Als het element ontbreekt, probeert Yaplet de volgende.

Overslaan als verborgen

Stappen gekoppeld aan optionele UI? Yaplet slaat die over als het doel niet op het scherm staat.

In Yaplet Tours

Alles wat je nodig hebt om gebruikers in-app te begeleiden.

Hetzelfde dashboard als je chat, CRM en kennisbank. Eén tool, geen vijf. Point-and-click builder, gedragstriggers en stappen die een echt product overleven zonder add-ons of upgrade-muren.

Visuele no-code builder

Open je app, klik een element aan, schrijf het bericht. Sleep stappen om te herordenen en bekijk een preview terwijl je bezig bent. Geen code per stap.

Doelgericht via selector

Elke stap is verankerd aan een CSS-selector die je visueel kiest. De tooltip volgt het element waar het ook staat op de pagina.

Activeer via URL of gedrag

Laat de juiste tour aan de juiste gebruiker zien: bezocht X maar deed Y niet, op een specifieke pagina, op een specifiek plan. Meer dan 'eerste bezoek'.

Meerstaps met voortgang

Koppel zoveel stappen als je nodig hebt. Bezoekers zien een rij voortgangsstipjes en kunnen in hun eigen tempo verder.

Markeer het doel

Yaplet markeert het element en vervaagt de rest van de pagina, zodat gebruikers weten waar ze moeten kijken zonder een wirwar van pijlen.

Tekst, video en links

Mix stapsoorten: tooltip-bericht, aanwijzer met tekst, video-aanwijzer of een stap die gewoon een URL opent.

Fallback-selectors

Voeg reserveselectors toe per stap. Als je UI wijzigt, valt de tour terug op die selectors in plaats van te breken.

Meertalige inhoud

Schrijf elke stap in de talen die je doelgroep spreekt. Yaplet toont de juiste tekst aan de juiste bezoeker.

Mobiel responsief

Tours werken op telefoon en desktop. Tooltips herpositioneren, formaten passen zich aan, geen ongemakkelijk overloop.

Onboarding

Verminder uitval bij activatie in de eerste 5 minuten

De meeste gebruikers besluiten of ze blijven tijdens hun eerste sessie. Yaplet begeleidt ze naar het aha-moment zodra ze inloggen, zonder helpartikel of supportticket.

  • Welkomsttour begint op de dashboard-URL, geen configuratie in je app nodig
  • Laat gebruikers zien waar de belangrijke knoppen zitten, in de echte UI
  • Sla stappen over wanneer een element er niet is, zodat deelaccounts nooit een kapotte tour zien
Onboarding

Functieontdekking

Laat bestaande gebruikers de functies vinden die je heeft geleverd

Je hebt iets geweldigs geleverd en niemand merkte het. Voer een gerichte tour uit op de pagina waar het staat, zodat bestaande gebruikers in seconden zien wat nieuw is zonder je changelog te openen.

  • Richt alleen op de relevante pagina: prijzen, instellingen, de nieuwe functie zelf
  • Eén stap, twee stappen of een volledig doorlopen
  • Markeer het nieuwe element en leg het uit in eenvoudige taal
Functieontdekking

Live in minuten

Ontwerp stappen, voeg één snippet toe, publiceer

Sla de SDK en de per-stap code over. Open je app in de Yaplet builder, klik de elementen aan die je wilt markeren, schrijf de berichten, klik op publiceren.

1

Ontwerp je stappen

Open je app in Yaplet's visuele builder. Klik een element aan, schrijf de tooltip, herhaal. Sleep om te herordenen.

2

Voeg één snippet toe

Voeg hetzelfde Yaplet-snippet toe dat je voor live chat zou gebruiken. Eén installatie voor chat, tours, enquêtes en meer.

3

Publiceer en target

Stel de start-URL in, kies wie het ziet en lever. Bewerk op elk moment, geen herindienst aan jouw kant.

Snippet installerenhtml
<!-- Eén snippet drijft chat, tours en de rest van Yaplet aan -->
<script src="https://yaplet.com/api/sdk/loader?widgetId=YOUR_WIDGET_ID" async></script>
<script>
  Yaplet.initialize("YOUR_WIDGET_ID");
</script>

Lever je eerste tour in minder dan 10 minuten

Stop met docs schrijven die niemand leest. Bouw vandaag een tour op het voor-altijd-gratis plan, zonder creditcard, en publiceer opnieuw wanneer je product verandert.

Geen creditcard Gratis plan voor altijd Op elk moment opzeggen

Veelgestelde vragen

Hoe Yaplet-tours werken

Korte, eerlijke antwoorden. Nog vastgelopen? Open een chat en we antwoorden.

Praat met een echt persoon

Wij gebruiken Yaplet ook. Probeer het bij ons.

In je app. Zodra het Yaplet-snippet is geïnstalleerd, renderen tours als overlay bovenop je echte UI. Tooltips zijn verankerd aan je echte knoppen, menu's en formulieren.

Nee. Je ontwerpt elke stap in Yaplet's visuele builder: open je product in de builder, klik het element aan dat je wilt markeren, typ het bericht en Yaplet legt de selector vast.

Je stelt een start-URL in op de tour, plus optionele bezoeker- en gedragsomstandigheden (pagina, tijd op pagina, aangepaste eigenschappen, frequentie). Yaplet opent de tour alleen wanneer die overeenkomen.

Elke stap kan fallback-selectors hebben die Yaplet op volgorde probeert. Je kunt ook een stap markeren als 'overslaan als verborgen' zodat een optioneel element de flow nooit breekt.

Vier typen: een gecentreerd bericht, een aanwijzer-tooltip op een element, een aanwijzer met ingesloten video en een linkstap die de bezoeker naar een andere URL stuurt. Gebruik ze in elke combinatie.

Ja. Tours ondersteunen bezoeker- en paginatargeting, zodat je een welkomsttour voor nieuwe aanmeldingen en een functieontdekkingstour alleen voor gebruikers op een specifiek plan of pagina kunt uitvoeren.

Ja. Tooltips herpositioneren voor smallere schermen en de markeringsring past zich aan welk element je ook hebt verankerd. Dezelfde tour werkt op telefoon en desktop.

Reviews

Mensen zijn dol op ons

Geliefd bij mensen en teams die er alles aan doen om elke klantinteractie inzichtelijker en efficiënter te maken.

G2G2
4.9/ 5
Uitstekend
CapterraCapterra
4.9/ 5
Uitstekend
"We hebben drie tools vervangen door Yaplet en onze reactietijd daalde van 4 uur naar 2 minuten. De AI heeft het bijna elke keer goed."
MK

Maya K.

Hoofd Support, SaaS-bedrijf

"De setup was eerlijk gezegd de makkelijkste die ik in 10 jaar heb gedaan. We waren maandagochtend live en beantwoordden tickets voor de lunch."
JD

James D.

Oprichter, klein bedrijf

"Vex AI handelt zo'n 80% van onze vragen zelfstandig af. Mijn team kan zich eindelijk richten op de gesprekken die echt een mens nodig hebben."
SP

Sara P.

Customer Success Lead