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

Trin-for-trin-guide til WordPress-hjemmesider

Hent indlejringskode

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 ved at bruge et plugin som "Insert Headers and Footers" eller "WPCode".

Brug af WPCode (gratis)

  1. Go to Plugins → Add New in your WordPress admin
  2. Søg efter "WPCode" og installer det
  3. Aktiver pluginet
  4. Gå til Kodestykker → Sidehoved og sidefod
  5. Indsæt din Asyntai-indlejringskode i sektionen "Sidefod"
  6. Klik på "Gem ændringer"

Brug af Insert Headers and Footers

  1. Go to Plugins → Add New in your WordPress admin
  2. Søg efter "Insert Headers and Footers" af WPBeginner
  3. Installer og aktiver pluginet
  4. Gå til Indstillinger → Insert Headers and Footers
  5. Indsæt din Asyntai-indlejringskode i feltet "Scripts i sidefod"
  6. Klik på "Gem"

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

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

For bloktemaer (FSE-temaer)

Hvis du bruger et blokbaseret tema (som Twenty Twenty-Four eller andre Full Site Editing-temaer), er temafilredigereren blevet flyttet:

  1. Gå til Værktøjer → Temafilredigering i dit WordPress-administratorpanel
  2. Vælg dit aktive tema fra rullemenuen
  3. Se efter footer.php eller footer.html i fillisten
  4. Tilføj din Asyntai-indlejringskode før det afsluttende </body>-tag
  5. Klik på "Opdater fil"

Bemærk: Nogle bloktemaer har ikke en footer.php-fil. I så fald skal du bruge plugin-metoden (WPCode), som virker med alle tematyper.

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

  1. Gå til Elementor → Brugerdefineret kode
  2. Klik på "Tilføj ny"
  3. Giv det et navn som "Asyntai Chatbot\
  4. Sæt Placering til "Før </body> slut"
  5. Indsæt din Asyntai indlejringskode
  6. Sæt Visningsbetingelser til "Hele webstedet"
  7. 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.