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

Trin-for-trin-vejledning til Shopify-butikker

Platform:

Trin 1: Hent din indlejringskode

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>

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: Tilføj kode til dit Shopify-tema

Følg disse trin for at tilføje chatbotten til din Shopify-butik:

Log ind på dit Shopify Admin-panel
Gå til Onlinebutik → Temaer
Find dit nuværende tema og klik på knappen "..." (tre prikker)
Vælg "Rediger kode" fra rullemenuen
I venstre sidebjælke under Layout klikker du på theme.liquid
Rul ned for at finde det afsluttende </body>-tag
Indsæt din Asyntai indlejringskode lige inden </body>-tagget
Klik på "Gem" i øverste højre hjørne

Tip: Brug Ctrl+F (Windows) eller Cmd+F (Mac) til hurtigt at søge efter </body> i filen theme.liquid.

Alternativ: Brug af Shopify-app

Hvis du foretrækker ikke at redigere kode, kan du bruge en Shopify-app til at tilføje brugerdefinerede scripts:

Gå til Shopify App Store
Søg efter "Custom Script Injector" eller "Header & Footer Scripts"
Installer den app, du vælger
Brug appen til at tilføje din Asyntai-indlejringskode til sidefodsafsnittet

Trin 3: Verificér installationen

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

Ser du ikke widget'en? Shopify kan cache dine temafiler. Prøv at åbne din butik i et inkognito/privat browservindue, eller vent et par minutter og opdater siden.

Shopify Plus-brugere

Hvis du er på Shopify Plus, kan du også tilføje scriptet via filen checkout.liquid for at vise chatbotten på kassesiderne. Bemærk dog, at de fleste butikker kun har brug for det på de primære butikssider.

Tilføj AI-søgefeltet

AI-søgefeltet er en separat widget med sin egen kode. Tilføj det sammen med chatten eller alene. Det kræver Standard-planen eller højere: på en lavere plan vises feltet, men returnerer ingen resultater.

Tilføj attributten data-replace til script-tagget, så tager feltet pladsen for det, dit tema allerede har. Indsæt det i theme.liquid lige før den afsluttende body-tag, i samme fil som chatkoden. Dit tema beholder sin egen resultatside, så Enter virker præcis som før.

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

Læs hele guiden til AI-søgefeltet