Natrag na nadzornu ploču

Dokumentacija

Naučite kako koristiti Asyntai

Kako dodati Asyntai AI chatbot na ExpressionEngine

Vodič korak po korak za ExpressionEngine CMS

Nabavite kod za ugradnju

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 raspored predloška (Preporučeno)

Najlaksi nacin za dodavanje chatbota na sve stranice je uredivanje glavnog predloska rasporeda u upravljackoj ploci ExpressionEnginea:

  1. U upravljackoj ploci EE idite na Developer > Templates > Template Groups
  2. Otvorite svoju glavnu grupu predlozaka (obicno "site") i uredite predlozak rasporeda (ili predlozak koji omotava sve stranice)
  3. Pronađite zatvarajuću oznaku </body>
  4. Zalijepite svoj Asyntai ugradni kod neposredno prije oznake </body>:
    <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
  5. Spremite predložak

Savjet: Dodavanje skripte prije zavrsne oznake </body> osigurava ucitavanje nakon sadrzaja stranice, sto je preporuceno za widgete za razgovor i nece usporiti ucitavanje stranice.

Alternativna metoda 1: Korištenje djelomičnih predložaka EE

Djelomicni predlosci ExpressionEnginea omogucuju izradu visekratnih isjecaka koji se mogu ukljuciti u razlicite predloske:

  1. Idite na Developer > Templates > Template Partials
  2. Kliknite "New" za izradu novog djelomicnog predloska nazvanog _asyntai_widget
  3. Zalijepite svoj Asyntai ugradni kod u sadržaj djelomičnog predloška:
    <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
  4. Spremite djelomični predložak
  5. Ukljucite ga u svoj predlozak rasporeda neposredno prije zavrsne oznake </body>:
    {embed="_asyntai_widget"} </body>

Napomena: Koristenje djelomicnih predlozaka drzi vas kod organiziranim i olaksava azuriranje ugradnog koda chatbota na jednom mjestu za cijelu stranicu.

Alternativna metoda 2: Korištenje HTML zaglavlja/podnožja EE

Neke instalacije ExpressionEnginea pruzaju globalni odjeljak podnozja za dodavanje skripti:

  1. Idite na Settings > Content & Design > Global Template Preferences
  2. Ako vasa EE instalacija ima globalni odjeljak podnozja, zalijepite Asyntai ugradni kod tamo
  3. Ako nije dostupan globalni odjeljak podnozja, izravno uredite glavni predlozak rasporeda i dodajte ugradni kod prije zavrsne oznake </body>:
    <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
  4. Spremite promjene

Alternativna metoda 3: Korištenje config.php

Za napredne korisnike mozete ubaciti skriptu chatbota putem konfiguracije ExpressionEnginea ili izradom prilagodenog dodatka:

  1. Pristupite datotekama projekta ExpressionEngine putem FTP-a, SSH-a ili uredivaca koda
  2. Navigirajte do direktorija system/user/config/ i otvorite config.php
  3. Za prilagodeno ubacivanje JavaScripta razmislite o izradi jednostavnog EE dodatka/prosirenja koje se povezuje na kukicu template_post_parse za ubacivanje skripte pri prikazivanju stranice:
    // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
  4. Zamijenite YOUR_WIDGET_ID svojim stvarnim ID-jem widgeta s nadzorne ploce

Važno: Metoda config.php i dodatka namijenjena je naprednim korisnicima koji su vjesti u razvoju ExpressionEnginea. Za vecinu korisnika preporucuje se metoda rasporeda predloska (Korak 2) ili metoda djelomicnih predlozaka (Alternativna metoda 1).

Korak 3: Provjerite instalaciju

Nakon spremanja promjena, posjetite svoju ExpressionEngine 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 predlozak i uredujete li ispravan predlozak rasporeda koji vase stranice koriste. Ocistite predmemoriju preglednika ili pregledavajte u anonimnom prozoru. Ako je omoguceno predmemoriranje predlozaka ExpressionEnginea, ocistite predmemoriju iz upravljacke ploce pod Developer > Utilities > Cache Manager.