WAzion logója
SEGÉLYKÖZPONT

Web chat plugin mesterséges intelligenciával

Adj intelligens csevegőt a weboldaladhoz, hogy automatikusan kiszolgálja a látogatókat ugyanazzal a WhatsApp mesterséges intelligenciával.

Mi az a Chat Plugin?

A csevegő plugin lehetővé teszi, hogy mesterséges intelligencia asszisztenst adj bármely weboldalhoz. A látogatók közvetlenül az MI-vel cseveghetnek WhatsApp nélkül, és te ugyanazokat az integrációkat és funkciókat használhatod a kiszolgálásukhoz, amelyeket már beállítottál.

  • • Automatikus válaszok üzletedben tanított MI segítségével
  • • Hozzáférés termékek, ügyfelek és testreszabott funkciók kereséséhez
  • • Többnyelvű támogatás automatikus fordítással
  • • 10 testreszabható dizájn téma
  • • Lebegő mód (sarokgomb) vagy beágyazott (egy div-ben)

Hogyan aktiváljuk a bővítményt

  1. Nyisd meg a WAzion irányítópultját
  2. Az oldalsó menüben kattints a „Bővítmények” → „Csevegés” lehetőségre.
  3. Kapcsold be az „Aktív bővítmény” kapcsolót
  4. Add hozzá a domainedet a „Hivatalos domainek” között (pl.: mitienda.com)
  5. Másold ki az integrációs kódot, és illeszd be a weboldaladba.

Integrációs kód

Másold ezt a kódot, és illeszd be a webhelyed </body> záró címkéje elé: 

<!-- WAzion Chat Web -->
<script>
(function(w,d,s,t){if(w.WazionPlugin)return;w.WazionPlugin={token:t};
var js=d.createElement(s);js.async=true;
js.src='https://www.wazion.com/plugins/chat/embed.js';
js.dataset.token=t;d.body.appendChild(js);
})(window,document,'script','TU_TOKEN_AQUI');
</script>

A token automatikusan generálódik a bővítmény aktiválásakor. Megtalálod a chat beállításai között.

Beágyazott mód (opcionális)

Ha inkább egy adott tartályba szeretnéd beilleszteni a csevegőt lebegő gomb helyett, csomagold be a kódot egy div-be: 

<div id="mi-chat" style="height: 500px;">
  <script>
  (function(w,d,s,t){if(w.WazionPlugin)return;w.WazionPlugin={token:t};
  var js=d.createElement(s);js.async=true;
  js.src='https://www.wazion.com/plugins/chat/embed.js';
  js.dataset.token=t;d.body.appendChild(js);
  })(window,document,'script','TU_TOKEN_AQUI');
  </script>
</div>

A csevegés a tartalmazó div-en belül fog megjelenni, nem pedig lebegő gombként.

Shopify telepítési útmutató

Kövesd ezeket a lépéseket, hogy hozzáadd a csevegést az összes oldaladhoz a Shopify áruházadban.

1

Lépj be a témaszerkesztőbe

A Shopify adminisztrációs paneljén:

  1. Menj a Online bolt a bal oldali menüben
  2. Kattints a Témák-ra
  3. Az aktuális témádban kattints a ... (három pont) gombra
  4. Válassza a Kód szerkesztése lehetőséget
2

Keresd meg a theme.liquid fájlt

A szerkesztő bal oldali paneljén:

  1. Keresd meg a Layout mappát
  2. Kattints a theme.liquid-re

Megjegyzés: theme.liquid az a fő fájl, amely betöltődik az üzleted összes oldalán.

3

Keresse meg a </body> címkét

A kódszerkesztőben:

  1. Használd a Ctrl+F (Windows) vagy a Cmd+F (Mac) billentyűkombinációt a kereséshez
  2. Írd be </body> és nyomd meg az Entert
  3. A címkét a fájl végéhez közel találod.
4

Illeszd be a chat kódját

Illeszd be a következő kódot PONTOSAN a </body> elé:

<!-- WAzion Chat Web -->
<script>
(function(w,d,s,t){if(w.WazionPlugin)return;w.WazionPlugin={token:t};
var js=d.createElement(s);js.async=true;
js.src='https://www.wazion.com/plugins/chat/embed.js';
js.dataset.token=t;d.body.appendChild(js);
})(window,document,'script','TU_TOKEN_AQUI');
</script>
<!-- /WAzion Chat Web -->
</body>

Fontos: Cseréld le a TU_TOKEN_AQUI-t arra a tokenre, amely a WAzion irányítópultodon jelenik meg.

5

Mentse el a módosításokat

Kattintson a Mentés gombra a szerkesztő jobb felső sarkában.

6

Ellenőrizze a telepítést

Látogass el az üzletedbe inkognitó ablakban. A képernyő sarkában látnod kell a csevegőgombot.

Alternatív módszer: Egyedi Pixelek (Shopify Plus)

Ha Shopify Plus előfizetésed van, használhatod az Egyedi Pixeleket:

  1. Lépj a Beállítások → Ügyfél adatvédelme → Egyedi pixelek menüpontra
  2. Kattints a Egyedi pixel hozzáadása gombra
  3. Adj neki egy nevet (pl.: “WAzion Chat“)
  4. A kódmezőbe illessze be:
