---
title: Hvordan installere agenten på Shopify
description: 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.
section: platforms
keywords: Shopify, installere agent Shopify, Shopify widget, chatbot Shopify, AI-agent Shopify, theme.liquid Shopify, Shopify katalog, AI chatbot nettbutikk, integrere AI Shopify, Shopify live chat, installere chat Shopify, Shopify e-handel AI
updated: 2026-09-06
---
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

1. I Shopify-adminpanelet åpner du **Online Store → Themes**.
2. På det aktive temaet klikker du **… → Edit code**.
3. I fillisten finner du `layout/theme.liquid`.
4. Lim inn kodelinjen fra kontrollpanelet rett før den avsluttende `</body>`-taggen.
5. Lagre.

Et alternativ uten temaredigering: **Online Store → Preferences → Custom code** eller en hvilken som helst app for innsetting av skript. Resultatet er det samme.

```liquid
    <!-- 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:

1. I butikkinnstillingene angir du lenken til handlekurven – vanligvis `https://ditt-domene/cart`.
2. Agenten finner produktet, viser produktkortet og fører kunden til Shopify-handlekurven via en knapp.
3. 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.