Egyéni „Chat megnyitása” gomb hozzáadása
Hozzon létre egy egyéni gombot, amely kattintásra bárhol megnyitja a WhisperBotot a weboldalán.
Frissítve: 2026. július 7.
A szokásos, lebegő chat gomb (launcher) mellett létrehozhat egy egyéni gombot is, amely kattintásra megnyitja a WhisperBotot. A szöveget és a színt Ön választja ki, a Whisper pedig generál egy rövid HTML kódrészletet, amelyet bárhová beilleszthet a weboldalán — például egy termékoldal call-to-action eleveként, a GYIK szekcióban vagy egy bannerben.
Kiváló felhasználási terület a Kapcsolat oldal: egy „Ask us” feliratú gomb arra ösztönzi a látogatókat, hogy először próbálják ki az AI azonnali válaszát, ahelyett hogy rögtön egy kapcsolatfelvételi űrlapot töltenének ki. Ez különösen hasznos azoknál a látogatóknál, akiknek korábban rossz tapasztalatuk volt más, kevésbé hasznos chatbotokkal — az egyéni gomb alacsony küszöbű lehetőséget ad nekik, hogy pontosan ott próbálják ki a WhisperBotot, ahol ennek a legnagyobb értelme van.
A gomb létrehozása#
Nyissa meg a bot beállításait
A bal oldali menüben kattintson a WhisperBots menüpontra, és válassza ki a botját.
Nyissa meg a Button to open chatbot szakaszt
A bot beállításainak navigációjában megtalálja a Button to open chatbot szakaszt — ez a Placement és a Training szakasz között található.
Adja meg a gomb szövegét
Töltse ki a Button text mezőt (alapértelmezett érték: „Ask us”).
Válasszon színt
Válassza ki a Button color színt a színválasztóval vagy hexakód megadásával. Alapértelmezés szerint a bot színe kerül beállításra, a szöveg színét pedig a rendszer automatikusan úgy számítja ki, hogy kontrasztban álljon a háttérrel.
Ellenőrizze az előnézetet
A Preview részben megtekintheti, hogyan fog kinézni a gomb.
Másolja ki a kódot
Kattintson a Copy script gombra a generált kód vágólapra másolásához.
A gomb beillesztése a weboldalra#
- Shoptet: A kód a Shoptet bármelyik oldalára beilleszthető. Nyissa meg az oldalt a Shoptet szerkesztőjében, kattintson a „Show source code” lehetőségre, és illessze be ott a kódot.
- Egyéb platformok: Illessze be a kódot bárhová azon oldalak HTML-jébe, ahol meg szeretné jeleníteni a gombot. Az adott oldalon már telepítve kell lennie a chat widget telepítő szkriptjének — maga a gomb önmagában nem tölti be a widgetet.
Fontos működési tudnivalók#
- Ha a Button text mezőt üresen hagyja, nem generálódik kód, így nincs mit kimásolni.
- A szöveg elején és végén lévő felesleges szóközöket a rendszer a kód generálásakor automatikusan eltávolítja.
- A generált kód statikus: ha később megváltoztatja a szöveget vagy a színt a beállításokban, a weboldalára már beillesztett kód nem frissül automatikusan. A weboldalán lévő kódot manuálisan kell lecserélnie az új, kimásolt kódra.
- A gombot tetszőleges számú helyen elhelyezheti a weboldalán — ez egyszerűen egy HTML kódrészlet, amelyet Ön maga illeszt be, ahányszor csak szeretné.
- Ez a gomb egy kiegészítő belépési pont a chathoz — nem helyettesíti a lebegő chat gombot (launcher).