Ugrás a fő tartalomra

Smartsupp telepítés

Ismerje meg, hogyan állíthatja be a Smartsupp alkalmazást weboldalán – a fiók létrehozásától kezdve egészen addig, amíg megbizonyosodik róla, hogy a chat widget élő.

Írta: Michal Jindra

Készen áll arra, hogy összekapcsolja a Smartsupp alkalmazást weboldalával? Ez az útmutató végigvezeti a teljes telepítési folyamaton – a fiók létrehozásától kezdve egészen addig, amíg megerősíti, hogy a chat widget megjelenik az Ön oldalán.

A folyamatot lépésekre bontottuk:


1. lépés: Hozza létre Smartsupp fiókját

Ha még nem rendelkezik Smartsupp fiókkal, kezdje azzal, hogy regisztrál egy Free fiókot. A regisztráció csak egy percet vesz igénybe – mindössze egy e-mail címre van szüksége.

Miután fiókját létrehozta, az Smartsupp irányítópulthoz kerül, ahol megtalálja egyedi chat kódját, és elkezdheti élő chat beállítását.

Kapcsolódó források:


2. lépés: Keresse meg chat kódját

A regisztráció után e-mailben megkapja egyedi Smartsupp chat kódját. Ezenkívül bármikor megtalálhatja az irányítópultban a Beállítások > Csatornák > Élő chat > Telepítés > Kód beillesztése menüpont alatt.

Chat kódja valahogy így néz ki:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) {  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];  s=d.getElementsByTagName('script')[0];c=d.createElement('script');  c.type='text/javascript';c.charset='utf-8';c.async=true;  c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>

Tipp: Minden Smartsupp fiókhoz egyedi chat kód tartozik. Győződjön meg arról, hogy a teljes kódrészletet bemásolta – beleértve a <script> nyitó- és záró tageket is.


3. lépés: Adja hozzá a Smartsupp alkalmazást weboldalához

Háromféleképpen telepítheti a Smartsupp alkalmazást weboldalára. Válassza ki azt a módszert, amely leginkább megfelel beállítási igényeinek:

A lehetőség: Kód közvetlen beillesztése

Illessze be a chat kódot weboldala HTML kódjának <head> ... </head> címkéi közé. Ez biztosítja, hogy a Smartsupp minden oldalon betöltődik.

B lehetőség: Google Tag Manager használata

Ha már használja a Google Tag Managert, hogy kezelje a szkripteket weboldalán, a Smartsupp kódot egyedi HTML címkeként is hozzáadhatja. Ez különösen előnyös, ha minden szkriptet egy helyen szeretne tartani.

C lehetőség: Kész plugin használata

A Smartsupp számos népszerű platformhoz kínál pluginokat és integrációkat. Plugin használatával nem kell a kódot szerkesztenie – csak telepítse a plugint és kapcsolja össze Smartsupp fiókjával.

Elérhető pluginok például az alábbi platformokhoz:

Megjegyzés: Ha nem szeretne a weboldal kódjával dolgozni, javasoljuk, hogy használjon plugint, vagy kérje webfejlesztője segítségét a telepítéshez.

Kapcsolódó források:


4. lépés: Ellenőrizze a telepítést

Miután hozzáadta a kódot weboldalához, nyissa meg oldalát egy böngészőben, és ellenőrizze, hogy a chat widget megjelenik-e az oldal alsó sarkában. Látnia kell a Smartsupp chat buborékot, amelyre a látogatók kattinthatnak.

Ha a widget nem jelenik meg, ellenőrizze a következőket:

  • A kód a <head> ... </head> tagek között van (vagy GTM/plugin tölti be).

  • Weboldala publikálva és nyilvánosan elérhető.

  • Nincs olyan JavaScript hiba, ami megakadályozná a szkript betöltését.

Megjegyzés: A telepítés után az irányítópultban demó üzenetek jelenhetnek meg. Ezek a Smartsupp onboarding részei, gyakorláshoz készültek – nem valódi látogatóktól származnak.

Tipp: A Smartsupp alkalmazás működik tablet, iPad, valamint natív mobilalkalmazásainkban Android és iPhone készülékekre is. Töltse le az ingyenes mobilalkalmazást, hogy útközben is chatelhessen ügyfeleivel!


Haladó: Több domain és API testreszabás

A Smartsupp alkalmazást csomagtól függően meghatározott számú domainre telepítheti. Ha a chat widget megjelenését vagy nyelvét különböző weboldalakon szeretné testreszabni, a Smartsupp API-ját használhatja haladó konfigurációhoz.

Megjegyzés: Az API-alapú testreszabás (például különböző chat doboz színek vagy nyelvek domainenkénti beállítása) az Expert és Ultimate csomagban elérhető. Részletekért nézze meg az API dokumentációt.


Mi a következő lépés?

💡 További segítségre van szüksége? Lépjen kapcsolatba támogató csapatunkkal — szívesen segítünk!

Választ kapott a kérdésére?