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

Trin-for-trin-guide til WooCommerce-butikker

Platform:

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: Brug af et plugin (anbefalet)

Den nemmeste måde at tilføje chatbotten til din WooCommerce-butik er ved at bruge et gratis sidehoved/sidefods-plugin:

Log ind på dit WordPress-administratorpanel
Gå til Plugins → Tilføj ny
Søg efter "Insert Headers and Footers" af WPCode (eller lignende plugin)
Klik på "Installer nu" og derefter "Aktiver"
Gå til Kodestykker → Sidehoved og sidefod (eller pluginets indstillingsside)
Indsæt din Asyntai-indlejringskode i sektionen "Sidefod"
Klik på "Gem ændringer"

Tip: Tilføjelse af koden til sidefoden sikrer, at den indlæses efter dit butiksindhold, hvilket er ideelt for chat-widgets og ikke vil bremse din sideindlæsning eller forstyrre WooCommerce-funktionaliteten.

Alternativ: Brug af temapasningsfunktion

Mange WooCommerce-temaer har indbyggede muligheder for at tilføje brugerdefinerede scripts:

Gå til Udseende → Tilpas
Se efter en sektion med navnet "Yderligere CSS/JS", "Brugerdefineret kode" eller "Sidefods-scripts"
Indsæt din Asyntai-indlejringskode i det relevante felt
Klik på "Publicer" for at gemme dine ændringer

Bemærk: Ikke alle temaer har denne mulighed. Hvis dit tema ikke indeholder felter til brugerdefinerede scripts, skal du bruge plugin-metoden eller redigere dit temas functions.php-fil.

Alternativ: Rediger temafiler (functions.php)

For udviklere eller dem, der er fortrolige med redigering af temafiler:

Gå til Udseende → Temafilredigering
Vælg dit aktive tema (eller helst dit undertema)
Åbn filen functions.php
Tilføj følgende kode i slutningen af filen:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Erstat YOUR_WIDGET_ID med dit faktiske widget-ID
Klik på "Opdater fil"

Vigtigt: Brug altid et undertema, når du redigerer temafiler. Ændringer i det overordnede tema går tabt, når du opdaterer dit tema. Hvis du ikke er tryg ved at redigere kode, skal du bruge plugin-metoden i stedet.

Alternativ: WooCommerce-specifik hook

Sådan indlæser du chatbotten kun på WooCommerce-sider (butik, produkt, kurv, betaling):

Tilføj denne kode til dit temas functions.php-fil:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Erstat YOUR_WIDGET_ID med dit faktiske widget-ID
Gem filen

Tip: Denne metode er nyttig, hvis du kun ønsker, at AI-chatbotten vises på dine butikssider for at hjælpe kunder med produkter og ordrer, frem for på hele dit websted.

Trin 3: Verificér installationen

Efter at have gemt dine ændringer, besøg din WooCommerce-butik i en ny browserfane eller et inkognitovindue. Du bør se chat-widget-knappen i nederste højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.

Ser du ikke widget'en? Hvis du har et cache-plugin installeret (som WP Super Cache, W3 Total Cache eller WP Rocket), skal du rydde din cache først. Prøv også at rydde din browsers cache eller åbn i et inkognitovindue.