Amire szükséged lesz
- A widget beágyazási kódrészlete (a widget szerkesztőben kattints a Beágyazás gombra a tetején — megnyílik egy "Embed script" nevű ablak, ahonnan kimásolhatod a kódot).
- Egy egyszerű, szerkeszthető HTML-oldal, vagy bármely általad kezelt weboldal.
- Két böngészőablak: egy a tesztoldalhoz (látogatói oldal), egy a Yaplet dashboardhoz (ügyintézői oldal).
1. Telepítsd a widgetet egy tesztoldalra
A leggyorsabb tesztelési mód egy egyszerű HTML-fájl létrehozása a számítógépeden:
<!DOCTYPE html>
<html>
<head><title>Teszt</title></head>
<body>
<!-- Illeszd be ide a Yaplet kódrészletedet -->
</body>
</html>A kódrészlet megszerzéséhez nyisd meg a dashboardot, menj a Widgetek menüpontra, kattints a widgetedre, majd kattints a Beágyazás gombra a szerkesztő tetején. Másold ki a kódrészletet a megnyíló ablakból, és illeszd be a záró </body> tag elé a tesztfájlban.
Nyisd meg a HTML-fájlt a böngésződben. A Yaplet indítógombjának meg kell jelennie az oldal sarkában. Ha nem jelenik meg, lásd a A telepítés ellenőrzése cikket a hibaelhárítási lépésekért.
A kódrészletet közvetlenül bármely általad kezelt élő weboldalra is beillesztheted — az eredmény ugyanaz. Ha nem szeretnéd, hogy a látogatóid befejezetlen beállításokat lássanak, használj staging- vagy tesztkörnyezetet az éles weboldal helyett.
2. Küldj üzenetet látogatóként
A tesztoldalt mutató böngészőfülön kattints a Yaplet indítógombjára. A widget megnyílik. Írj egy rövid üzenetet — például "Szia, ez egy teszt" —, majd nyomj Entert vagy kattints a Küldés gombra.
Most te töltöd be a látogató szerepét. Az üzenet megérkezett a munkaterületed beérkező üzenetei közé.
3. Keresd meg a beszélgetést a beérkező üzenetekben
Váltj a Yaplet dashboard böngészőfülére. A bal oldalsávban kattints a Beérkező üzenetek menüpontra. Az új beszélgetésnek a lista tetején kell megjelennie — valós időben érkezik, általában egy másodpercen belül.
Kattints a beszélgetésre a megnyitásához. Látni fogod a látogatóként küldött üzenetet, valamint a jobb oldalsávban a metaadatokat: a widgetet, az IP-címet, a helyszínt, és a látogató böngészőjét és eszközét.
4. Válaszolj ügyintézőként
Írd be a válaszodat a beszélgetés alján lévő szövegmezőbe, majd nyomj Entert vagy kattints a Küldés gombra. Váltj vissza a tesztoldal böngészőfülére — a válasz azonnal megjelenik a widgetben.
Ezzel teljesítetted a teljes kört: a látogató küld → az üzenet megérkezik a beérkező üzenetekbe → az ügyintéző válaszol → a látogató valós időben látja a választ.
Mi a következő lépés?
A widget működik. Ha készen állsz az éles weboldalra való telepítésre, kövesd a A Yaplet telepítése bármely weboldalra JavaScript-kódrészlettel cikket az éles telepítési útmutatóért.
Ha szeretnéd felfedezni, mit tud még a Yaplet az első héten, ugorj a Mit állíts be ezután — első heti ellenőrzőlista cikkre.