A termékbemutató egy lépéssorozat, amely a termék felhasználói felületének egyes elemein keresztül vezeti végig a látogatókat. Minden lépés rögzíthető egy adott gombhoz vagy panelhez, vagy lebeghet a képernyő közepén. A bemutatókat vizuálisan készíted el a dashboardon — kód nem szükséges.
1. Nyisd meg a bemutató-készítőt
Menj a Megkeresés → Bemutatók menüpontra, és kattints az Új bemutató gombra. Adj nevet a bemutatónak (csak belső használatra — a látogatók soha nem látják), majd kattints a Létrehozás gombra.
2. Állítsd be a kezdő URL-t
Add meg azt az URL-t, ahol a bemutató kezdődik. Amikor egy látogató elindítja a bemutatót, az első lépés megjelenése előtt erre az URL-re irányítódik át. Ez biztosítja, hogy a helyes felhasználói felület látható legyen a bemutató indításakor.
3. Adj hozzá lépéseket
Kattints a Lépés hozzáadása gombra az első lépés létrehozásához. Minden lépésnek van egy típusa:
| Lépéstípus | Leírás |
|---|---|
| Középre igazított bejegyzés | Modal stílusú kártya a képernyő közepén. Nincs elemhez rögzítve. Üdvözlőképernyőkhöz és teljes oldalas bejelentésekhez alkalmas. |
| Mutató tooltip | CSS-szelektor segítségével egy adott felhasználói felületi elemhez rögzített tooltip. A nyíl az elem mozgásával frissül a pozícióját. A leggyakoribb bemutató lépéstípus. |
| Mutató videóval | Ugyanolyan, mint a mutató tooltip, de beágyazott videóval a szöveg felett. Hasznos a funkció rövid képernyőfelvételének megjelenítéséhez. |
| Hivatkozásos lépés | Egy új URL-re irányítja a látogatót a következő lépés megjelenítése előtt. Lépések között használd, amikor a következő elem egy másik oldalon van. |
4. Írd meg a lépés tartalmát
Minden lépésnél töltsd ki:
- Cím — A főcím. Egy rövid kifejezés, pont nélkül a végén.
- Törzs — Egy-két mondat, amely elmagyarázza, mit kell tennie vagy észrevennie a látogatónak.
- Gombfelirat — A „Következő" gomb szövege. Közbenső lépéseknél alapértelmezés szerint „Következő", az utolsó lépésnél „Kész". Igény szerint testre szabható („Értettem", „Gyerünk").
- Elemszelektor (csak mutató lépéseknél) — CSS-szelektor, amely megcélozza a felhasználói felületi elemet, amelyre ez a lépés mutat. Lásd a Bemutatolépések rögzítése felhasználói felületi elemekhez cikket a megbízható szelektor kiválasztásához.
5. Rendezd át a lépéseket
Húzd a lépéseket a lépéslistában a sorrendjük megváltoztatásához. A bemutató felülről lefelé fut.
6. Állítsd be a kiváltó feltételt
Mint minden megkeresés, a bemutatók is a közös kiváltómotort használják — válassz mikor és kinek jelenjen meg a bemutató. A bevezető bemutatóknál a leggyakoribb beállítás a Munkamenet indítása Munkamenetek száma = 1 (csak első látogatóknak) feltétellel és Megjelenítés egyszer látogatónként megjelenési korláttal. Az összes lehetőségért lásd a Kiváltási szabályok cikket.
7. Tedd közzé
Kapcsold a bemutatót Közzétett állapotba, és mentsd el. A bemutató a következő alkalom megjelenítésére a feltételeknek megfelelő látogatóknak jelenik meg.
Előnézet közzététel előtt
Használd a bemutató-készítő Előnézet gombját, hogy végigmenj a bemutatón a kezdő URL-en. Az előnézet mindig megmutatja a bemutatót, függetlenül a kiváltó vagy megjelenési korlát beállításoktól, így közzététel előtt ellenőrizheted, hogy minden lépés megfelelően néz-e ki.
Mi a következő lépés?
Tudd meg, hogyan célozz meg adott felhasználói felületi elemeket a Bemutatolépések rögzítése felhasználói felületi elemekhez cikkben, vagy állítsd be a kiváltót, hogy a megfelelő emberek a megfelelő időben lássák a Bemutató kiváltása URL-lel vagy eseménnyel cikkben.