Opi integroimaan räätälöity chatbotisi verkkosivustollesi vaivattomasti.

Swiftron-chatbotin integroiminen verkkosivustollesi on yksinkertaista ja nopeaa. Yhden kerran integraatiolla ja ilman jatkuvia muutoksia voit parantaa asiakassuhteitasi vaivattomasti. Seuraa näitä helppoja vaiheita aloittaaksesi:

Vaihe 1: Kopioi integraatiokoodi

Mene Swiftron-integraatiosivulle ja kopioi seuraava koodi:

<script async type="module" project-id="YOUR_PROJECT_ID" lang="auto" src="https://swiftron.eu/static/js/chatbot-boot.min.js"></script>
  • project-id: Tämä on ainutlaatuinen projektitunnuksesi ja se täytetään automaattisesti.
  • lang: Kohdekieli chatbotillesi. Voit käyttää:
    • Mitään voimassa olevaa kielikoodia ISO 639 kielikoodit (esim. 'en' englanniksi, 'de' saksaksi).
    • 'auto', joka valitsee kielen käyttäjän selaimen asetusten perusteella.
    • 'site', joka käyttää verkkosivuston HTML-otsikossa määriteltyä kieltä. Tämä lukee arvon document.documentElement.lang ja asettaa chatbotin kielen sen mukaisesti.

Vaihe 2: Liitä koodi verkkosivustollesi

Verkkosivuston rakentaminen:

Jos käytät verkkosivustojen rakentajia kuten Jimdo, WordPress tai Squarespace, seuraa heidän ohjeitaan lisätäksesi mukautettua koodia:

Oman koodin hallinta:

Lisää kopioitu integraatiokoodi jokaisen sivun HTML:ään, jossa haluat chatbotin näkyvän. Tässä on esimerkki:

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

Aseta Chatbotin Vaihtopainike (Valinnainen)

Jos sinulla on jo olemassa oleva viestintälaatikko tai haluat luoda oman painikkeen chatbotin avaamiseen tai sulkemiseen, voit helposti integroida sen lisäämällä sen ID:n 'Vaihtopainike Chatbotille' asetuksiin Swiftron Integraatiosivulla.

Esimerkki:

<button id="btn-toggle-chatbot">Chatbot-ikoni</button>

Aseta vain 'Vaihtopainike Chatbotille' -kenttä painikkeesi ID:ksi, esim. 'btn-toggle-chatbot'. Painiketyyppi voi olla mikä tahansa (esim. div, span). Sinun ei tarvitse lisätä mitään JavaScriptiä tai tapahtumankäsittelijöitä; Swiftron chatbot havaitsee tämän painikkeen automaattisesti ja hoitaa tarvittavan logiikan.

Jos annettua ID:tä vastaavaa elementtiä ei löydy tai jos 'Vaihtopainike Chatbotille' -kenttä on tyhjää, Swiftron luo oman chatbotin vaihtopainikkeen sivustollesi.

Muokkaa Chatbotin Sijaintia (Valinnainen)

Voit sijoittaa chatbotin tiettyyn elementtiin määrittämällä sen ID:n 'Chatbotin Sijainnin Muokkaus' kentässä Swiftron Integraatiopäivällä. Chatbot ilmestyy tähän elementtiin ja korvataan kaikki olemassa oleva sisältö sen sisällä.

Tässä tapauksessa mitään chatbotin kytkentäpainiketta ei renderöidä tai käytetä. Chatbot on aina näkyvissä määritellyssä elementissä eikä sitä voi pienentää käyttäjän toimesta.