Naučite se, kako enostavno integrirati svoj prilagojen klepetalnik v svojo spletno stran.

Integracija Swiftron Chatbota na vašo spletno stran je preprosta in hitra. Z enkratno integracijo in brez potrebe po stalnih spremembah lahko brez težav izboljšate angažiranost strank. Sledite tem enostavnim korakom, da začnete:

Korak 1: Kopiraj integracijsko kodo

Pojdite na Stran za integracijo Swiftron in kopirajte naslednjo kodo:

<script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"></script>
  • project-id: To je vaš edinstveni ID projekta in bo predhodno izpolnjen.
  • lang: Ciljni jezik za vašega chatbota. Uporabite lahko:
    • Katerokoli veljavno jezikovno kodo iz ISO 639 jezikovnih kod (npr. 'en' za angleščino, 'de' za nemščino).
    • 'auto', ki izbere jezik na podlagi nastavitev brskalnika uporabnika.
    • 'site', ki uporablja jezik, določen v HTML glavi spletne strani. To prebere vrednost iz document.documentElement.lang in ustrezno nastavi jezik chatbota.

Korak 2: Prilepite kodo na svojo spletno stran

Uporaba graditelja spletnih strani:

Če uporabljate graditelje spletnih strani, kot so Jimdo, WordPress ali Squarespace, sledite njihovim navodilom za vstavljanje prilagojenega kode:

Upravljanje lastne kode:

Vstavite kopirano integracijsko kodo v HTML vsake strani, kjer želite, da se chatbot prikaže. Tukaj je primer:

<! DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Site</title>
  </head>
  <body>
    <div>Your Content</div>
  </body>
  <script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"> </script>
</html>

Nastavite gumb za preklop chatbota (neobvezno)

Če že imate obstoječe komunikacijsko polje ali želite ustvariti svoj gumb za odpiranje ali zapiranje chatbota, ga lahko enostavno integrirate tako, da dodate njegov ID v 'Gumb za preklop chatbota' nastavitve na Stran za integracijo Swiftron.

Primer:

<button id="btn-toggle-chatbot">Vaša ikona chatbota</button>

Preprosto nastavite polje 'Gumb za preklop chatbota' na ID vašega gumba, npr. 'btn-toggle-chatbot'. Tip gumba je lahko karkoli (npr. div, span). Ni vam treba dodajati nobenega JavaScripta ali obravnaval dogodkov; chatbot Swiftron bo samodejno zaznal ta gumb in obvladal potrebno logiko.

Če element z danim ID-jem ni najden, ali če je polje 'Gumb za preklop chatbota' prazno, bo Swiftron ustvaril svoj lasten gumb za preklop chatbota na vaši strani.

Prilagodite postavitev klepetalnika (neobvezno)

Klepetalnik lahko prikažete v določenem elementu tako, da v polje 'Prilagodite postavitev klepetalnika' navedete njegovo ID na strani za integracijo Swiftron. Klepetalnik se bo prikazal znotraj tega elementa in nadomestil obstoječo vsebino v njem.

V tem primeru ne bo prikazan ali uporabljen gumb za preklop klepetalnika. Klepetalnik bo vedno viden znotraj določenega elementa in ga uporabnik ne more minimizirati.