Sådan tilføjer du Asyntai AI-chatbot til WordPress

Trin-for-trin-guide til WordPress-hjemmesider

Platform:

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard, og rul ned til afsnittet "Embed Code". Kopiér din unikke indlejringskode, som ser sådan ud:

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

Bemærk: Koden ovenfor er blot et eksempel. Du skal kopiere din egen unikke indlejringskode fra dit Dashboard, da den indeholder dit personlige widget-ID.

Trin 2: Vælg installationsmetode

Der er flere måder at tilføje chat-widgetten til WordPress. Vælg den metode, der passer bedst til dig:

Metode 1: Brug af et plugin (anbefalet)

Den nemmeste måde at tilføje chat-widgetten på er med det gratis plugin "WPCode" (tidligere kaldet "Insert Headers and Footers").

Brug af WPCode (Free)

Gå til Plugins → Add Plugin i din WordPress-administration
Søg efter "WPCode" og installer det
Aktiver pluginet
Gå til Kodestykker → Sidehoved og sidefod
Indsæt din Asyntai-indlejringskode i sektionen "Sidefod"
Klik på "Gem ændringer"

Hvorfor bruge et plugin? Brug af et plugin sikrer, at din kode forbliver på plads, selv når du opdaterer eller ændrer dit WordPress-tema.

Metode 2: Rediger temafiler

Du kan tilføje koden direkte til dine temafiler. Placeringen af temafilredigereren afhænger af din WordPress-version og tematype.

For klassiske temaer

Gå til Udseende → Temafilredigering i dit WordPress-administratorpanel
Vælg dit aktive tema fra rullemenuen (hvis ikke allerede valgt)
Find og klik på footer.php i fillisten til højre
Rul til bunden og find det afsluttende </body>-tag
Indsæt din Asyntai indlejringskode lige inden </body>-tagget
Klik på "Opdater fil"

For bloktemaer (FSE-temaer)

Bloktemaer (som Twenty Twenty-Four og andre Full Site Editing-temaer) har ingen footer.php-fil og intet </body>-tag i deres temafiler. Til et bloktema skal du bruge plugin-metoden (WPCode), som fungerer med alle typer temaer.

Vigtigt: Temaopdateringer overskriver dine ændringer. For en permanent løsning skal du bruge et undertema eller plugin-metoden i stedet.

Metode 3: Brug af Elementor

Hvis du bruger Elementor, kan du tilføje koden via Elementors funktion til brugerdefineret kode.

Elementor Pro

Gå til Elementor → Brugerdefineret kode
Klik på "Tilføj ny"
Giv det et navn som "Asyntai Chatbot"
Sæt Location til "<body> – End"
Indsæt din Asyntai indlejringskode
Sæt Visningsbetingelser til "Hele webstedet"
Klik på "Publicer"

Elementor Free

Hvis du bruger den gratis version af Elementor, skal du bruge plugin-metoden beskrevet ovenfor, da indsprøjtning af brugerdefineret kode kræver Elementor Pro.

Trin 3: Verificér installationen

Efter at have tilføjet koden, besøg dit websted i en ny browserfane eller et inkognitovindue. Du bør se chat-widget-knappen i nederste højre hjørne af dit websted. Klik på den for at sikre, at den åbner og fungerer korrekt.

Ser du ikke widget'en? Ryd din browsers cache og eventuelle WordPress-cache-plugins. Hvis du bruger et cache-plugin som WP Rocket eller W3 Total Cache, skal du tømme cachen efter at have tilføjet koden.

Tilføj AI-søgefeltet

AI-søgefeltet er en separat widget med sin egen kode. Tilføj det sammen med chatten eller alene. Det kræver Standard-planen eller højere: på en lavere plan vises feltet, men returnerer ingen resultater.

Tilføj attributten data-replace til script-tagget, så erstatter feltet det søgefelt, dit tema allerede har. Tilføj det med det samme header- og footer-plugin, som du brugte til chatkoden, f.eks. WPCode. Scriptet behøver ikke at være i nærheden af dit søgefelt, så du behøver ikke at redigere nogen temafil.

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

Læs hele guiden til AI-søgefeltet

Dokumentation