# Bygg inn Shoprocket på et hvilket som helst nettsted

> Selg fra nettstedet du allerede har. Lag en innbygging i Innbygginger, klikk på Hent kode og lim den inn på siden din på WordPress, Squarespace, Wix, Webflow eller vanlig HTML. Endringer du lagrer senere når alle sider uten å lime inn på nytt.

Hjelpesenter / Innbygging - Oppdatert 28. oktober 2026

En innbygging setter en del av butikken din på et hvilket som helst nettsted: ett produkt med en kjøpsknapp, en full produktkatalog, kategoriene dine eller et søkefelt. Du bygger den i **Innbygginger**, klikker på **Hent kode** og limer koden inn på siden din. Handlekurven og kassen åpnes rett på siden din, så kundene forlater aldri nettstedet ditt.

Du limer inn koden bare én gang. Når du endrer en innbygging senere, selv om du bytter den til en annen layout, oppdateres hver side den ligger på når du lagrer.

## Før du begynner

- Legg til minst ett aktivt produkt. En innbygging for ett produkt trenger et produkt å selge.
- Du må kunne redigere nettstedet ditt og legge til en kode- eller HTML-blokk på en side. Merknadene for hver nettstedbygger står nedenfor.

## Trinn 1 (valgfritt, anbefalt): Legg Shoprocket til på alle sidene på nettstedet ditt

Øverst i **Innbygginger** er et kort som heter **Legg Shoprocket til på alle sidene på nettstedet ditt**. Det inneholder én kodelinje for nettstedets topptekst. Med den på plass fungerer den flytende handlekurven og live-chatten din på alle sider av nettstedet, ikke bare sidene med en innbygging, og enhver innbygging du legger til senere fungerer rett av.

1. Gå til **Innbygginger** i kontrollpanelet.
2. Klikk på **Kopier** på kortet **Legg Shoprocket til på alle sidene på nettstedet ditt**.
3. Velg nettstedbyggeren din i fanene under koden (**HTML**, **WordPress**, **Squarespace**, **Wix** eller **Webflow**) og følg de to trinnene for å lime linjen inn i nettstedets topptekst.
4. Åpne en hvilken som helst side på nettstedet ditt. Kortets status endres fra **Ikke sett ennå** til **Tilkoblet**.

Du kan hoppe over dette trinnet. Koden til hver innbygging inneholder den samme linjen, så en innbygging fungerer av seg selv på en hvilken som helst side.

## Trinn 2: Lag en innbygging

1. Klikk på **Ny innbygging** i **Innbygginger**.
2. Under **Hva den viser** velger du en: **Ett produkt**, **Produktkatalog**, **Kategorier** eller **Søk**.
3. Velg en layout:
   - **Ett produkt**: **Knapp**, **Kompakt**, **Kort**, **Fremhevet** eller **Full detalj**. Velg så produktet under **Hvilket produkt?**
   - **Produktkatalog**: **Rutenett**, **Karusell** eller **Liste**. Under **Hvilke produkter?** velger du **Alle produkter**, **En kategori** eller **Håndplukket**.
   - **Kategorier**: **Fliser**.
   - **Søk**: **Søkefelt** eller **Søkeikon**.
4. Klikk på **Fortsett**.

Hver layout er den samme innbyggingen med andre innstillinger, så du kan bytte layout senere i redigeringsprogrammet, og koden du limer inn forblir den samme.