analytics.subscribe("page_viewed", (event) => {
  if (window.WazionPlugin) return;
  window.WazionPlugin = {token: 'TU_TOKEN_AQUI'};
  const js = document.createElement('script');
  js.async = true;
  js.src = 'https://www.wazion.com/plugins/chat/embed.js';
  js.dataset.token = 'TU_TOKEN_AQUI';
  document.body.appendChild(js);
});

WordPress telepítési útmutató

1. lehetőség: Bővítménnyel (ajánlott)

Használj egy bővítményt a kód beszúrásához a láblécbe:

  1. Telepítse az Insert Headers and Footers (WPCode-tól) vagy hasonló bővítményt
  2. Menj a Code Snippets → Header & Footer menüpontra
  3. A Lábléc szakaszban illeszd be a chat kódját:
<script src="https://www.wazion.com/plugins/chat/embed.js"
        data-token="TU_TOKEN_AQUI"></script>

Mentse el a változtatásokat, és a csevegés meg fog jelenni az összes oldalon.

2. lehetőség: functions.php szerkesztése

Figyelem: Ez a módszer alapvető PHP ismereteket igényel. Készíts biztonsági másolatot előtte.

  1. Menj a Kinézet → Téma fájlszerkesztő
  2. Válaszd ki a functions.php-t a fájlok listájából
  3. Add hozzá ezt a kódot a fájl végéhez:
// WAzion Chat Web
function wazion_chat_script() {
    echo '<script src="https://www.wazion.com/plugins/chat/embed.js"
          data-token="TU_TOKEN_AQUI"></script>';
}
add_action('wp_footer', 'wazion_chat_script');

Útmutató HTML/webhelyekhez és egyébhez

Bármilyen weboldalhoz (statikus HTML, React, Vue, Angular stb.):

Alapstruktúra

Illeszd be a kódot közvetlenül a </body> előtt az HTML fájlodban:

<!DOCTYPE html>
<html>
<head>
    <title>Mi sitio web</title>
</head>
<body>
    <!-- Tu contenido aquí -->

    <!-- WAzion Chat Web - Pegar AQUÍ, antes de </body> -->
    <script src="https://www.wazion.com/plugins/chat/embed.js"
            data-token="TU_TOKEN_AQUI"></script>
</body>
</html>

SPA alkalmazásokhoz (React, Vue, Angular)

Töltheted be a scriptet dinamikusan:

// En tu componente principal o App.js
useEffect(() => {
  const script = document.createElement('script');
  script.src = 'https://www.wazion.com/plugins/chat/embed.js';
  script.dataset.token = 'TU_TOKEN_AQUI';
  script.async = true;
  document.body.appendChild(script);

  return () => document.body.removeChild(script);
}, []);

Hibaelhárítás

A csevegő nem jelenik meg

  • → Ellenőrizze, hogy a bővítmény aktív-e a Vezérlőpulton.
  • → Ellenőrizd, hogy a domained szerepel-e az engedélyezett domainek listáján
  • → Nyisd meg a böngésző konzolját (F12), és keresd meg a hibákat
  • → Próbáld meg inkognitó ablakban a gyorsítótár kizárásához.

