---
title: Sådan installeres agenten på WordPress og WooCommerce
description: Tre måder at indsætte kode på WordPress, hvordan agenten læser WooCommerce-kataloget, hvad man skal gøre med cache-plugins, og hvordan man forbinder chatten med indkøbskurven.
section: platforms
keywords: WordPress, WooCommerce, WordPress-widget, chat til hjemmeside, footer.php, indsæt kode WordPress, AI-agent, Commerce Agents WordPress, chatbot WordPress, e-handel chat, WooCommerce-integration, virtuel salgsassistent, WordPress e-handel
updated: 2026-09-06
---
På WordPress kan kode indsættes på tre måder. Vælg ud fra, hvor fortrolig du er med at redigere temafiler.

## Metode 1: Plugin til kodeindsættelse (anbefales)

Den sikreste løsning: ændringen går ikke tabt ved temaopdateringer.

1. Installer et plugin til indsættelse af scripts: WPCode, Insert Headers and Footers, Code Snippets.
2. Åbn plugin-indstillingerne, og find feltet til kode i sidefoden – det kaldes typisk **Footer** eller **Body (before closing tag)**.
3. Indsæt linjen fra kontrolpanelet, og gem.

## Metode 2: Temafil

1. **Udseende → Tema filredigering**.
2. Åbn `footer.php`.
3. Indsæt koden før `</body>`.
4. Opdater filen.

Vigtigt: Rediger et child-tema. Ved opdatering af et parent-tema overskrives filen sammen med din kode.

## Metode 3: Via functions.php

For dem, der foretrækker kode. I `functions.php` i et child-tema:

```php
add_action('wp_footer', function () {
echo '<script src="https://comag.vibevox.pro/widget.js" data-slug="din-slug" async></script>';
});
```

Den præcise scriptlinje finder du i kontrolpanelet under knappen “Kopiér kode”.

## Katalog fra WooCommerce

Angiv webstedsadressen i indstillingerne, og start analysen. Crawleren læser WooCommerce-produkter via sidens strukturerede data: navn, pris, lagerstatus, beskrivelse, fotos, kategorier.

Værd at vide:

- **Variable produkter** vises i produktkortet med prisinterval og egenskaber.
- **Skjulte produkter og kladder** læses ikke – og det er meningen.
- **Produkter kun for autoriserede brugere** vil agenten ikke se: den bevæger sig rundt på siden som en almindelig besøgende.
- Hvis du har en CSV-eksport af produkter, kan den uploades i sektionen “Katalog” – nogle gange er det hurtigere og mere præcist end at crawle.

## Kurv og betaling

På WooCommerce inkluderes betaling i chatten typisk ikke: butikken har sin egen kasse med levering, skatter og kuponer.

Angiv linket til kurven i indstillingerne, oftest `https://dit-domæne/cart` eller `/kurv`. Agenten vil guide kunden dertil.

For at se, hvilke dialoger der fører til ordrer, skal du tilføje et købspixel-fragment på siden “Tak for din ordre”. I WooCommerce er dette skabelonen `checkout/thankyou.php` eller det samme plugin til kodeindsættelse med en betingelse for ordresiden.

## Chatknappen lægger varen i WooCommerce-kurven

Produktkort i agentens svar er ikke bare billeder til pynt. Hvert kort har et link til produktsiden i din butik, og agenten kan bruge WooCommerce's standardmekanisme til at tilføje til kurven: en adresse af typen `?add-to-cart=123`.

Kunden trykker på knappen i chatten, varen lægges i kurven, og derefter håndterer din kasse alle plugins for levering, kuponer og skatter. Ingen integrationer eller nøgler er nødvendige for dette: mekanismen er indbygget i WooCommerce fra starten.

Hvis linket fører til en side med et variabelt produkt, åbner agenten den – kunden skal selv vælge størrelse og farve, og det er korrekt: det er risikabelt at vælge en variant for dem.

En anden ting, der er værd at vide: agenten ser den side, hvor chatten er åben. Den læser produktets markup – navn, SKU, pris – og svarer i kontekst. En besøgende står på et produktkort og skriver “er der noget billigere?” – agenten forstår, hvad den skal sammenligne med, og tilbyder et alternativ fra dit katalog, ikke et abstrakt råd.

Hovedårsagen til “widgetten dukkede ikke op” på WordPress er cache. Efter indsættelse af koden:

1. Ryd plugin-cachen: WP Rocket, W3 Total Cache, LiteSpeed eller hvad du ellers bruger.
2. Ryd CDN-cachen, hvis du bruger Cloudflare.
3. Tjek hjemmesiden i inkognitotilstand.

Hvis “sammenlægning og udskudt indlæsning af scripts” er aktiveret i plugin'et, skal du tilføje vores script til undtagelserne: sammenlægning af tredjepartsscripts kan nogle gange ødelægge indlæsningen.

## Lys og mørk tema

Widgetten kan begge dele. I indstillingerne vælges lys tema, mørk tema eller “som hos den besøgende” – sidstnævnte følger enhedens systemindstillinger og er standard.

Dette er praktisk, hvis dit WordPress-tema har en dag/nat-skifter: lad den stå på “som hos den besøgende”, og chatten vil matche det, personen allerede har valgt.

## Cache-plugins

## Tjekliste

- Chatknappen vises i nederste højre hjørne på alle sider af hjemmesiden.
- Et spørgsmål om et produkt giver et produktkort med pris.
- Knappen til bestilling fører til WooCommerce-kurven.
- På mobil overlapper knappen ikke menuen og kurven.

## Ofte stillede spørgsmål

### Kræves et separat Commerce Agents-plugin?

Nej. En kodelinje er tilstrækkelig; et separat plugin er ikke påkrævet og installeres ikke.

### Widgetten dukkede ikke op, hvad skal jeg tjekke først?

Cache: caching-plugin og CDN. Derefter – at koden er indsat i sidefoden og ikke i en vilkårlig sidebar-widget, og at temaet faktisk viser `wp_footer()`.

### Vil agenten kende til rabatter og kuponer?

Ikke om kuponer: de anvendes i WooCommerce-kurven. Agenten viser de priser, der var ved crawling, inklusive rabatprisen, hvis den vises på produktsiden.

### Vil det gøre hjemmesiden langsommere?

Scriptet er asynkront, fylder lidt og blokerer ikke sidegengivelsen. Påvirkningen på PageSpeed er minimal.

### Kan widgetten kun vises i butikken og ikke på bloggen?

Ja, hvis koden indsættes via et plugin med visningsbetingelser eller i `functions.php` med en `is_woocommerce()`-kontrol. I et simpelt tilfælde forstyrrer agenten ikke på alle sider: den svarer også på spørgsmål om levering fra bloggen.