Asennus

Lisää chatbot-widget mille tahansa sivustolle yhdellä koodinpätkällä: HTML, WordPress, Squarespace tai Framer.

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-tiedostosiYleensä index.html tai mallitiedostosi.
Liitä ennen </body>Lisää koodinpätkä juuri ennen sulkevaa body-tagia ja tallenna tiedosto.
JulkaiseJulkaise muutoksesi. Chat-widget ilmestyy live-sivustollesi automaattisesti.

WordPress

Asenna koodin lisäys -laajennusEtsi WPCode tai Insert Headers and Footers kohdasta Lisäosat → Lisää uusi.
Avaa alatunnisteen koodiosioEtsi laajennuksen asetuksista Footer- tai End of Body -kenttä.
Liitä ja tallennaLiitä koodinpätkäsi ja klikkaa Tallenna muutokset. Teemaa ei tarvitse muokata.

Squarespace

Avaa Code InjectionMene kohtaan Settings, sitten Developer Tools, sitten Code Injection. Vanhemmissa Squarespace-versioissa se on kohdassa Settings, sitten Advanced.
Liitä Footer-kenttäänKlikkaa Footer-kenttää ja liitä koodinpätkäsi. Alatunniste latautuu jokaiselle sivulle, joten chat-kupla ilmestyy koko sivustollesi.
Tallenna ja tarkista sivustosiKlikkaa 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 SettingsKlikkaa hammasratas-kuvaketta Framer-projektisi oikeassa yläkulmassa.
Mene General → Custom CodeVieritä alas Custom Code -osioon.
Liitä End of Body -kenttäänLiitä koodinpätkäsi End of <body> tag -kenttään.
JulkaiseKlikkaa Publish. Widget ilmestyy live-Framer-sivustollesi.

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

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-tiedostosiYleensä index.html tai mallitiedostosi.
Liitä ennen </body>Lisää koodinpätkä juuri ennen sulkevaa body-tagia ja tallenna tiedosto.
JulkaiseJulkaise muutoksesi. Chat-widget ilmestyy live-sivustollesi automaattisesti.

WordPress

Asenna koodin lisäys -laajennusEtsi WPCode tai Insert Headers and Footers kohdasta Lisäosat → Lisää uusi.
Avaa alatunnisteen koodiosioEtsi laajennuksen asetuksista Footer- tai End of Body -kenttä.
Liitä ja tallennaLiitä koodinpätkäsi ja klikkaa Tallenna muutokset. Teemaa ei tarvitse muokata.

Squarespace

Avaa Code InjectionMene kohtaan Settings, sitten Developer Tools, sitten Code Injection. Vanhemmissa Squarespace-versioissa se on kohdassa Settings, sitten Advanced.
Liitä Footer-kenttäänKlikkaa Footer-kenttää ja liitä koodinpätkäsi. Alatunniste latautuu jokaiselle sivulle, joten chat-kupla ilmestyy koko sivustollesi.
Tallenna ja tarkista sivustosiKlikkaa 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 SettingsKlikkaa hammasratas-kuvaketta Framer-projektisi oikeassa yläkulmassa.
Mene General → Custom CodeVieritä alas Custom Code -osioon.
Liitä End of Body -kenttäänLiitä koodinpätkäsi End of <body> tag -kenttään.
JulkaiseKlikkaa Publish. Widget ilmestyy live-Framer-sivustollesi.