Kako dodati Asyntai AI chatbot na October CMS

Vodič korak po korak za October CMS web stranice

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Dodajte u predložak rasporeda (Preporučeno)

Preporuceni nacin za dodavanje chatbota je uredivanje zadanog rasporeda u October CMS backendu:

Prijavite se u svoj October CMS backend
Idite na CMS > Layouts u glavnom izborniku
Otvorite svoj zadani raspored (obično default.htm)
Pronađite zatvarajuću </body> oznaku i {% scripts %} rezervirano mjesto
Dodajte svoj Asyntai kod za ugradnju neposredno prije {% scripts %} i </body>:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% scripts %} </body>
Kliknite "Save" za primjenu promjena

Savjet: 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

Možete koristiti rezervirano mjesto za skripte October CMS-a za ubacivanje chatbota sa stranice ili djelomičnog predloška:

Otvorite bilo koju stranicu ili djelomični predložak u CMS uređivaču
Dodajte sljedeći kod koristeći {% put scripts %} blok:
{% put scripts %} <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% endput %}
Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta s nadzorne ploce
Kliknite "Spremi"

Napomena: 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.

Alternativna metoda 2: Korištenje PHP komponente

Ako preferirate programski pristup, mozete dodati skriptu chatbota putem prilagodene komponente:

Izradite ili izmijenite komponentu u svom October CMS dodatku
U metodi onRun() komponente koristite metodu addJs():
public function onRun() { $this->addJs('https://asyntai.com/static/js/chat-widget.js', [ 'async' => true, 'data-asyntai-id' => 'YOUR_WIDGET_ID' ]); }
Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta
Registrirajte komponentu na stranicama gdje zelite da se chatbot pojavi

Savjet: Koristenje komponente vam daje programsku kontrolu nad time kada i gdje se chatbot ucitava. Mozete dodati uvjetnu logiku unutar onRun() za kontrolu ucitavanja na temelju korisnickih uloga, tipova stranica ili drugih kriterija.

Alternativna metoda 3: Korištenje djelomičnog predloška

Možete izraditi višekratni djelomični predložak za chatbot widget:

Idite na CMS > Partials u October CMS backendu
Kliknite "+ Add" za izradu novog djelomičnog predloška
Imenujte ga asyntai-widget.htm
Dodajte svoj Asyntai ugradni kod u djelomični predložak:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Kliknite "Spremi"
Otvorite predlozak rasporeda i ukljucite djelomicni predlozak prije </body>:
{% partial 'asyntai-widget' %}
Spremite raspored

Savjet: Koristenje djelomicnog predloska olaksava omogucavanje ili onemogucavanje chatbota na cijelom webu jednostavnim dodavanjem ili uklanjanjem ukljucivanja djelomicnog predloska iz rasporeda.

Korak 3: Provjerite instalaciju

Nakon spremanja promjena, posjetite svoju October CMS web stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Provjerite jeste li spremili sve promjene u CMS backendu. Ocistite predmemoriju preglednika ili pregledavajte u anonimnom prozoru. Ako vasa stranica koristi predmemoriranje, ocistite October CMS predmemoriju pokretanjem php artisan cache:clear iz naredbenog retka ili koristite opciju Settings > System > Clear Cache u backendu.

Odabir rasporeda: Provjerite koriste li stranice na kojima zelite da se chatbot pojavi ispravan raspored. Mozete provjeriti koji raspored stranica koristi otvaranjem stranice u CMS > Pages i gledanjem padajuceg izbornika Layout u postavkama stranice.