Hvordan installere agenten på Shopify
Hvor du setter inn koden i Shopify-temaet, hvordan agenten leser butikkens katalog, hva du gjør med handlekurven og betalingen, og hvordan du sjekker installasjonen.
Shopify har allerede en maskinlesbar katalog. Derfor samler agenten inn produkter mer presist enn noe annet sted: priser, varianter, tilgjengelighet og bilder hentes direkte fra butikken.
Trinn 1. Sett inn koden i temaet#
- I Shopify-adminpanelet åpner du Online Store → Themes.
- På det aktive temaet klikker du … → Edit code.
- I fillisten finner du
layout/theme.liquid. - Lim inn kodelinjen fra kontrollpanelet rett før den avsluttende
</body>-taggen. - Lagre.
Et alternativ uten temaredigering: Online Store → Preferences → Custom code eller en hvilken som helst app for innsetting av skript. Resultatet er det samme.
<!-- Commerce Agents -->
`<script src="https://comag.vibevox.pro/widget.js" data-slug="din-slug" async></script>`
</body>
</html>Den nøyaktige linjen finner du i kontrollpanelet ved å bruke knappen “Kopier kode”: den inneholder allerede adressen til butikken din.
Trinn 2. Samle inn katalogen#
I innstillingene angir du butikkadressen og starter analysen. Shopify-crawleren leser strukturerte produktdata: navn, pris, valuta, tilgjengelighet, beskrivelse og bilder. Varianter (størrelser, farger) vises på produktkortet som egenskaper.
En ny analyse oppdaterer priser og tilgjengelighet. Kjør den etter store endringer i sortimentet: agenten kobler seg ikke direkte til databasen din, men jobber med den innsamlede katalogen.
Trinn 3. La butikken håndtere betalingen#
På Shopify trenger du ikke å aktivere betaling i chatten. Den riktige fremgangsmåten er:
- I butikkinnstillingene angir du lenken til handlekurven – vanligvis
https://ditt-domene/cart. - Agenten finner produktet, viser produktkortet og fører kunden til Shopify-handlekurven via en knapp.
- Utsjekking og betaling følger den vanlige prosessen, med alle dine regler for frakt og avgifter.
For å se hvilke dialoger som ender i et kjøp, setter du inn et fragment av kjøpspikselen på takkesiden. I Shopify er dette Settings → Checkout → Order status page → Additional scripts. Fragmentet med erstatning for ordrenummer og sum ligger i kontrollpanelet, under “Widget og lenke”.
Produktet legges i handlekurven uten å avbryte samtalen#
Her utmerker Shopify seg bedre enn andre plattformer. Agenten viser produktkort med bilde, pris og en knapp, men knappen fører ikke bare til siden – den legger produktet i butikkens handlekurv.
Dette fungerer slik: i Shopify-produktlenken finnes en variant-ID, og agenten overfører den til handlekurven din via standardgrensesnittet /cart/add.js. Siden lastes ikke inn på nytt, dialogen avbrytes ikke, kunden ser en kort bekreftelse og fortsetter å velge. Produktet er da allerede i Shopify-handlekurven – med alle dine regler for rabatter, avgifter og frakt.
Hvis det ikke er en variant i lenken, åpner agenten produktkortet, og kunden legger det til selv. Ingenting ødelegges, det er bare ett ekstra klikk.
Når kunden er klar, fører knappen “Gå til utsjekking” til /cart, hvor alt allerede er samlet. Deretter – den vanlige Shopify-kassen.
Og spesielt om kontekst: agenten leser strukturerte data fra siden der chatten er åpen. Kunden ser på et spesifikt produkt og spør “finnes den i størrelse L?” – agenten forstår hva det handler om, uten å spørre på nytt.
- Åpne butikken i inkognitomodus, vent på chat-knappen.
- Spør om et produkt ved navn – et produktkort med pris skal vises.
- Klikk “Gå til utsjekking” – Shopify-handlekurven skal åpnes.
- Fullfør en testordre og forsikre deg om at kjøpet er registrert under “Bestillinger”.
Chat i butikkens stil#
Shopify-temaet setter stemningen for hele butikken, og chatten bør ikke skille seg ut. I widget-innstillingene er det tre alternativer: lys, mørk og “som hos besøkende”, som følger kundens enhetsinnstillinger.
For butikker med mørkt tema, sett den mørke fast, for lyse – den lyse. Knappenes aksentfarge forblir din i begge tilfeller.
Trinn 4. Sjekk#
Vanlige problemer#
Widgeten forsvant etter temaskifte. Koden ligger i temafilen. Et temaskifte eller en temaoppdatering sletter endringen – sett inn koden på nytt eller bruk Custom code, som er uavhengig av temaet.
Katalogen ble ikke samlet inn fullstendig. Gjennomgangen henter produkter fra offentlige sider. Produkter skjult fra katalogen og utkast inkluderes ikke, og det er riktig.
Prisene i katalogen er utdaterte. Kjør nettstedsanalysen på nytt, den vil oppdatere priser og tilgjengelighet for eksisterende produktkort.
Widgeten kommer i konflikt med en chat-app. Behold én chat: to vinduer i samme hjørne forstyrrer hverandre og forvirrer kunden.
Ofte stilte spørsmål#
Trengs en app fra Shopify App Store#
Nei. Agenten kobles til med én kodelinje, det er ikke nødvendig å installere en app.
Kan agenten vise produktvarianter#
Ja, varianter vises på produktkortet som egenskaper: størrelse, farge, volum. Kunden velger den spesifikke varianten i Shopify-handlekurven.
Hva med flere valutaer#
Agenten viser priser i katalogvalutaen, som den identifiserer under gjennomgangen. Shopifys flervaluta-funksjonalitet fungerer videre, på handlekurv- og betalingssiden.
Vil agenten vite om lagerbeholdning#
Tilgjengelighet hentes på tidspunktet for analysen. For produkter som ofte går tom, kjør analysen oftere eller legg til en linje i vilkårene om at tilgjengelighet bekreftes ved utsjekking.
Påvirker widgeten butikkens hastighet#
Skriptet lastes asynkront og blokkerer ikke gjengivelsen. Dette har praktisk talt ingen innvirkning på Core Web Vitals-målingene.