Sådan installerer du agenten på Shopify

Hvor du indsætter koden i Shopify-temaet, hvordan agenten læser butikkens katalog, hvad du gør med kurven og betalingen, og hvordan du kontrollerer installationen.

6. september 2026

På Shopify findes der allerede et katalog i maskinlæsbart format, så agenten indsamler produkter med større nøjagtighed end noget andet sted: priser, varianter, lagerstatus og billeder hentes direkte fra butikken.

Trin 1. Indsæt kode i temaet#

1. I Shopify-adminpanelet skal du åbne Online Store → Themes.
2. Ved det aktive tema skal du klikke på … → Edit code.
3. Find layout/theme.liquid på fillisten.
4. Indsæt kodelinjen fra kontrolpanelet lige før den afsluttende </body>-tag.
5. Gem.

Alternativ uden at redigere temaet: Online Store → Preferences → Custom code eller enhver app til indsættelse af scripts. Resultatet er det samme.

    <!-- Commerce Agents -->
<script src="https://comag.vibevox.pro/widget.js" data-slug="din-slug" async></script>
  </body>
</html>

Den præcise linje finder du i kontrolpanelet ved at klikke på knappen “Kopier kode”: den indeholder allerede adressen på din butiksfacade.

Trin 2. Saml kataloget#

I indstillingerne skal du angive butikkens adresse og starte analysen. Shopifys crawler læser strukturerede produktdata: navn, pris, valuta, lagerstatus, beskrivelse og billeder. Varianter (størrelser, farver) vises på produktkortet som egenskaber.

En gentagen analyse opdaterer priser og lagerstatus. Kør den efter større ændringer i sortimentet: agenten forbinder ikke direkte til din database, men arbejder med det indsamlede katalog.

Trin 3. Overlad betalingen til butikken#

På Shopify er det ikke nødvendigt at aktivere betaling i chatten. Den korrekte fremgangsmåde er:

1. I butikkens indstillinger skal du angive et link til indkøbskurven – typisk https://din-domæne/cart.
2. Agenten finder produktet, viser produktkortet og fører via en knap kunden til Shopify-indkøbskurven.
3. Checkout og betaling foregår på den sædvanlige måde, med alle dine regler for levering og skatter.

For at se hvilke dialoger der ender med et køb, indsæt et fragment af købspixelen på takkesiden. I Shopify er dette Settings → Checkout → Order status page → Additional scripts. Fragmentet med erstatning af ordrenummer og beløb findes i kontrolpanelet, under afsnittet “Widget og link”.

Produktet lægges i kurven uden at afbryde samtalen#

Her udmærker Shopify sig bedre end andre platforme. Agenten viser produktkort med foto, pris og en knap, men knappen fører ikke bare til en side – den lægger varen i butikkens indkøbskurv.

Det fungerer sådan her: i Shopify-produktlinket er der en variantidentifikator, agenten overfører den til din egen indkøbskurv via standardgrænsefladen /cart/add.js. Siden genindlæses ikke, dialogen afbrydes ikke, kunden ser en kort bekræftelse og fortsætter med at vælge. Produktet er imidlertid allerede i Shopify-kurven – med alle dine regler for rabatter, skatter og levering.

Hvis der ikke er en variant i linket, åbner agenten produktkortet, og kunden tilføjer den selv. Intet går i stykker, det kræver blot et klik mere.

Når kunden er klar, fører knappen “Gå til checkout” til /cart, hvor alt allerede er samlet. Derefter er det den sædvanlige Shopify-kasse.

Og særskilt om konteksten: agenten læser de strukturerede data fra den side, hvor chatten er åben. Kunden ser på et specifikt produkt og spørger “findes den i størrelse L?” – agenten forstår, hvad det drejer sig om, uden at spørge igen.

• Åbn butikken i inkognito, og vent på chatknappen.
• Spørg om et produkt ved navn – et produktkort med pris bør dukke op.
• Klik på “Gå til checkout” – Shopify-indkøbskurven bør åbne.
• Gennemfør en testordre, og sørg for, at købet er registreret under “Anmodninger”.

Chat, der matcher butiksfacaden#

Shopify-temaet sætter stemningen for hele butikken, og chatten bør ikke falde udenfor. I widget-indstillingerne er der tre muligheder: lys, mørk og “som hos besøgende”, som følger kundens enhedsindstillinger.

For butikker med et mørkt tema skal du fast indstille den mørke, for lyse temaer – den lyse. Knappernes accentfarve forbliver din i begge tilfælde.

Trin 4. Tjek#

Almindelige problemer#

Widgetten forsvandt efter temaskift. Koden findes i temafilen. Et temaskift eller en opdatering sletter ændringen – indsæt koden igen, eller brug Custom code, som er uafhængig af temaet.

Kataloget blev ikke samlet fuldt ud. Crawlingen henter produkter fra offentlige sider. Skjulte produkter og kladder inkluderes ikke, hvilket er korrekt.

Priserne i kataloget er forældede. Kør en ny analyse af hjemmesiden; den opdaterer priser og lagerstatus for eksisterende produktkort.

Widgetten konflikter med chat-appen. Behold kun én chat: to vinduer i samme hjørne forstyrrer hinanden og forvirrer kunden.

Ofte stillede spørgsmål#

Er der brug for en app fra Shopify App Store#

Nej. Agenten tilsluttes med en enkelt kodelinje; det er ikke nødvendigt at installere en app.

Kan agenten vise produktvarianter#

Ja, varianter vises på produktkortet som egenskaber: størrelse, farve, volumen. Kunden vælger den specifikke variant i Shopify-indkøbskurven.

Hvad med flere valutaer#

Agenten viser priser i den katalogvaluta, den identificerer under crawlingen. Shopifys multivaluta-funktionalitet fungerer videre på kurv- og betalingssiden.

Vil agenten kende til lagerbeholdning#

Lagerstatus hentes på tidspunktet for analysen. For produkter, der ofte løber tør, skal du køre analysen oftere eller tilføje en linje i betingelserne om, at lagerstatus bekræftes ved checkout.

Påvirker widgetten butikkens hastighed#

Scriptet indlæses asynkront og blokerer ikke renderingen. Dette påvirker praktisk talt ikke Core Web Vitals-metrikkerne.