NYHET: Vår största release någonsin är här. Release Aurora.

Egen lösning: Hur kopplar jag Quickbutik till en sida eller app jag bygger själv?

Med Egen lösning bygger du din egen sida, app eller butik utanför Quickbutik, till exempel i Lovable, Replit, Cursor, Claude Code eller ChatGPT, eller kodar den själv. Quickbutik sköter allt bakom köpknappen: produkter, lager, kassa och beställningar. Dina kunder handlar på din egen sida och betalar i Quickbutiks kassa, och beställningarna hamnar i Quickbutik som vanligt.

Så här kopplar du din sida med hjälp av AI:

  1. Gå till Egen lösning i menyn, under Säljytor.
  2. Under Din instruktion till AI-agenten klickar du på Kopiera.
  3. Klistra in instruktionen i ditt AI-verktyg, i projektet där du bygger din app eller sida. Beskriv gärna i samma meddelande vad du vill bygga, till exempel ”En landningssida som säljer min bästsäljare”.
  4. AI-agenten läser instruktionerna och kopplar dina produkter, varukorgen och kassan.
  5. Publicera din sida. Beställningarna hamnar under Beställningar i Quickbutik.

Så här kopplar du din sida manuellt:

Det här passar dig som utvecklar själv i till exempel React, Next.js, Vue, Astro eller ren HTML.

  1. Gå till Egen lösning och kopiera din Publishable key längst ner på sidan.
  2. Installera @quickbutik/kit från npm, eller använd script-taggen om du inte har något byggsteg.
  3. Lägg in din publishable key i koden, hämta produkterna, bygg varukorgen och skicka kunden vidare till Quickbutiks kassa.
  4. Publicera din sida.

De fullständiga tekniska instruktionerna finns på quickbutik.com/agents.md.

Bra att veta:

  • Egen lösning ingår i alla prisplaner.
  • Hittar du inte Egen lösning i menyn har du troligen en anpassad meny. Lägg till den via Anpassa längst ner i menyn.
  • Support: Vi hjälper dig med allt som rör din butik i Quickbutik, som produkter, lager, kassan och beställningar. Vi kan däremot inte ge support på sidor, appar eller kod som du byggt i ett externt verktyg, som Lovable eller ChatGPT.
  • Din publishable key är säker att använda på din sida. Den kan visa produkter, hantera varukorgen och öppna kassan, men kan varken läsa beställningar eller ändra produkter. Dela däremot aldrig en API-nyckel från Inställningar > API i koden på din sida.
  • Samma butik bakom flera sidor: Du kan koppla så många sidor eller appar du vill till samma butik. Alla använder samma produkter och samma lager, och alla beställningar hamnar i samma lista.
  • Synliga produkter: Bara synliga produkter visas på din egen sida. Om en produkt inte syns, kontrollera att den är synlig i Quickbutik.
  • Kassan: Dina kunder betalar i Quickbutiks kassa med de betalsätt du har aktiverat. Efter köpet kommer de tillbaka till tacksidan på din egen sida. Kvitton och orderbekräftelser sköts av Quickbutik som vanligt.
  • Kostnad: Användningen av AI-verktyget betalar du till verktyget, till exempel Lovable eller ChatGPT.
  • Vill du att AI:n även ska hantera produkter och beställningar i din butik? Läs då Quickbutik MCP: Hur kopplar jag min butik till ett AI-verktyg?

Var denna artikel till hjälp?