NYHET: Vår største release noensinne er her. Release Aurora.

Egen løsning: Hvordan kobler jeg Quickbutik til en side eller app jeg bygger selv?

Med Egen løsning bygger du din egen side, app eller nettbutikk utenfor Quickbutik, for eksempel i Lovable, Replit, Cursor, Claude Code eller ChatGPT, eller koder den selv. Quickbutik tar seg av alt bak kjøpsknappen: produkter, lager, kasse og ordrer. Kundene dine handler på din egen side og betaler i Quickbutiks kasse, og ordrene havner i Quickbutik som vanlig.

Slik kobler du siden din med hjelp av AI:

  1. Gå til Egen løsning i menyen.
  2. Under Din instruksjon til AI-agenten klikker du på Kopier.
  3. Lim inn instruksjonen i AI-verktøyet ditt, i prosjektet der du bygger appen eller siden. Beskriv gjerne i samme melding hva du vil bygge, for eksempel «En landingsside som selger bestselgeren min».
  4. AI-agenten leser instruksjonene og kobler til produktene dine, handlekurven og kassen.
  5. Publiser siden din. Ordrene havner under Ordrer i Quickbutik.

Slik kobler du siden din manuelt:

Dette passer for deg som utvikler selv i for eksempel React, Next.js, Vue, Astro eller ren HTML.

  1. Gå til Egen løsning og kopier Publishable key nederst på siden.
  2. Installer @quickbutik/kit fra npm, eller bruk script-taggen hvis du ikke har noe byggesteg.
  3. Legg inn publishable key i koden, hent produktene, bygg handlekurven og send kunden videre til Quickbutiks kasse.
  4. Publiser siden din.

De fullstendige tekniske instruksjonene finner du på quickbutik.com/agents.md.

Bra å vite:

  • Egen løsning er inkludert i alle prisplaner.
  • Finner du ikke Egen løsning i menyen, har du trolig en tilpasset meny. Legg den til via Tilpass nederst i menyen.
  • Support: Vi hjelper deg med alt som gjelder nettbutikken din i Quickbutik, som produkter, lager, kassen og ordrer. Vi kan derimot ikke gi support på sider, apper eller kode du har bygget i et eksternt verktøy, som Lovable eller ChatGPT.
  • Publishable key er trygg å bruke på siden din. Den kan vise produkter, håndtere handlekurven og åpne kassen, men kan verken lese ordrer eller endre produkter. Del derimot aldri en API-nøkkel fra Innstillinger > API i koden på siden din.
  • Samme butikk bak flere sider: Du kan koble så mange sider eller apper du vil til samme nettbutikk. Alle bruker de samme produktene og det samme lageret, og alle ordrer havner i samme liste.
  • Synlige produkter: Bare synlige produkter vises på din egen side. Hvis et produkt ikke vises, kontroller at det er synlig i Quickbutik.
  • Kassen: Kundene dine betaler i Quickbutiks kasse med betalingsmetodene du har aktivert. Etter kjøpet kommer de tilbake til takkesiden på din egen side. Kvitteringer og ordrebekreftelser håndteres av Quickbutik som vanlig.
  • Kostnad: Bruken av AI-verktøyet betaler du til verktøyet, for eksempel Lovable eller ChatGPT.
  • Vil du at AI-en også skal håndtere produkter og ordrer i nettbutikken din? Les da Quickbutik MCP: Hvordan kobler jeg nettbutikken min til et AI-verktøy?