Naučite kako lako integrirati svoj prilagođeni Chatbot u svoju web stranicu.

Integracija Swiftron Chatbota u vašu web stranicu je jednostavna i brza. Uz samo jednokratnu integraciju i bez potrebe za stalnim promjenama, možete besprijekorno poboljšati angažman svojih kupaca. Slijedite ove jednostavne korake da biste započeli:

Korak 1: Kopirajte Integracijski Kod

Idite na Stranicu za integraciju Swiftron i kopirajte sljedeći kod:

<script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"></script>
  • project-id: Ovo je vaš jedinstveni ID projekta i bit će unaprijed ispunjen.
  • lang: Ciljani jezik za vaš chatbot. Možete koristiti:
    • Bilo koji važeći jezični kod iz ISO 639 jezičnih kodova (npr., 'en' za engleski, 'de' za njemački).
    • 'auto', koji odabire jezik na temelju postavki preglednika korisnika.
    • 'site', koji koristi jezik naveden u HTML zaglavlju web stranice. Ovo čita vrijednost iz document.documentElement.lang i postavlja jezik chatbota u skladu s tim.

Korak 2: Zalijepite kod na svoju web stranicu

Korištenje graditelja web stranica:

Ako koristite graditelje web stranica poput Jimdo, WordPressa ili Squarespacea, slijedite njihove upute za umetanje prilagođenog koda:

Upravljanje vlastitim kodom:

Umetnite kopirani integracijski kod u HTML svake stranice na kojoj želite da se chatbot pojavi. Evo primjera:

<! 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>

Postavite gumb za prebacivanje chatbota (Opcionalno)

Ako već imate postojeću komunikacijsku kutiju ili želite stvoriti vlastiti gumb za otvaranje ili zatvaranje chatbota, možete ga lako integrirati dodavanjem njegovog ID-a u 'Gumb za prebacivanje chatbota' postavke na Stranici za integraciju Swiftron.

Primjer:

<button id="btn-toggle-chatbot">Ikona vašeg chatbota</button>

Jednostavno postavite 'Gumb za prebacivanje chatbota' polje na ID vašeg gumba, npr. 'btn-toggle-chatbot'. Tip gumba može biti bilo što (npr. div, span). Ne trebate dodavati nikakav JavaScript ili upravljače događajima; Swiftron chatbot će automatski otkriti ovaj gumb i obraditi potrebnu logiku.

Ako se ne pronađe nijedan element s navedenim ID-om, ili ako je polje 'Gumb za prebacivanje chatbota' prazno, Swiftron će stvoriti vlastiti gumb za prebacivanje chatbota na vašoj stranici.

Prilagodite Postavljanje Chatbota (Opcionalno)

Možete prikazati chatbot unutar određenog elementa tako da odredite njegov ID u 'Prilagodite Postavljanje Chatbota' polju na Swiftron Integracijskoj Stranici. Chatbot će se pojaviti unutar ovog elementa i zamijeniti sav postojeći sadržaj unutar njega.

U ovom slučaju, nijedan gumb za prebacivanje chatbota neće biti prikazan ili korišten. Chatbot će uvijek biti vidljiv unutar određenog elementa i korisnik ga neće moći smanjiti.