Slik legger du til Asyntai AI-chatbot på WordPress

Trinn-for-trinn-guide for WordPress-nettsider

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til delen "Embed Code". Kopier den unike innbyggingskoden din, som vil se slik ut:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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 chatwidgeten på er med den gratis utvidelsen "WPCode" (tidligere kalt "Insert Headers and Footers").

Bruk av WPCode (gratis)

Gå til Plugins → Add Plugin i WordPress-administrasjonspanelet
Søk etter "WPCode" og installer den
Aktiver utvidelsen
Gå til Code Snippets → Header & Footer
Lim inn Asyntai-innbyggingskoden din i \"Footer\"-seksjonen
Klikk på «Save Changes»

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

Gå til Utseende → Temafilredigerer i WordPress-administrasjonspanelet
Velg det aktive temaet ditt fra rullegardinmenyen
Finn og klikk på footer.php i fillisten til høyre
Bla til bunnen og finn den avsluttende </body>-taggen
Lim inn Asyntai-innbyggingskoden din rett før </body>-taggen
Klikk på "Oppdater fil"

For blokktemaer (FSE-temaer)

Blokktemaer (som Twenty Twenty-Four og andre Full Site Editing-temaer) har ingen footer.php-fil og ingen </body>-tagg i temafilene sine. For et blokktema bruker du 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

Gå til Elementor → Custom Code
Klikk på "Legg til ny"
Gi den et navn som "Asyntai Chatbot
Sett Location til "<body> – End"
Lim inn Asyntai-innbyggingskoden din
Sett visningsvilkår til "Hele nettstedet"
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.

Legge til AI-søkefeltet

AI-søkefeltet er en egen widget med sin egen kode. Legg det til sammen med chatten, eller alene. Det krever Standard-planen eller høyere: på en lavere plan vises feltet, men returnerer ingen resultater.

Legg til attributtet data-replace i script-taggen, så tar feltet plassen til det temaet allerede har. Legg den til med den samme topptekst- og bunntekstutvidelsen som du brukte for chatkoden, for eksempel WPCode. Skriptet trenger ikke å ligge i nærheten av søkefeltet, så du trenger ikke å redigere noen temafil.

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

Les hele veiledningen for AI-søkefeltet

Dokumentasjon