Hur du lägger till Asyntai AI-chattbot i WordPress

Steg-för-steg-guide för WordPress-webbplatser

Plattform:

Steg 1: Hämta din inbäddningskod

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

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

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din Dashboard eftersom den innehåller ditt personliga widget-ID.

Steg 2: Välj installationsmetod

Det finns flera sätt att lägga till chattwidgeten i WordPress. Välj den metod som fungerar bäst för dig:

Metod 1: Använda ett plugin (rekommenderas)

Det enklaste sättet att lägga till chattwidgeten är att använda ett tillägg som "Insert Headers and Footers" eller "WPCode".

Använda WPCode (Free)

Gå till Tillägg → Lägg till nytt i din WordPress-administration
Sök efter "WPCode" och installera det
Aktivera pluginet
Gå till Kodavsnitt → Sidhuvud & Sidfot
Klistra in din Asyntai-inbäddningskod i avsnittet "Sidfot"
Klicka på "Save Changes"

Använda Insert Headers and Footers

Gå till Tillägg → Lägg till nytt i din WordPress-administration
Sök efter "Insert Headers and Footers" av WPBeginner
Installera och aktivera pluginet
Gå till Inställningar → Insert Headers and Footers
Klistra in din Asyntai-inbäddningskod i rutan "Skript i sidfoten"
Klicka på "Spara"

Varför använda ett tillägg? Att använda ett plugin säkerställer att din kod förblir på plats även när du uppdaterar eller byter WordPress-tema.

Metod 2: Redigera temafiler

Du kan lägga till koden direkt i dina temafiler. Platsen för temafilredigeraren beror på din WordPress-version och tematyp.

För klassiska teman

Gå till Utseende → Temafilsredigerare i din WordPress-administration
Välj ditt aktiva tema från rullgardinsmenyn
Hitta och klicka på footer.php i fillistan till höger
Scrolla till botten och hitta den avslutande </body>-taggen
Klistra in din Asyntai-inbäddningskod precis före taggen </body>
Klicka på "Update File"

För blockteman (FSE-teman)

Om du använder ett blockbaserat tema (som Twenty Twenty-Four eller andra Full Site Editing-teman) har Temafileredigeraren flyttats:

Gå till Verktyg → Temafilsredigerare i din WordPress-administration
Välj ditt aktiva tema från rullgardinsmenyn
Leta efter footer.php eller footer.html i fillistan
Lägg till din Asyntai-inbäddningskod före den avslutande </body>-taggen
Klicka på "Update File"

Obs! Vissa blockteman har ingen footer.php-fil. I så fall, använd plugin-metoden (WPCode) som fungerar med alla tematyper.

Viktigt: Temauppdateringar skriver över dina ändringar. För en permanent lösning, använd ett undertema eller plugin-metoden istället.

Metod 3: Använda Elementor

Om du använder Elementor kan du lägga till koden via Elementors funktion för anpassad kod.

Elementor Pro

Gå till Elementor → Anpassad kod
Klicka på "Add New"
Ge den ett namn som "Asyntai Chatbot
Ställ in placeringen till "Before </body> End"
Klistra in din Asyntai-inbäddningskod
Ställ in visningsvillkor till "Entire Site"
Klicka på "Publish"

Elementor Free

Om du använder gratisversionen av Elementor, använd plugin-metoden som beskrivs ovan, eftersom anpassad kodinjektion kräver Elementor Pro.

Steg 3: Verifiera installationen

Efter att du har lagt till koden, besök din webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet av din webbplats. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Rensa webbläsarcachen och eventuella WordPress-cacheplugins. Om du använder ett cacheplugin som WP Rocket eller W3 Total Cache, töm cachen efter att koden lagts till.

Lägga till AI-sökfältet

AI-sökfältet är en separat widget med egen kod. Lägg till det vid sidan av chatten, eller ensamt. Det kräver Standard-planen eller högre: på en lägre plan visas fältet men returnerar inga resultat.

Lägg till attributet data-replace i script-taggen, så tar fältet platsen för det ditt tema redan har. Lägg till det med samma tillägg för sidhuvud och sidfot som du använde för chattkoden, till exempel Code Snippets eller Insert Headers and Footers. Skriptet behöver inte ligga bredvid sökrutan, så du slipper redigera temafiler.

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

Läs hela guiden för AI-sökfältet

Dokumentation