Helytelen domain jogosultság

  • → Add meg pontos domainedet az engedélyezett listához (http:// és / nélkül)
  • → Ha www-t használsz, add hozzá mind a “midominio.com“, mind a “www.midominio.com“ címet
  • → A helyi fejlesztéshez add hozzá a “localhost“-ot, vagy ideiglenesen használd a “*“ jelet

A csevegő megjelenik, de nem válaszol.

  • → Ellenőrizd, hogy van-e elérhető kredit a fiókodban
  • → Ellenőrizze, hogy a token helyes-e
  • → Ellenőrizd, hogy elérted-e a sebességkorlátozás határát

Beállítási lehetőségek

Engedélyezett domainek

Azoknak a domaineknek a listája, ahol a csevegés működhet. Biztonsági okokból csak az általad engedélyezett domainekről használható.

  • • mitienda.com
  • • *.mitienda.com (aldomainokat is beleértve)
  • • * (bármelyik domain - csak fejlesztéshez)

Megjelenítési mód

Lebegő

Megjelenít egy gombot az oldal sarkában. A gombra kattintva megnyílik a csevegőablak.

Beágyazott

A csevegő egy div konténerbe van beágyazva az oldaladon, ami ideális kapcsolatfelvételi oldalakhoz.

Lebegő Gomb Beállítása

  • • Pozíció: Lent jobbra, lent balra, fent jobbra vagy fent balra
  • • Ikon: 6 elérhető ikon (buborék, üzenet, támogatás, robot, stb.)
  • • Színek: Testreszabható háttérszín és ikon szín
  • • Méret: Kicsi (48px), Közepes (60px), Nagy (72px)
  • • Animáció: Semmi, ütés vagy visszapattanás a figyelem felkeltésére
  • • Eszközsúgó Szöveg, amely megjelenik az egérgomb fölé húzásakor

Tervezési témák

10 előre elkészített témák a chat márkádhoz való igazításához:

Minimal Modern Classic Dark Ocean Sunset Forest Rose Slate Neon

Chat üzenetek

Testreszabhatod a látogató által látott szövegeket:

  • • Chat címe (fejléc)
  • • Üdvözlő üzenet
  • • Szövegmező helyőrzője
  • • Küldés gomb szövege

A szövegek automatikusan a látogató nyelvére fordulnak.

Nyelvbeállítások

Automatikus érzékelés

Automatikusan felismeri a látogató böngészőjének nyelvét.

Rögzített nyelv

Mindig egy adott nyelven jelenítsen meg (például: csak spanyolul).

Választóval

Automatikusan érzékeli, de lehetővé teszi a látogató számára, hogy manuálisan válassza ki a nyelvet.

Viselkedés

  • • Automatikus megnyitás A csevegő automatikusan megnyílik X másodperc múlva
  • • Hangzás: Hang lejátszása üzenet fogadásakor
  • • Márkázás A “Powered by WAzion“ megjelenítése a csevegésben

Üzenetkorlátozás

Véd meg a fiókodat a túlzott használattól azáltal, hogy munkameneti korlátokat állítasz be:

  • • Üzenetek maximális száma időablakonként (például: 30 üzenet)
  • • Időablak percekben (pl.: 60 perc)

Chat prompt

Írhatsz konkrét utasításokat a webes csevegéshez, vagy szinkronizálhatod a WhatsApp parancsoddal:

  • •
    Módosítás MI-vel: Írj útmutatásokat természetes nyelven (pl.: „adj hozzá nyitvatartási időt 9-től 18 óráig”), és az MI automatikusan módosítja a promptodat. Egy vizuális különbségjelzőt fogsz látni a változásokkal: zölddel jelölt beszúrt szöveg és pirossal jelölt törölt rész.
  • •
    Importálás általános sablonból: Másold át WhatsApp üzenetedet a bővítménybe egy kattintással.
  • •
    Verziótörténet: Minden mentéskor létrejön egy verzió. Bármely korábbi verzió visszaállítható.

Automatikus szinkronizálás: A Prompt Szerkesztőből bejelölheted az „Mentéskor a webes plugin promptjának frissítése” opciót. Az MI automatikusan módosítja a promptodat, eltávolítva a WhatsAppra való hivatkozásokat.

Egyedi CSS

Speciális beállításokhoz egyéni CSS-t adhatsz hozzá, amely a csevegésre lesz érvényes.

Az MI funkciói a csevegésben

A chat MI ugyanazokhoz a funkciókhoz fér hozzá, mint a WhatsApp asszisztensed:

Termékkeresés

Az MI képes keresni a boltod termékei között és megjeleníteni az információkat.

Ügyfélinformációk

Ha van CRM-ed vagy Shopify-d csatlakoztatva, az MI hozzáfér az ügyfél adataihoz.

Web keresés

Ha engedélyezve van, az MI képes az interneten információt keresni.

Egyedi funkciók

Az egyéni függvényeid (function calling) működnek a csevegésben.

Statisztikák és Beszélgetés-néző

Használati mérőszámok

A Vezérlőpulton láthatod a chat használati mutatóit:

  • • Teljes beszélgetések
  • • Összes üzenet
  • • Az elmúlt 7 nap beszélgetései
  • • Aktív munkamenetek az elmúlt 24 órában

Beszélgetés néző

Ellenőrizd az összes csevegést a látogatóiddal:

  • • Szűrő időszak szerint: Ma, 7 nap, 30 nap, 90 nap, 1 év, mind, vagy egyéni dátumtartomány
  • • Lapozható lista: Böngésszen az összes beszélgetés között (oldalanként 10)
  • • Teljes részletességgel: Kattints bármelyik beszélgetésre az összes üzenet megtekintéséhez
  • • Látogató információi: Nyelv, üzenetek száma és eredeti oldal

Megnyitás előre megírt üzenettel

Megnyithatod a csevegést egy előre meghatározott üzenettel, ha hozzáadod a ?Message= paramétert az URL-hez: 

https://mitienda.com/contacto?Message=Quiero información sobre el producto X

A csevegő automatikusan megnyílik és elküldi a megadott üzenetet.

Gyakran ismételt kérdések

Kapcsolódó cikkek

Prompt szerkesztő →

Állítsd be az utasításokat az MI számára

Egyedi funkciók →

Engedje meg, hogy az MI hívja az API-jait.

Hitelrendszer →

Értsd meg, hogyan működnek a hitelek

Integrációk →

Csatlakoztassa a Shopify-t és más rendszereket

WAzion asszisztens

Kereskedelmi információk és műszaki támogatás

Szia! A WAzion asszisztense vagyok. Segíthetek árinformációkkal és csomagokkal, technikai kérdésekkel, beállításokkal vagy bármilyen kérdéssel kapcsolatban a termékünkkel kapcsolatban. Miben segíthetek?
Fejlesztve a következővel WAzion AI