Slik installerer du agenten på WordPress og WooCommerce

Tre måter å sette inn kode på WordPress, hvordan agenten leser WooCommerce-katalogen, hva du skal gjøre med cache-plugins og hvordan du kobler chatten til handlekurven.

6. september 2026

På WordPress kan koden settes inn på tre måter. Velg ut fra hvor komfortabel du er med å redigere temafiler.

Metode 1: Plugin for kodeinnsetting (anbefalt)#

Det tryggeste alternativet: endringen går ikke tapt ved temaoppdateringer.

1. Installer en valgfri plugin for innsetting av skript: WPCode, Insert Headers and Footers, Code Snippets.
2. Åpne plugin-innstillingene og finn feltet for kode i bunnteksten – det kalles vanligvis Footer eller Body (before closing tag).
3. Lim inn linjen fra kontrollpanelet og lagre.

Metode 2: Temafil#

1. “Utseende” → “Temafilredigering”.
2. Åpne footer.php.
3. Lim inn koden før </body>.
4. Oppdater filen.

Viktig: Rediger et barnetema. Ved oppdatering av foreldretemaet vil filen overskrives sammen med koden din.

Metode 3: Via functions.php#

For de som foretrekker kode. I functions.php i barnetemaet:

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

Den nøyaktige skriptlinjen finner du i kontrollpanelet, med knappen “Kopier kode”.

Katalog fra WooCommerce#

Oppgi nettstedsadressen i innstillingene og start analysen. Søkeroboten leser WooCommerce-produkter via strukturerte sidedata: navn, pris, tilgjengelighet, beskrivelse, bilder, kategorier.

Verdt å vite:

• Variable produkter vises i produktkortet med prisintervall og egenskaper.
• Skjulte og utkast leses ikke – og det skal de heller ikke.
• Produkter kun for autoriserte brukere vil agenten ikke se: den navigerer på nettstedet som en vanlig besøkende.
• Hvis du har en eksport av produkter i CSV, kan den lastes opp i seksjonen “Katalog” – dette er noen ganger raskere og mer nøyaktig enn en gjennomgang.

Handlekurv og betaling#

På WooCommerce inkluderes betaling i chatten vanligvis ikke: butikken har sin egen kasse med frakt, avgifter og kuponger.

Oppgi lenken til handlekurven i innstillingene, oftest https://ditt-domene/cart eller /handlekurv. Agenten vil lede kunden dit.

For å se hvilke dialoger som blir til bestillinger, legg til kjøpspikselfragmentet på siden “Takk for bestillingen”. I WooCommerce er dette malen checkout/thankyou.php eller den samme pluginen for kodeinnsetting med en betingelse for bestillingssiden.

Knapp i chatten legger produkt i WooCommerce-handlekurven#

Produktkort i agentens svar er ikke bare bilder til pynt. Hvert kort har en lenke til produktsiden i butikken din, og agenten kan bruke standard WooCommerce-mekanisme for å legge til i handlekurven: en adresse av typen ?add-to-cart=123.

Kunden trykker på knappen i chatten, produktet havner i handlekurven, og deretter fungerer din kasse med alle plugins for frakt, kuponger og avgifter. Ingen integrasjoner eller nøkler er nødvendig for dette: mekanismen er innebygd i WooCommerce fra starten.

Hvis lenken fører til en side med et variabelt produkt, åpner agenten den – kunden må selv velge størrelse og farge, og det er riktig: å velge et alternativ for kunden er risikabelt.

En annen ting verdt å vite: agenten ser siden der chatten er åpen. Den leser produktets markering – navn, SKU, pris – og svarer i kontekst. En besøkende står på produktkortet og skriver “finnes det noe billigere?” – agenten forstår hva den skal sammenligne med, og tilbyr et alternativ fra din katalog, ikke et abstrakt råd.

Hovedårsaken til at “widgeten ikke dukket opp” på WordPress er cache. Etter kodeinnsetting:

1. Tøm cache for pluginen: WP Rocket, W3 Total Cache, LiteSpeed eller hva du bruker.
2. Tøm CDN-cache, hvis du bruker Cloudflare.
3. Sjekk nettstedet i inkognitomodus.

Hvis “kombinering og utsatt lasting av skript” er aktivert i pluginen, legg til skriptet vårt i unntakene: sammenslåing av tredjepartsskript kan noen ganger ødelegge lasting.

Lys og mørk tema#

Widgeten støtter begge deler. I innstillingene velges lys tema, mørk tema eller “som hos besøkende” – sistnevnte følger enhetens systeminnstillinger og er standard.

Dette er praktisk hvis WordPress-temaet ditt har en dag- og nattbryter: la det stå på “som hos besøkende”, og chatten vil matche det personen allerede har valgt på sin enhet.

Cache-plugins#

Sjekkliste#

• Chat-knappen vises i nedre høyre hjørne på alle sider på nettstedet.
• Et spørsmål om et produkt gir et produktkort med pris.
• Kjøpsknappen fører til WooCommerce-handlekurven.
• På mobil overlapper knappen ikke menyen og handlekurven.

Ofte stilte spørsmål#

Trengs en egen Commerce Agents-plugin?#

Nei. En kodelinje er tilstrekkelig; en egen plugin er ikke nødvendig og installeres ikke.

Widgeten dukket ikke opp, hva skal sjekkes først?#

Cache: cache-plugin og CDN. Deretter – at koden er satt inn i bunnteksten, ikke i en vilkårlig widget i sidekolonnen, og at temaet faktisk viser wp_footer().

Vil agenten vite om rabatter og kuponger?#

Om kuponger, nei: de brukes i WooCommerce-handlekurven. Agenten viser prisene som ble funnet under gjennomgangen, inkludert rabattert pris, hvis den vises på produktsiden.

Vil dette senke nettstedet?#

Skriptet er asynkront, veier lite og blokkerer ikke sidegjengivelsen. På PageSpeed er innvirkningen minimal.

Kan widgeten vises kun i butikken, og ikke i bloggen?#

Ja, hvis koden settes inn via en plugin med visningsbetingelser eller i functions.php med en is_woocommerce()-sjekk. I et enkelt tilfelle er agenten på alle sider ikke til hinder: den svarer også på spørsmål om levering fra bloggen.