Slik legger du til Asyntai AI-chatbot i October CMS

Trinn-for-trinn-guide for October CMS-nettsteder

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Legg til i layoutmal (anbefalt)

Den anbefalte måten å legge til chatboten på er å redigere standardlayouten din i October CMS-backend:

Logg inn på October CMS-backend
Gå til CMS > Layouts i hovedmenyen
Åpne standardlayouten din (vanligvis default.htm)
Finn den avsluttende </body> taggen og {% scripts %} plassholderen
Legg til Asyntai-innbyggingskoden rett før {% scripts %} og </body>:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% scripts %} </body>
Klikk på «Save» for å bruke endringene dine

Tips: Placing the script before {% scripts %} and </body> ensures it loads after the page content, which is recommended for chat widgets and won't slow down your page loading.

Alternative Method 1: Using {% put scripts %} Block

Du kan bruke October CMS scripts-plassholderen for å injisere chatboten fra en side eller en partial:

Åpne en hvilken som helst side eller partial i CMS-editoren
Legg til følgende kode ved hjelp av {% put scripts %} blokk:
{% put scripts %} <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% endput %}
Erstatt YOUR_WIDGET_ID med din faktiske widget-ID fra dashbordet
Klikk på «Lagre»

Merk: For this method to work, your layout must include the {% scripts %} placeholder in its markup. This is where October CMS renders all injected scripts. Most default layouts already include this tag.

Alternativ metode 2: Bruk av Component PHP

Hvis du foretrekker en programmatisk tilnærming, kan du legge til chatbot-skriptet via en egendefinert komponent:

Opprett eller endre en komponent i October CMS-pluginen din
I komponentens onRun()-metode, bruk addJs()-metoden:
public function onRun() { $this->addJs('https://asyntai.com/static/js/chat-widget.js', [ 'async' => true, 'data-asyntai-id' => 'YOUR_WIDGET_ID' ]); }
Erstatt YOUR_WIDGET_ID med din faktiske widget-ID
Registrer komponenten på sidene der du vil at chatboten skal vises

Tips: Å bruke en komponent gir deg programmatisk kontroll over når og hvor chatboten lastes inn. Du kan legge til betinget logikk i onRun() for å styre innlasting basert på brukerroller, sidetyper eller andre kriterier.

Alternativ metode 3: Bruk av en Partial

Du kan opprette en gjenbrukbar partial for chatbot-widgeten:

Gå til CMS > Partials i October CMS-backend
Klikk på «+ Add» for å opprette en ny partial
Gi den navnet asyntai-widget.htm
Legg til Asyntai-innbyggingskoden din i partialen:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Klikk på «Lagre»
Åpne layoutmalen din og inkluder partialen før </body>:
{% partial 'asyntai-widget' %}
Lagre layouten

Tips: Å bruke en partial gjør det enkelt å aktivere eller deaktivere chatboten på hele nettstedet ditt ved ganske enkelt å legge til eller fjerne partial-inkluderingen fra layouten din.

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene, besøk October CMS-nettstedet ditt i en ny nettleserfane eller et inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Sørg for at du har lagret alle endringer i CMS-backend. Tøm nettleserens hurtigbuffer eller åpne siden i et inkognitovindu. Hvis nettstedet ditt bruker hurtigbufring, tøm October CMS-hurtigbufferen ved å kjøre php artisan cache:clear fra kommandolinjen, eller bruk alternativet Settings > System > Clear Cache i backend.

Layoutvalg: Sørg for at sidene der du vil at chatboten skal vises, bruker riktig layout. Du kan sjekke hvilken layout en side bruker ved å åpne siden i CMS > Pages og se på Layout-nedtrekkslisten i sideinnstillingene.