"Három eszközt cseréltünk le a Yapletre, és a válaszidőnk 4 óráról 2 percre csökkent. Az AI szinte mindig jól válaszol."
MK
Kovács M.
Ügyfélszolgálat vezető, SaaS cég
Termékbemutatók / onboarding
Mutasd meg a terméket, ne magyarázd el.
A Yaplet termékbemutatói az alkalmazásodon belül vezetik végig a felhasználót — valódi elemekhez rögzített tooltipek, kiemelt célpontok, URL vagy viselkedés szerinti indítás. Vizuális szerkesztőben tervezed meg, lépésenkénti kód nélkül.
- Tooltipek valódi DOM elemekhez rögzítve
- Lépésenkénti kód nélkül — kattints, írj, kész
- Reflektorfénybe helyezi a célpontot — a többi elhalványul
- URL vagy látogatói viselkedés szerint indul
5,0 átlagos értékelés
|
G2 és Capterra| Kód nélkül 2. lépés · 5-ből1 snippet Telepítés
Magában a termékedben
Réteg a felületeden, nem külön doksi.
A bemutatók a valódi alkalmazásod tetején futnak. A Yaplet kiválasztja az elemet, mellé rajzolja a tooltipet és kiemeli a célpontot — a felhasználód látja, mire kattintson, nem azt, hogy mit olvasson.
app.example.com/dashboard
A te alkalmazásod
2. lépés / 5
Nyisd meg az Inboxot
Ide érkezik minden beszélgetés — chat, e-mail és a többi.
Valódi elemekhez rögzítve
Bármelyik elemet kiválaszthatod a vizuális kijelölővel. A tooltip rögzítve marad — akkor is, ha változik a layout.
URL szerinti indítás
Megadsz egy kezdő URL-t. A bemutató megvárja a megfelelő oldalt — nincsenek vakindítások.
Tartalék szelektorok
Lépésenként megadhatsz tartalék szelektorokat. Ha az elem hiányzik, a Yaplet csendben a következővel próbálkozik.
Átugrás, ha rejtett
Opcionális UI-elemhez kötött a lépés? A Yaplet kihagyja, ha a célpont nincs a képernyőn.
A Yaplet bemutatóiban
Minden, amivel vezeted a felhasználót.
A Yaplet bemutatói pont azokkal az eszközökkel jönnek, amikre tényleg szükséged van — vizuális szerkesztő, okos triggerek, és lépések, amik túlélik a valódi termékfejlesztést. Nincs kiegészítő, nincsenek felárak.
Vizuális no-code szerkesztő
Megnyitod az alkalmazásod, rákattintasz egy elemre, beírod az üzenetet. Húzással átrendezed a lépéseket, élőben látod az eredményt — lépésenkénti kód nélkül.
Célzás szelektorral
Minden lépés egy CSS szelektorhoz rögzül, amit vizuálisan választasz ki. A tooltip követi az elemet, bárhol is legyen az oldalon.
URL vagy viselkedés szerint indít
Indítsd el a bemutatót egy adott oldalon, eltöltött idő után vagy látogatói tulajdonságok alapján — ne csak egy általános "első látogatás"-ra.
Több lépés, haladásjelző
Annyi lépést láncolsz össze, amennyit akarsz. A látogató látja a haladásjelző pontokat, és a saját tempójában halad.
Célpont kiemelése
A Yaplet reflektorfénybe helyezi az elemet és elhalványítja az oldal többi részét, így a felhasználó pontosan tudja, hova nézzen — nyíl-káosz nélkül.
Szöveg, videó és link
Keverheted a lépéstípusokat: középre igazított poszt, mutató szöveges tooltippel, mutató beágyazott videóval, vagy egyszerű link, ami másik URL-re visz.
Tartalék szelektorok
Lépésenként adhatsz tartalék szelektorokat. Ha változik a UI, a bemutató csendben átvált rájuk — nem törik el.
Többnyelvű tartalom
Minden lépést megírsz a közönséged nyelvein. A Yaplet a megfelelő szöveget mutatja a megfelelő látogatónak.
Mobilon is működik
A bemutatók telefonon és asztali gépen is működnek — a tooltipek áthelyeződnek, a méretek igazodnak, nincs csúnya kilógás.
Onboarding
Vezesd be az új felhasználókat — dokumentáció nélkül
Az első benyomás mindent eldönt. A Yaplet abban a pillanatban végigvezeti az új felhasználót a terméken, amikor belép — eljut az "aha" pillanatig anélkül, hogy egyetlen súgócikket is olvasna.
- Az üdvözlő bemutató a dashboard URL-jén indul — nem kell az alkalmazásodban beállítani semmit
- Mutasd meg a fontos gombokat — magában a valódi felületben
- Hiányzik egy elem? Hagyd ki a lépést — nincs többé eltörött bemutató részleges fiókoknál
Funkciófelfedezés
Élesztsd fel a funkciókat, amiket észre sem vesznek
Kiadtál valami nagyszerűt — és senki sem találta meg. Indíts egy célzott bemutatót a megfelelő oldalon, hogy a meglévő felhasználók másodpercek alatt felfedezzék az újdonságot — changelog olvasása nélkül.
- Csak a releváns oldalt célzod — árazás, beállítások, vagy maga az új funkció
- Egy lépés, két lépés vagy teljes körbevezetés — te döntöd el
- Helyezd reflektorfénybe az új elemet, és magyarázd el egyszerű szavakkal
Percek alatt működik
Tervezd meg, tedd be a snippetet, publikáld
Nincs új SDK, nincs lépésenkénti kód. Megnyitod az alkalmazásod a Yaplet szerkesztőjében, rákattintasz a kiemelni kívánt elemekre, megírod az üzeneteket, publikálsz.
1
Tervezd meg a lépéseket
Nyisd meg az alkalmazásod a Yaplet vizuális szerkesztőjében. Kattints egy elemre, írd be a tooltipet, ismételd. Húzással átrendezed.
2
Tedd be a snippetet
Ugyanaz a Yaplet snippet, amit a live chathez használnál. Egy telepítés viszi a chatet, a termékbemutatókat, a kérdőíveket és a többit is.
3
Publikálj és célozz
Megadod a kezdő URL-t, kiválasztod, ki lássa, és élesíted. Bármikor szerkesztheted — nálad nem kell semmit újratelepíteni.
Telepítő snippethtml
<!-- Egy snippet viszi a chatet, a termékbemutatókat és a Yaplet többi részét -->
<script src="https://yaplet.com/api/sdk/loader?widgetId=YOUR_WIDGET_ID" async></script>
<script>
Yaplet.initialize("YOUR_WIDGET_ID");
</script>Ne írj olyan dokumentációt, amit senki sem olvas
Készítsd el az első bemutatódat még ma. Ingyenes csomag, örökre, bankkártya nélkül — bármikor szerkesztheted és újrapublikálhatod, ahogy változik a terméked.
Bankkártya nélkül Ingyenes csomag, örökre Bármikor lemondható
Gyakori kérdések
Termékbemutatók, érthetően
Rövid, őszinte válaszok arról, hogyan működnek a Yaplet bemutatói. Maradt kérdés? Nyiss egy chatet — mi magunk válaszolunk.
Beszélj egy igazi emberrel
Mi is Yapletet használunk — próbáld ki rajtunk.
Az alkalmazásodon belül. Ha a Yaplet snippet telepítve van, a bemutatók a valódi felületed tetején futnak rétegként — a tooltipek a tényleges gombjaidhoz, menüidhez és űrlapjaidhoz rögzülnek.
Nem. Minden lépést a Yaplet vizuális szerkesztőjében tervezel meg: megnyitod a terméked a szerkesztőben, rákattintasz a kiemelni kívánt elemre, beírod az üzenetet — a Yaplet pedig rögzíti helyetted a szelektort.
Beállítasz egy kezdő URL-t a bemutatóhoz, és opcionális látogatói és viselkedési feltételeket (oldal, eltöltött idő, egyedi tulajdonságok, gyakoriság). A Yaplet csak akkor indítja, ha ezek mind teljesülnek.
Minden lépéshez tartalék szelektorokat adhatsz, amiket a Yaplet sorban kipróbál. Egy lépést meg is jelölhetsz "átugrás, ha rejtett" opcióval, hogy egy opcionális elem soha ne törje meg a folyamatot.
Négyféle: középre igazított poszt, mutató tooltip egy elemen, mutató beágyazott videóval, és link lépés, ami egy másik URL-re viszi a látogatót — bármilyen kombinációban.
Igen. A bemutatók támogatják a látogatói és oldal alapú célzást, így futtathatsz üdvözlő bemutatót az új regisztrálóknak, és funkciófelfedezőt csak egy adott csomagon vagy oldalon lévő felhasználóknak.
Igen. A tooltipek átrendeződnek a keskenyebb képernyőre, a kiemelő keret pedig a célelemhez igazodik — ugyanaz a bemutató működik telefonon és asztali gépen.
Vélemények
Miért választanak minket?
Szakértőinket és technológiánkat azok a csapatok értékelik a leginkább, akik az ügyfél kommunikációt a puszta válaszadás helyett hatékony, stratégiai előnyre váltják.
G25.0/ 5
Kiváló
Capterra5.0/ 5
Kiváló