Slik legger du til Asyntai AI-chatbot i Shopify

Trinn-for-trinn-guide for Shopify-butikker

Plattform:

Trinn 1: Hent innbyggingskoden din

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>

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Legg til kode i Shopify-temaet ditt

Følg disse trinnene for å legge til chatboten i Shopify-butikken din:

Logg inn på Shopify Admin-panelet ditt
Gå til Nettbutikk → Temaer
Finn ditt nåværende tema og klikk på knappen «...» (tre prikker)
Velg «Edit code» fra nedtrekksmenyen
I venstre sidefelt, under Layout, klikk på theme.liquid
Bla ned for å finne den avsluttende </body>-taggen
Lim inn Asyntai-innbyggingskoden din rett før </body>-taggen
Klikk på «Save» øverst til høyre

Tips: Bruk Ctrl+F (Windows) eller Cmd+F (Mac) for å raskt søke etter </body> i theme.liquid-filen.

Alternativ: Bruk av Shopify-app

Hvis du foretrekker å ikke redigere kode, kan du bruke en Shopify-app for å legge til egendefinerte skript:

Gå til Shopify App Store
Søk etter «Custom Script Injector» eller «Header & Footer Scripts»
Installer appen du ønsker
Legg til Asyntai-innbyggingskoden i bunntekstdelen

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene, besøk Shopify-butikken din i en ny nettleserfane eller inkognitovindu. Du bør se chatwidget-knappen i nedre høyre hjørne av butikken din. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Shopify kan bufre temafilene dine. Prøv å åpne butikken din i et inkognito-/privatnettleservindu, eller vent noen minutter og oppdater siden.

Shopify Plus-brukere

Hvis du er på Shopify Plus, kan du også legge til skriptet gjennom checkout.liquid-filen for å vise chatboten på betalingssider. Merk imidlertid at de fleste butikker bare trenger den på hovedbutikksidene.

Legge til AI-søkefeltet

AI-søkefeltet er en egen widget med sin egen kode. Legg det til sammen med chatten, eller alene. Det krever Standard-planen eller høyere: på en lavere plan vises feltet, men returnerer ingen resultater.

Legg til attributtet data-replace i script-taggen, så tar feltet plassen til det temaet allerede har. Lim det inn i theme.liquid rett før den avsluttende body-taggen, i samme fil som chatkoden. Temaet ditt beholder sin egen resultatside, så Enter fungerer akkurat 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>

Les hele veiledningen for AI-søkefeltet