![Skjermen Ny innbygging med Produktkatalog valgt og layoutene Rutenett, Karusell og Liste å velge mellom](https://v3.shoprocket.io/img/help/embed-on-any-website/new-embed-chooser.webp)

## Trinn 3: Tilpass den

Redigeringsprogrammet viser en live forhåndsvisning du kan klikke deg gjennom som en kunde: legge i handlekurven, åpne produkter og gå til kassen. Du endrer hva innbyggingen viser i fanen **Denne innbyggingen**. Fanen **Butikk** setter farger og skrifter for hele butikken din, så alle innbyggingene og den flytende handlekurven din passer sammen.

Innbyggingen får et navn til å begynne med, for eksempel "Produkter · Rutenett". Du kan gi den nytt navn når som helst.

Når du er fornøyd, klikk på **Lagre og hent kode**.

## Trinn 4: Kopier koden og lim den inn på nettstedet ditt

Etter lagring åpnes panelet **Hent kode**. Det ser slik ut:

```html
<!-- Shoprocket: Product catalog -->
<script src="https://.../loader.js" data-pk="pk_..."></script>
<div data-shoprocket="embed" data-embed-id="emb_..."></div>
```

Kopier alltid din egen kode med knappen, aldri skriv den av på nytt. Første linje navngir innbyggingen, skriptet laster Shoprocket for butikken din, og siste linje er der innbyggingen vises.

![Panelet Hent kode med faner for nettstedbyggere, innbyggingskoden og knappen Kopier kode](https://v3.shoprocket.io/img/help/embed-on-any-website/get-code.webp)

1. Klikk på **Kopier kode**.
2. Velg nettstedbyggeren din i fanene i panelet og lim koden inn der innbyggingen skal vises:
   - **HTML**: lim koden inn der innbyggingen skal vises. Skriptlinjen trenger bare stå på en side én gang, uansett hvor mange innbygginger den har.
   - **WordPress**: legg til en **Custom HTML**-blokk i blokkeditoren der innbyggingen skal stå. Lim inn koden og oppdater siden. På WordPress.com krever skript et abonnement som tillater utvidelser.
   - **Squarespace**: rediger siden og legg til en kodeblokk (**Code**) der innbyggingen skal stå. Lim inn koden, la visningen stå på HTML, og lagre.
   - **Wix**: velg **Add**, deretter **Embed code**, deretter **Embed HTML** i editoren. Lim inn koden i boksen og endre størrelsen slik at den passer. Wix viser den i en ramme, så gi den plass til handlekurven.
   - **Webflow**: dra et **Code Embed**-element dit innbyggingen skal stå. Lim inn koden, lagre og publiser nettstedet.

Hvis du allerede la Shoprocket til i nettstedets topptekst i trinn 1, trenger siden bare den siste linjen i koden, den som starter med `<div`.

For å hente koden igjen senere, åpne innbyggingen fra **Innbygginger** og klikk på **Hent kode**.

**Ikke noe nettsted?** For ett produkt uten valg tilbyr panelet **Hent kode** også **Ikke noe nettsted? Del en kjøpslenke**. Klikk på **Kopier lenke** og del den hvor som helst: den åpner kassen med det produktet. Et produkt med valg lager lenken sin på sin egen produktside, der du velger hvilket valg.

**Legge søk i en meny.** For en **Søk**-innbygging gir panelet deg også en lenke, `#!/search`, som du legger til som et menyelement kalt Søk på nettstedet ditt. Den åpner det samme søket på en hvilken som helst side med en Shoprocket-innbygging, uten at det trengs kode.

## Den flytende handlekurven

Butikken din har én flytende handlekurv. Det er knappen kundene klikker på for å åpne handlekurven og gå til kassen, og den vises på hver side der Shoprocket-koden din kjører. I **Innbygginger** er den første rad, **Flytende handlekurv**, merket **Alltid på**.

For å endre hvordan den ser ut, klikk på **Flytende handlekurv**. Du kan sette dens **Posisjon** på sidekanten, **Avstand** fra siden og topp eller bunn, hva den **Viser**, dens **Form**, **Størrelse** og **Ikon** (eller ditt eget bilde), og om en **Innlogging**-lenke vises. Klikk på **Lagre**. Fargene og skriftene kommer fra butikkdesignet ditt.

## Endre eller fjerne en innbygging

- **Endre den**: åpne innbyggingen fra **Innbygginger**, gjør endringene dine og klikk på **Lagre**. Hver side som viser den oppdateres. Ingen ny kode trengs.
- **Fjerne den fra en side**: slett koden fra den siden på nettstedet ditt.
- **Slette den**: i **Innbygginger** bruker du slettknappen på raden og bekrefter. Ta også koden av sidene dine.

## For utviklere

Utviklerveiledningen dekker hvert alternativ på koden, å vise en innbygging uten kontrollpanelet, og JavaScriptet widgeten tilbyr: [Bygg inn widgeten](https://v3.shoprocket.io/docs/embedding.md).

## Relatert

- [Hva er Shoprocket?](https://v3.shoprocket.io/nb/hjelp/hva-er-shoprocket.md)
- [Koble til Stripe-kontoen din](https://v3.shoprocket.io/nb/hjelp/koble-til-stripe-kontoen-din.md)
- [Din driftede butikk](https://v3.shoprocket.io/nb/hjelp/din-driftede-butikk.md)

[Åpne Innbygginger i kontrollpanelet](https://app-v3.shoprocket.io/go/embeds)

---

- HTML version: https://v3.shoprocket.io/nb/hjelp/bygg-inn-shoprocket-pa-et-hvilket-som-helst-nettsted
- Language: Norsk (nb)
- Also in: [العربية](https://v3.shoprocket.io/ar/help/embed-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/hilfe/auf-jeder-website-einbetten.md), [Ελληνικά](https://v3.shoprocket.io/el/help/embed-on-any-website.md), [English](https://v3.shoprocket.io/help/embed-on-any-website.md), [Español](https://v3.shoprocket.io/es/ayuda/integrar-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/aide/integrer-shoprocket-sur-un-site.md), [עברית](https://v3.shoprocket.io/he/help/embed-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/help/embed-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/bantuan/sematkan-di-situs-mana-pun.md), [Italiano](https://v3.shoprocket.io/it/aiuto/incorpora-shoprocket-su-qualsiasi-sito.md), [日本語](https://v3.shoprocket.io/ja/help/embed-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/pagalba/iterpkite-shoprocket-i-bet-kuria-svetaine.md), [Nederlands](https://v3.shoprocket.io/nl/hulp/shoprocket-op-elke-website-insluiten.md), [Polski](https://v3.shoprocket.io/pl/pomoc/osadz-shoprocket-na-dowolnej-stronie.md), [Português](https://v3.shoprocket.io/pt/ajuda/embed-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/ajutor/incorporeaza-shoprocket-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/help/embed-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/help/embed-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/yardim/web-sitesine-gomme.md), [中文](https://v3.shoprocket.io/zh/help/embed-on-any-website.md)