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

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

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

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din instrumentpanel 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 (gratis)

Go to Plugins → Add New in your WordPress admin
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

Go to Plugins → Add New in your WordPress admin
Sök efter "Insert Headers and Footers" av WPBeginner
Installera och aktivera pluginet
Go to Settings → 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
Select your active theme from the dropdown (if not already selected)
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 det 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.

Dokumentation