Slik legger du til Asyntai AI-chatbot på WordPress

Trinn-for-trinn-guide for WordPress-nettsider

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: Velg installasjonsmetode

Det finnes flere måter å legge til chat-widgeten på WordPress. Velg metoden som passer best for deg:

Metode 1: Bruk av utvidelse (anbefalt)

Den enkleste måten å legge til chat-widgeten på er å bruke en utvidelse som "Insert Headers and Footers" eller "WPCode".

Bruk av WPCode (gratis)

  1. Go to Plugins → Add New in your WordPress admin
  2. Søk etter "WPCode" og installer den
  3. Aktiver utvidelsen
  4. Gå til Code Snippets → Header & Footer
  5. Lim inn Asyntai-innbyggingskoden din i "Bunntekst"-seksjonen
  6. Klikk på "Lagre endringer"

Bruk av Insert Headers and Footers

  1. Go to Plugins → Add New in your WordPress admin
  2. Søk etter "Insert Headers and Footers" av WPBeginner
  3. Installer og aktiver utvidelsen
  4. Gå til Innstillinger → Insert Headers and Footers
  5. Lim inn Asyntai-innbyggingskoden din i "Skript i bunntekst"-boksen
  6. Klikk på «Lagre»

Hvorfor bruke en utvidelse? Å bruke en utvidelse sikrer at koden din forblir på plass selv når du oppdaterer eller bytter WordPress-tema.

Metode 2: Rediger temafiler

Du kan legge til koden direkte i temafilene dine. Plasseringen av temafilredigereren avhenger av WordPress-versjonen og tematypen din.

For klassiske temaer

  1. Gå til Utseende → Temafilredigerer i WordPress-administrasjonspanelet
  2. Select your active theme from the dropdown (if not already selected)
  3. Finn og klikk på footer.php i fillisten til høyre
  4. Bla til bunnen og finn den avsluttende </body>-taggen
  5. Lim inn Asyntai-innbyggingskoden din rett før </body>-taggen
  6. Klikk på "Oppdater fil"

For blokktemaer (FSE-temaer)

Hvis du bruker et blokkbasert tema (som Twenty Twenty-Four eller andre Full Site Editing-temaer), har temafilredigereren blitt flyttet:

  1. Gå til Verktøy → Temafilredigerer i WordPress-administrasjonspanelet
  2. Velg det aktive temaet ditt fra rullegardinmenyen
  3. Se etter footer.php eller footer.html i fillisten
  4. Legg til Asyntai-innbyggingskoden før den avsluttende </body>-taggen
  5. Klikk på "Oppdater fil"

Merk: Noen blokktemaer har ikke en footer.php-fil. I så fall, bruk utvidelsesmetoden (WPCode) som fungerer med alle tematyper.

Viktig: Temaoppdateringer vil overskrive endringene dine. For en permanent løsning, bruk et barnetema eller utvidelsesmetoden i stedet.

Metode 3: Bruk av Elementor

Hvis du bruker Elementor, kan du legge til koden gjennom Elementors tilpassede kodefunksjon.

Elementor Pro

  1. Gå til Elementor → Custom Code
  2. Klikk på "Legg til ny"
  3. Gi den et navn som «Asyntai Chatbot\
  4. Sett plassering til "Før </body> slutt"
  5. Lim inn Asyntai-innbyggingskoden din
  6. Sett visningsvilkår til "Hele nettstedet"
  7. Klikk på "Publiser"

Elementor Free

Hvis du bruker gratisversjonen av Elementor, bruk utvidelsesmetoden beskrevet ovenfor, da tilpasset kodeinjeksjon krever Elementor Pro.

Trinn 3: Bekreft installasjonen

Etter at du har lagt til koden, besøk nettsiden din i en ny nettleserfane eller inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne av nettstedet ditt. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Tøm nettleserbufferen og eventuelle WordPress-mellomlagringsutvidelser. Hvis du bruker en mellomlagringsutvidelse som WP Rocket eller W3 Total Cache, tøm mellomlageret etter at du har lagt til koden.