Nyisd meg a widget beállításait
A dashboard bal oldali menüjében nyisd meg a Márka → (a márkád) → Chat widget menüpontot. Ez egyenesen a szerkesztőbe visz. Nincs Widgetek lista és „Új widget” gomb: chat widget azért van, mert egy márkához tartozik, és egy márkához legfeljebb egy tartozhat.
A szerkesztőnek hat füle van — Megjelenés · Kezdőoldal · Üzenetek · Funkciók · Telepítés · Nyelvek. Az első beállításhoz csak a Megjelenés és a Kezdőoldal fülre lesz szükséged. A képernyő szerkesztéséhez a Márkák jogosultság kell (az adminok „Márkák és chat widgetek” néven látják).
1. Ellenőrizd a widget nevét
A widget neve a Funkciók fül Általános szekciójában található. Ez egy belső név, amivel a saját dashboardodon találod meg a megfelelő widgetet — a látogatók nem látják.
A nyilvános webcímed sincs itt. Az a márkához tartozik, a Márka → (a márkád) → Márkabeállítások → Nyilvános cím alatt, és a módosítását figyelmeztetés kíséri, mert a régi címre korábban megosztott linkek elromlanak. A widget nyelve is márkabeállítás (Márkabeállítások → Általános → Nyelv), és automatikusan öröklődik a widgetre — de ez csak a kiindulási nyelv: a widget kilencet beszél, és a látogatók a földgömb gombbal válthatnak. Lásd: Mutasd a widgetet a látogatóid nyelvén.
2. Válaszd ki a színeidet
Válts a Megjelenés fülre. A tetején lévő Widget szakasz dönti el az egész kinézetet. Az első két sora a Logó és a Bot avatár, utána jönnek a színeid:
- Widget színe — a widget saját alapszíne. Hat kész minta fut a Papírtól (fehér) a Tintáig (majdnem fekete), vagy megadhatsz bármilyen saját színt. Ez dönti el, hogy a widget világosnak vagy sötétnek hat.
- Márkaszínek — egytől háromig, a legfontosabbal kezdve. Az első festi a gombokat, a linkeket és az indítóbuborékot; a második és a harmadik a színátmenetekben és a kezdőlap hátterében jelenik meg.
- Gombok és üzenetek — a színed Egy színként vagy Színátmenetként jelenjen-e meg a gombokon, a látogatók saját üzenetein és az indítóbuborékon.
Minden más — az összes szövegszín, az összes felület, a címkék, a szegélyek — ezekből számolódik, és mindegyiket ellenőrizzük olvashatóságra pontosan azon a háttéren, amin megjelenik.
Sietsz? A szakasz fejlécében a Kiindulópontok tizenkét kész megjelenés egyikét alkalmazza — a színeket, a kezdőlap hátterét, a kártyák stílusát, a sarkokat és az indítóbuborékot együtt —, és Visszavonást is kínál, ha nem tetszik, amit kipróbáltál.
A jobb oldali előnézet valós időben frissül, így a mentés előtt láthatod az eredményt.
3. Válaszd meg az indítógomb pozícióját
Maradj a Megjelenés fülön, görgess le az Indító szekcióhoz, és keresd meg a Pozíció mezőt. Az indítógombot a képernyő jobb alsó vagy bal alsó sarkába helyezheted.
A jobb alsó sarok az alapértelmezett, és a legtöbb weboldal esetén jól működik. Válaszd a bal alsó sarkot, ha az oldalad jobb alsó sarkában már vannak fontos UI-elemek (cookie-sáv, vissza a tetejére gomb stb.).
Ugyanebben a szakaszban állítod be magának a buboréknak a kinézetét — a buborék a weboldaladon ül, nem a widget belsejében: a Buborék színét (a márkaszíneidet követi, amíg rá nem nyomsz a „Márkaszínek másolása” gombra), a Buborék alakját — Kör, Lágy, Lekerekített vagy Szögletes, függetlenül a widget Sarkok beállításától — és az Ikon színét, amit automatikusan választunk kontrasztra, és a mért eredményt ki is írjuk alá. Itt van a Kiemelő gyűrű is: egy vékony vonal, amely lassan körbefut a buborék szélén. Az új widgetek Lekerekített buborékkal és fehér gyűrűvel indulnak.
A kezdőlap háttere, négy rétegben
A Widget szakasz alatt a Kezdőlap szakasz négy egymásra festett rétegből építi fel azt, ami a köszöntés mögött van. Minden réteg kikapcsolható, és bármelyik kombináció működik, tehát semmi nem tiltódik le amiatt, amit máshol választottál. Ha egy lehetőségre kattintasz, az előnézet a kezdőképernyőre vált, és azonnal megmutatja az eredményt:
- Szín — ami a köszöntés mögé kerül: Nincs, Színfolt, Tömör vagy Színátmenet.
- Fénykép — a saját képed a szín fölött. Addig van bekapcsolva, amíg van feltöltött kép, és a formák továbbra is rárajzolódnak.
- Fényfoltok — lágy, elmosódott formák a márkaszíneidben: Nincs, Csíkok, Reflektor vagy Foltok. Hogy milyen erősek, azt abból számoljuk ki helyetted, amin ülnek, így mindig látszanak.
- Vonalak — vékony, éles vonalak a fényfoltok fölött: Nincs, Függőleges vonalak, Rács, Körök, Négyzetek vagy Mindkettő.
- Kiterjedés — meddig ér le az egész réteg: Csak felül, vagyis egy sáv a köszöntés mögött, amely beleolvad az oldalba, vagy Teljes képernyő, a kártyákkal és a navigációval együtt.
Két további sor, a Widget szakasz végén, zárja le a widget formáját. Az alapértékek jók, tehát az első beállításnál nyugodtan átugorhatod őket:
- Kártyák — mennyi márkaszín kerüljön a kártyákra és a címkékre: Semleges, Halvány, Közepes vagy Erős.
- Sarkok — egyetlen skála a panelhez, a kártyákhoz, a gombokhoz, a beviteli mezőkhöz, a címkékhez és a navigációhoz: Szögletes, Lekerekített, Lágy vagy Teljesen kerek. Az indítóbuboréknak saját alakja van, és nem követi ezt.
4. Írd meg a köszöntőd
Nyisd meg a Kezdőoldal fület. Ez az a képernyő, amelyet a látogatók akkor látnak, amikor először nyitják meg a widgetet — és a köszöntő az első dolog, amit elolvasnak.
Két rövid sort fogsz beállítani:
- Fejléc köszöntés — a nagy, barátságos szöveg a tetején, valami olyasmi, mint „Szia 👋”. Tartsd röviden — egy rövid mondat vagy egyetlen kifejezés a legjobb. Az emoji is engedélyezett.
- Üdvözlő üzenet — alcím közvetlenül a köszöntés alatt. Itt állíthatod be az elvárásokat: hívj fel kérdésre, említsd a válaszidődet, vagy irányítsd a látogatókat egy konkrét forráshoz.
Mindkét mező rövid, és a jobb oldali előnézet valós időben frissül, így addig csiszolhatod, amíg igazán a sajátoddá válik. A saját nyelveden írd meg őket: a többi nyelv a mezők melletti földgömb gomb mögött van, az üresen hagyott mező pedig a Yaplet beépített szövegét mutatja minden látogatónak a saját nyelvén.
5. Vagy bízd a tervezést az AI-ra
A Megjelenés fül Widget szakaszának fejlécében van egy Újratervezés AI-val gomb. Add meg a weboldalad címét, és az oldaladhoz igazítja a widgetet: a színeket, a kezdőlap hátterét, a sarkokat és a kártyák stílusát, az indító megjelenését, az avatárt és a fejléclogót — és gyorsgombokat ír a vállalkozásodról.
Előnézetet készít, nem ment — az eredmény az előtted lévő űrlapba kerül, és semmi sem jut el az élő widgetedhez, amíg rá nem nyomsz a Mentésre. Ha a widgetnek már van megjelenése, előbb megkérdezi, megtartod-e vagy lecseréled. Kezdőlap-fényképet soha nem tölt fel.
Az ingyenes csomagban az AI beállítási futások száma korlátozott, és az előnézet is elhasznál egyet, pedig semmit nem ment. A teljes varázslót, a kerettel együtt, itt írjuk le: hagyd, hogy az AI beállítsa a márkádat a weboldaladról.
A képek egy közös könyvtárból jönnek
A szerkesztő minden képmezője — az avatár, a fejléclogó, és a kezdőlap hátterének Fénykép rétege — a Képeid ablakot nyitja meg: rácsba rendezve mindent, amit a szervezeted eddig feltöltött, plusz egy feltöltő csempét. Amit feltöltesz, bekerül ebbe a könyvtárba, így ugyanazt a fájlt a márkalogóhoz vagy a dokumentáció fejlécéhez is felhasználhatod anélkül, hogy kétszer töltenéd fel.
Ami nincs ezen a képernyőn
Két dolgot keresnek itt sokan, és nem találnak. Nincsenek választók az AI bothoz, a tudásbázishoz vagy a dokumentációhoz: a tartalom a márkához tartozik, a widget pedig egyszerűen azt mutatja, ami a márka címén közzé van téve. A Funkciók fül súgó szekciója megmondja, melyik tudásbázisról van szó, és átvisz a Márka → Tudás oldalra. Az egyetlen megmaradt választó a roadmap-tábláé, szintén a Funkciók fülön.
A tartalom cseréje soha nem törli és nem generálja újra az AI tanítóadatait: egy cikk közzététele önmagában teszi használhatóvá az AI számára, semmit nem kell újracsatlakoztatni.
Mentés és előnézet
Kattints a szerkesztő tetején lévő Változtatások mentése gombra. Ha a widgetet látogatói szemszögből néznéd meg, nyisd meg a Telepítés fület — a script ott van, másolásra készen —, és illeszd be egy tesztoldalra. A teljes útmutató: A Yaplet telepítése.
Mi a következő lépés?
A widget be van állítva. Következő lépés: tedd fel egy oldalra, és küldj egy valódi üzenetet — kövesd a Küldd el az első üzeneted a beérkező üzenetekből cikket a teljes körű teszthez.
Ha a szerkesztő körüli menü ismeretlen, a mi az a márka a Yapletben cikk elmagyarázza, mi van még a Márka alatt, és hová került a régi Widgetek és Automatizálás menüpont.