# Legg til handel på nettsiden du allerede har. > Én asynkron script-tagg gjør hvilken som helst nettside til en butikk. Fungerer på WordPress, Webflow, Ghost, Carrd, Framer, ren HTML, React / Next.js / Vue. Ingen ombygging, ingen plugin, ingen temabytte. Én asynkron script-tagg, et par HTML-beholdere, og nettsiden du allerede har blir en butikk. Fungerer på WordPress, Webflow, Ghost, Carrd, Framer, vanlig HTML eller hvilket som helst CMS som lar deg lime inn script-tagger. Ingen ombygging. Ingen plugin. Ingen temabytte. [Start gratis prøveperiode](https://app-v3.shoprocket.io/signup?lang=nb)[Se kodesnutten](#the-snippet) 14 dagers gratis prøveperiode Uten kredittkort 0 % plattformgebyrer Fungerer på alle planer 1 Linje å bygge inn Alle Nettside Full Handlekurv og kasse 0% Plattformgebyrer ● Problemet ## Du har en nettside. Du vil selge på den. Ikke bygge den på nytt. De fleste handelsplattformer vil at du skal bytte ut nettsiden din med deres. WordPress ber om WooCommerce. Wix vil ha Wix Stores. Squarespace vil ha Squarespace Commerce. Shopify vil ha alt på sin plattform. Du ville ha en butikk, ikke et migreringsprosjekt. 01 ### Nettsiden din fungerer allerede. Merkevaren, innholdet, bloggen, animasjonene, SEO-en din. Arbeidet du allerede har gjort. Ingenting av det bør måtte endres for å legge til en kasse. 02 ### CMS-et ditt er ikke problemet. WordPress er greit. Webflow er vakkert. Ghost er perfekt for innhold. Carrd er raskt. Ingen av dem bør tvinge deg bort fordi de ikke håndterer handel innebygd. 03 ### Butikken din bør bo inne i nettsiden din. Ikke på et eget underdomene, ikke som en viderekobling til en vertsbasert handlekurv. Produktsiden er din, kassen skjer inne i den, og kunden forlater den aldri. ● Slik fungerer det ## Tre linjer HTML. Fire widgettyper. Lim inn loader-skriptet én gang. Plasser HTML-beholdere der du vil ha handel. Widgeten monterer automatisk hver eneste den finner ved visning. Installasjonen ### Én script-tagg. Asynkron. Blokkerer ikke. Script-taggen settes i head på nettsiden, rett før avsluttende body-tagg, eller i CMS-ets topptekstmal. Den lastes asynkront, så den aldri hindrer siden i å vises. Ved innlasting skanner den siden etter alle HTML-elementer med attributtet data-shoprocket og monterer riktig widget der. Hvis det ikke finnes noen widget-elementer på siden, starter den likevel den flytende handlekurven, så butikkknapper andre steder på nettsiden din fortsetter å fungere. - ✓ Asynkron lasting, ingen påvirkning på LCP eller CLS - ✓ Monterer automatisk hvert data-shoprocket-element på siden - ✓ Den flytende handlekurven starter på hele nettsiden, også på sider uten widgets ● Widgettyper ## Fire former, alle på samme side. Velg den du trenger, der du trenger den. En forside kan ha en widget for fremhevet produkt, en egen butikkside kan ha hele katalogen, og en artikkel kan ha en innebygd enkeltprodukt-widget midt i teksten. Alt på samme nettside, alt fra samme butikk. 01 ### Katalog. Fullt produktrutenett med filtre, kategorier og søk. Plasser det på /shop-siden din, så kan kundene bla gjennom hele butikken. 02 ### Produkt. Ett enkelt produktkort med pris, varianter og legg i handlekurv. Plasser det midt i en artikkel eller på en landingsside ved siden av en presentasjon. 03 ### Handlekurv. Selve handlekurven, som en sidewidget. Eller la den flytende handlekurven ta seg av det på hele nettsiden, skriptet starter den automatisk. 04 ### Kasse. Handlekurv, adresser, frakt og bestillingsoversikt, alt inne på siden din. Det siste betalingssteget sender kunden videre til betalingsleverandøren av hensyn til PCI-etterlevelse og tilbake til nettsiden din. ● Fungerer der du bor ## Tillater det en script-tagg, kan Shoprocket bygges inn. Spesifikt testet og dokumentert for byggeverktøyene under. I praksis fungerer det overalt der du kan lime inn HTML. 01 ### WordPress. Egendrevet eller WordPress.com. Hvilket som helst tema, hvilken som helst sidebygger (Elementor, Gutenberg, Divi osv.). Ingen WooCommerce nødvendig. Ingen plugin å vedlikeholde. 02 ### Webflow. Bruk Embed-elementet der du vil ha butikken. Behold Webflow CMS-planen din, ingen oppgradering til Ecommerce nødvendig. 03 ### Ghost. HTML-kort i hvilket som helst innlegg eller hvilken som helst side. Ghost er ideelt for skapere som leverer innhold ved siden av produkter. 04 ### Carrd, Framer, Notion. Enkeltside- og designførste byggeverktøy. Fungerer med Carrd Pro Standard-innbygginger, Framer-kodekomponenter og Notion via Super.so / HeyNotion-wrappere. 05 ### Statisk HTML og JAMstack. Cloudflare Pages, Netlify, Vercel, ren statisk HTML, alle Jekyll- / Hugo- / Astro- / 11ty-bygg. Lim inn kodesnutten og kjør. 06 ### React, Next.js, Vue, Svelte. Installer npm-pakken \`@shoprocket/widget\` for tett rammeverksintegrasjon. Importer komponenten og monter den der du vil ha butikken. ● Ytelse ## Core Web Vitals holder seg grønne. Hele poenget med handel som kan bygges inn hvor som helst er at nettsiden din fortsetter å oppføre seg som nettsiden din. I tall ### Asynkront skript, hurtigbufret konfigurasjon, rask montering. Loader-skriptet leveres asynkront, så LCP berøres ikke. Butikkonfigurasjonen hentes fra API-et vårt og bufres ved kanten (1 times TTL), så gjentatte sidevisninger ikke spør på nytt. Widgeten tegnes i den reserverte beholderen, så det blir ingen layoutforskyvning. Nettsider som var grønne på Lighthouse før innbyggingen, forblir grønne etter den. - ✓ Asynkron script-tagg: null påvirkning på LCP eller CLS - ✓ Butikkonfigurasjon bufret ved kanten, servert fra CDN ved gjentatte visninger - ✓ Reserverte monteringsbeholdere betyr ingen kumulativ layoutforskyvning ● Vanlige spørsmål ## Spørsmål om innbygging, besvart. Det folk spør om før de limer inn kodesnutten. Hvor kjører handlekurven og kassen egentlig? + Handlekurv, adresser og valg av frakt kjører alt inne i innbyggingen på siden din, ingen forlater nettsiden din mens de blar og velger. Det siste betalingssteget sender kunden videre til den tilkoblede betalingsleverandøren (Stripe, PayPal) av hensyn til PCI-etterlevelse og tilbake til nettsiden din for bestillingsbekreftelsen. Slik fungerer alle moderne betalingsflyter; å late som noe annet ville vært uærlig. Kan jeg ha flere widgets på samme side? + Ja. Loaderen skanner siden etter hvert element med attributtet data-shoprocket og monterer hvert enkelt. Én enkelt side kan ha en karusell med fremhevede produkter, et katalograster under den og en innebygd kasse et annet sted. Alt fra samme butikk. Gjør det nettsiden min tregere? + Ingen merkbar påvirkning. Loader-skriptet er asynkront, så det hindrer ikke siden i å vises. Butikkonfigurasjonen bufres ved kanten, så gjentatte besøkende ikke spør på nytt. Widgets monteres i reserverte beholdere, så det blir ingen kumulativ layoutforskyvning. Hvis nettsiden din bestod Core Web Vitals før, gjør den det fortsatt etterpå. Hva om jeg bruker React / Next.js / Vue? + Installer npm-pakken \`@shoprocket/widget\` direkte. Importer komponenten, monter den der du trenger butikken og send props for konfigurasjon. Gir en finkornet kontroll som innbygging med script-tagg ikke gjør. Hva med Wix og Squarespace? + Squarespace fungerer fint. Bruk Code Block-elementet på Core-planen eller høyere, lim inn kodesnutten, ferdig. Wix isolerer hver tredjepartsinnbygging i en iframe, noe som ødelegger kassen, så vi anbefaler det ikke; det ærlige svaret for Wix-brukere er Shoprockets vertsbaserte nettbutikk eller å bytte til et byggeverktøy som tillater ekte innbygginger. Se vår egen Wix-side for de tre veiene videre. Kan jeg bruke mitt eget domene? + Ja. Widgeten kjører på hvilket domene verten enn ligger på. Produktene, handlekurven og kassen dine ligger alle på din-nettside.no. Ingen eget Shoprocket-underdomene, ingen viderekoblinger. Kundene merker ikke at det er en tredjepart bak handelslaget. Hvordan tilpasser jeg utseendet til widgeten? + Widgeten arver nettsidens CSS for layoutkontekst (beholderbredder, typografisk grunnlinje). For selve handelsgrensesnittet velger du blant over 40 temaer pluss lys / mørk fargeskjema via data-attributter på monteringselementet. For dypere tilpasning setter du CSS-variabler i stilarket ditt, så plukker widgeten dem opp. Hva om jeg har flere innbyggingsoppsett for ulike sider? + Opprett flere innbyggingsoppsett i Shoprocket-dashbordet, hvert med sin egen ID, sitt eget tema og funksjonssett. Pek hver HTML-beholder til riktig innbyggings-ID. En forside kan vise en kompakt innbygging med fremhevede produkter mens en egen butikkside bruker en full katalog-innbygging, alt på samme butikk. Er Shoprocket virkelig 0 % plattformgebyrer? + Ja. Betalingsleverandøren din (Stripe, PayPal osv.) tar fortsatt sitt vanlige behandlingsgebyr, det er kostnaden ved å flytte penger, men Shoprocket legger ingenting oppå. 0 % plattformgebyrer gjelder alle planer, også hver eneste innbygging. ## Nettsiden din. Nå med handel. 14 dagers gratis prøveperiode. Uten kredittkort. Lim inn kodesnutten, lanser en butikk, behold nettsiden. [Start gratis prøveperiode](https://app-v3.shoprocket.io/signup?lang=nb)[Snakk med oss](https://v3.shoprocket.io/nb/kontakt.md) --- - HTML version: https://v3.shoprocket.io/nb/funksjoner/selg-pa-hvilken-som-helst-nettside - Language: Norsk (nb) - Also in: [العربية](https://v3.shoprocket.io/ar/features/sell-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/funktionen/auf-jeder-website-verkaufen.md), [Ελληνικά](https://v3.shoprocket.io/el/features/sell-on-any-website.md), [English](https://v3.shoprocket.io/features/sell-on-any-website.md), [Español](https://v3.shoprocket.io/es/funciones/vender-en-cualquier-sitio-web.md), [Français](https://v3.shoprocket.io/fr/fonctionnalites/vendre-sur-nimporte-quel-site.md), [עברית](https://v3.shoprocket.io/he/features/sell-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/features/sell-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/fitur/jual-di-situs-web-mana-pun.md), [Italiano](https://v3.shoprocket.io/it/funzionalita/vendere-su-qualsiasi-sito-web.md), [日本語](https://v3.shoprocket.io/ja/features/sell-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/funkcijos/pardavimas-bet-kurioje-svetaineje.md), [Nederlands](https://v3.shoprocket.io/nl/functies/verkopen-op-elke-website.md), [Polski](https://v3.shoprocket.io/pl/funkcje/sprzedaz-na-kazdej-stronie.md), [Português](https://v3.shoprocket.io/pt/funcionalidades/vender-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/functionalitati/vinde-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/features/sell-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/features/sell-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/ozellikler/her-web-sitesinde-satis.md), [中文](https://v3.shoprocket.io/zh/features/sell-on-any-website.md)