01 / Asennus

Lisää widget

EquilAI-chatbot-widget on yksi koodinpätkä. Liitä se sivustollesi kerran, ja kelluva chat-kupla ilmestyy jokaiselle sivulle.

Vaihe 1

Etsi botti-ID:si

Botti-ID:si on UUID, joka tunnistaa koulutetun chatbottisi. Löydät sen kohdasta Hallintapaneeli → Käyttöönotto. Se näyttää tältä:

text

a1b2c3d4-e5f6-7890-abcd-ef1234567890

Pidä tämä ID lähellä. Se lisätään alla olevaan koodinpätkään.

Vaihe 2

Kopioi koodinpätkä

Liitä tämä koodinpätkä (oikealla botti-ID:lläsi) mille tahansa HTML-sivulle, juuri ennen sulkevaa </body>-tagia. Widget latautuu itse eikä vaadi lisämäärityksiä.

html

<script data-cfasync="false">
  (function () {
    var s = document.createElement("script");
    s.src = "https://equilai.ai/api/widget/script/YOUR_BOT_ID.js";
    s.async = true;
    document.head.appendChild(s);
  })();
</script>

Alustaoppaat

HTML / Oma sivusto

Avaa HTML-tiedostosi

Yleensä index.html tai mallitiedostosi.

Liitä ennen </body>

Lisää koodinpätkä juuri ennen sulkevaa body-tagia ja tallenna tiedosto.

Julkaise

Julkaise muutoksesi. Chat-widget ilmestyy live-sivustollesi automaattisesti.

WordPress

Asenna koodin lisäys -laajennus

Etsi WPCode tai Insert Headers and Footers kohdasta Lisäosat → Lisää uusi.

Avaa alatunnisteen koodiosio

Etsi laajennuksen asetuksista Footer- tai End of Body -kenttä.

Liitä ja tallenna

Liitä koodinpätkäsi ja klikkaa Tallenna muutokset. Teemaa ei tarvitse muokata.

Squarespace

Avaa Code Injection

Mene kohtaan Settings, sitten Developer Tools, sitten Code Injection. Vanhemmissa Squarespace-versioissa se on kohdassa Settings, sitten Advanced.

Liitä Footer-kenttään

Klikkaa Footer-kenttää ja liitä koodinpätkäsi. Alatunniste latautuu jokaiselle sivulle, joten chat-kupla ilmestyy koko sivustollesi.

Tallenna ja tarkista sivustosi

Klikkaa Save, avaa sitten sivustosi. Chat-painike ilmestyy jokaisen sivun kulmaan.

Code Injection sisältyy Squarespacen Core-, Plus- ja Advanced-paketteihin (Business ja Commerce vanhemmassa laskutuksessa). Squarespace ei salli mukautettuja skriptejä aloituspaketissaan.

Framer

Avaa Site Settings

Klikkaa hammasratas-kuvaketta Framer-projektisi oikeassa yläkulmassa.

Mene General → Custom Code

Vieritä alas Custom Code -osioon.

Liitä End of Body -kenttään

Liitä koodinpätkäsi End of <body> tag -kenttään.

Julkaise

Klikkaa Publish. Widget ilmestyy live-Framer-sivustollesi.

Haluatko botin mieluummin oman sovelluksesi, taustajärjestelmäsi tai sisäisen työkalusi sisään? Katso REST-rajapinta →

Lisää widget

EquilAI-chatbot-widget on yksi koodinpätkä. Liitä se sivustollesi kerran, ja kelluva chat-kupla ilmestyy jokaiselle sivulle.

Vaihe 1

Etsi botti-ID:si

Botti-ID:si on UUID, joka tunnistaa koulutetun chatbottisi. Löydät sen kohdasta Hallintapaneeli → Käyttöönotto. Se näyttää tältä:

text

a1b2c3d4-e5f6-7890-abcd-ef1234567890

Pidä tämä ID lähellä. Se lisätään alla olevaan koodinpätkään.

Vaihe 2

Kopioi koodinpätkä

Liitä tämä koodinpätkä (oikealla botti-ID:lläsi) mille tahansa HTML-sivulle, juuri ennen sulkevaa </body>-tagia. Widget latautuu itse eikä vaadi lisämäärityksiä.

html

<script data-cfasync="false">
  (function () {
    var s = document.createElement("script");
    s.src = "https://equilai.ai/api/widget/script/YOUR_BOT_ID.js";
    s.async = true;
    document.head.appendChild(s);
  })();
</script>

Alustaoppaat

HTML / Oma sivusto

Avaa HTML-tiedostosi

Yleensä index.html tai mallitiedostosi.

Liitä ennen </body>

Lisää koodinpätkä juuri ennen sulkevaa body-tagia ja tallenna tiedosto.

Julkaise

Julkaise muutoksesi. Chat-widget ilmestyy live-sivustollesi automaattisesti.

WordPress

Asenna koodin lisäys -laajennus

Etsi WPCode tai Insert Headers and Footers kohdasta Lisäosat → Lisää uusi.

Avaa alatunnisteen koodiosio

Etsi laajennuksen asetuksista Footer- tai End of Body -kenttä.

Liitä ja tallenna

Liitä koodinpätkäsi ja klikkaa Tallenna muutokset. Teemaa ei tarvitse muokata.

Squarespace

Avaa Code Injection

Mene kohtaan Settings, sitten Developer Tools, sitten Code Injection. Vanhemmissa Squarespace-versioissa se on kohdassa Settings, sitten Advanced.

Liitä Footer-kenttään

Klikkaa Footer-kenttää ja liitä koodinpätkäsi. Alatunniste latautuu jokaiselle sivulle, joten chat-kupla ilmestyy koko sivustollesi.

Tallenna ja tarkista sivustosi

Klikkaa Save, avaa sitten sivustosi. Chat-painike ilmestyy jokaisen sivun kulmaan.

Code Injection sisältyy Squarespacen Core-, Plus- ja Advanced-paketteihin (Business ja Commerce vanhemmassa laskutuksessa). Squarespace ei salli mukautettuja skriptejä aloituspaketissaan.

Framer

Avaa Site Settings

Klikkaa hammasratas-kuvaketta Framer-projektisi oikeassa yläkulmassa.

Mene General → Custom Code

Vieritä alas Custom Code -osioon.

Liitä End of Body -kenttään

Liitä koodinpätkäsi End of <body> tag -kenttään.

Julkaise

Klikkaa Publish. Widget ilmestyy live-Framer-sivustollesi.

Haluatko botin mieluummin oman sovelluksesi, taustajärjestelmäsi tai sisäisen työkalusi sisään? Katso REST-rajapinta →