Slik legger du til Asyntai AI-chatbot i OpenCart

Trinn-for-trinn-guide for OpenCart-nettsteder

Hent innebyggingskode

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: Rediger bunntekstmal (anbefalt)

Den mest direkte måten å legge til chatboten på er å redigere temaets bunntekstmal:

  1. Få tilgang til OpenCart-filene dine via FTP eller filbehandler
  2. Naviger til temaets bunntekstmal:
    • OpenCart 3.x/4.x: catalog/view/theme/YOUR_THEME/template/common/footer.twig
    • OpenCart 2.x: catalog/view/theme/YOUR_THEME/template/common/footer.tpl
  3. Åpne bunntekstfilen for redigering
  4. Finn den avsluttende </body>-taggen
  5. Lim inn Asyntai-innbyggingskoden din rett før </body>-taggen
  6. Lagre filen
  7. Tøm OpenCart-hurtigbufferen: Dashboard → Blått tannhjulikon (øverst til høyre) → Refresh eller slett innholdet i system/storage/cache/

Tips: Hvis du bruker standardtemaet, vil stien være catalog/view/theme/default/template/common/footer.twig. Lag alltid en sikkerhetskopi før du redigerer malfiler.

Alternativ: Bruk av temaets egendefinerte kodealternativ

Many modern OpenCart themes include a built-in option for custom code:

  1. Logg inn på OpenCart Admin Panel
  2. Gå til Extensions → Themes (eller Extensions → Extensions → Themes)
  3. Klikk Edit på det aktive temaet ditt
  4. Se etter seksjonen «Custom Code», «Footer Scripts» eller «Custom JavaScript»
  5. Lim inn Asyntai-innbyggingskoden din
  6. Klikk på «Lagre»
  7. Tøm hurtigbufferen

Merk: Ikke alle temaer har dette alternativet. Hvis temaet ditt ikke inkluderer felt for egendefinert kode, bruk malredigeringsmetoden eller installer en utvidelse.

Alternativ: Bruk av en egendefinert kodeutvidelse

Du kan installere en gratis utvidelse fra OpenCart Marketplace for å legge til egendefinerte skript:

  1. Gå til OpenCart Marketplace
  2. Søk etter «Custom Script», «Header Footer Scripts» eller «Custom Code»
  3. Last ned og installer en passende utvidelse
  4. I adminpanelet ditt, gå til Extensions → Extensions → Modules
  5. Finn og installer den egendefinerte kodemodulen
  6. Konfigurer modulen og lim inn Asyntai-innbyggingskoden din i bunntekstseksjonen
  7. Lagre og tøm hurtigbufferen

Viktig: Det anbefales å bruke utvidelser fremfor å redigere kjernefiler, da de overlever OpenCart-oppdateringer. Populære utvidelser inkluderer «Custom Script in Header & Footer» som er tilgjengelig på markedsplassen.

Alternativ: Bruk av addScript-metoden (for utviklere)

For utviklere tilbyr OpenCart 3.x/4.x en programmatisk måte å legge til skript på:

  1. Åpne catalog/controller/common/footer.php
  2. Legg til følgende linje før $data['scripts'] = $this->document->getScripts('footer');:
    $this->document->addScript('https://asyntai.com/static/js/chat-widget.js', 'footer');
  3. For data-attributten må du endre footer.twig for å inkludere den manuelt, eller legge til inline JavaScript etter skriptløkken

Merk: For at widgeten skal fungere riktig med data-attributten, er malmetoden enklere ettersom addScript-metoden ikke støtter egendefinerte attributter direkte.

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene og tømt hurtigbufferen, besøk nettbutikken din 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 å tømme OpenCarts hurtigbuffer. Gå til adminpanelet ditt, klikk på det blå tannhjulikonet øverst til høyre, og klikk på oppdateringsknappene. Prøv også å tømme nettleserens hurtigbuffer eller åpne siden i et inkognitovindu. Hvis du endret feil malfil, sjekk at temaet ditt bruker filen du redigerte.