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

Steg-för-steg-guide för Shopify-butiker

Hämta inbäddningskod

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: Lägg till kod i ditt Shopify-tema

Följ dessa steg för att lägga till chattboten i din Shopify-butik:

  1. Logga in på din Shopify Admin-panel
  2. Gå till Nätbutik → Teman
  3. Hitta ditt aktuella tema och klicka på knappen \"...\" (tre punkter)
  4. Välj "Edit code" från rullgardinsmenyn
  5. I det vänstra sidofältet, under Layout, klicka på theme.liquid
  6. Scroll down to find the closing </body> tag
  7. Klistra in din Asyntai-inbäddningskod precis före taggen </body>
  8. Klicka på "Save" i övre högra hörnet

Tips: Använd Ctrl+F (Windows) eller Cmd+F (Mac) för att snabbt söka efter </body> i filen theme.liquid.

Alternativ: Använda Shopify-app

Om du föredrar att inte redigera kod kan du använda en Shopify-app för att lägga till anpassade skript:

  1. Gå till Shopify App Store
  2. Sök efter "Custom Script Injector" eller "Header & Footer Scripts"
  3. Installera appen du väljer
  4. Use the app to add your Asyntai embed code to the footer section

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar, besök din Shopify-butik 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 butik. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Shopify kan cacha dina temafiler. Försök att öppna din butik i ett inkognito-/privat webbläsarfönster, eller vänta några minuter och uppdatera sidan.

Shopify Plus-användare

Om du använder Shopify Plus kan du även lägga till skriptet via filen checkout.liquid för att visa chattboten på kassasidor. Observera dock att de flesta butiker bara behöver den på de huvudsakliga butikssidorna.