Bygg en modebutik i lyxklass med AI.
Ett promptkit steg för steg för att bygga en Shopify-butik med dropshipping, med Claude för nischanalysen och Lovable för bygget. Kopiera varje prompt, klistra in den i rätt verktyg och följ ordningen. Anpassa allt efter din butik – promptarna är en utgångspunkt, inte ett manus, och du kan alltid be Claude eller Lovable att justera längs vägen.
Det här behöver du ha klart.
-
01
Shopify-butik
Alla Shopify-abonnemang fungerar. I början räcker den kostnadsfria provperioden. Du behöver inget betalt abonnemang förrän du ska publicera.
-
02
BrandsGateway-abonnemang
Produkterna ska redan vara importerade till Shopify. Abonnemanget ger dig rätt att sälja vidare över 500 lyx- och premiumvarumärken.
-
03
Smart Collections i Shopify
Minst 4–6 kollektioner klara innan du börjar bygga i Lovable. Butikens design hämtar innehållet direkt från dem.
Hitta din nisch.
Lägg grunden för projektet.
Skicka den här först. Den berättar för Claude vad du bygger, så att alla svar under resten av projektet passar din butik.
Jag bygger en dropshippingbutik på Shopify, och i den här chatten ska vi ta fram allt tillsammans: nischanalys, butikstexter, produktbeskrivningar, promptar till Lovable för butikens design och allt annat vi behöver på vägen. Se det här som vår gemensamma arbetsyta för hela projektet. Min leverantör är BrandsGateway. De ger mig ett återförsäljarintyg, så jag har full rätt att sälja de här varumärkena lagligt, även på marknadsplatser som Amazon och eBay. Mina produkter kostar mellan 30 och 1 000 euro per styck. Om du har frågor, fråga alltid – gissa inte. Du ska agera expert på e-handel och lyxmode, och vara min affärspartner med gedigen erfarenhet av marknadsföring. Säg emot när idéerna är svaga, påpeka vad som saknas och säg till när jag fattar fel beslut.
Nischanalys.
Byt ut uppgifterna inom hakparentes mot dina målmarknader och de produkter du vill satsa på. Klistra in BrandsGateways fullständiga varumärkeslista där det står.
Jag vill sälja i [DINA MÅLLÄNDER – T.EX. TYSKLAND, NEDERLÄNDERNA, SVERIGE, ÖSTERRIKE]. Till att börja med vill jag fokusera på [DITT PRODUKTFOKUS – T.EX. HERRMODE: T-SHIRTS MED LOGGA, LEDIGA SKJORTOR, SNEAKERS OCH PLÅNBÖCKER]. Här är hela listan över varumärken som jag har tillgång till via BrandsGateway: [KLISTRA IN BRANDSGATEWAYS FULLSTÄNDIGA VARUMÄRKESLISTA HÄR] I det här första steget vill jag att du berättar: 1. Ärligt om det här är en bra nisch eller inte – och varför 2. Om nischen är bra: om vi kan gå djupare in i en mer specifik subnisch 3. Vilka varumärken i listan som är starkast för den här nischen på just de här marknaderna 4. Vilka produktkategorier som har bäst potential för vidareförsäljning för en nybörjare 5. Vilka prisnivåer som fungerar bäst på varje marknad 6. Vilka varumärken du skulle prioritera om du började från noll
Spara Claudes svar. Använd varumärkesrekommendationerna när du skapar dina Smart Collections och filter i Shopify, innan du börjar bygga i Lovable. Hela BrandsGateways varumärkeslista hittar du på brandsgateway.com/brands.
Bygg butiken.
Grundinställning av butiken och stilriktning.
Ditt första meddelande till Lovable. Det sätter ramarna för hela bygget. Byt ut uppgifterna inom hakparentes mot dina egna – välj en referensbutik vars utseende du verkligen gillar och skriv en eller två meningar om varför.
Jag vill skapa en Shopify-butik. Mina produkter är redan importerade, jag har skapat Smart Collections, jag säljer via dropshipping, min leverantör är BrandsGateway och jag har ett abonnemang hos dem som ger mig rätt att sälja deras produkter vidare. Min katalog omfattar [DINA KATEGORIER – T.EX. SNEAKERS OCH SKOR, KLOCKOR OCH PLÅNBÖCKER, SOLGLASÖGON, KLÄDER]. Varumärkena ligger i premium- och lyxsegmentet, bland annat [2–4 VARUMÄRKEN UR DIN KATALOG – T.EX. GUCCI, PRADA, CALVIN KLEIN, ARMANI]. Jag vill skapa en butik med en känsla som liknar [REFERENSBUTIKENS URL – VÄLJ EN BUTIK VARS DESIGN DU ÄLSKAR. EXEMPEL: dfranklincreation.com, mrporter.com, ssense.com, endclothing.com]. Det jag gillar med den: [1–2 MENINGAR – T.EX. DEN REDAKTIONELLA LAYOUTEN PÅ STARTSIDAN, DEN ÅTERHÅLLSAMMA TYPOGRAFIN, HUR DE ANVÄNDER LUFT OCH TOMRUM, STILEN PÅ PRODUKTBILDERNA]. Känslan jag vill att en besökare ska få är: ”Jag är inte som alla andra, jag känner mig annorlunda, jag vill handla i modernare butiker.” Innan du designar något, berätta om det går att först läsa in mina riktiga produkter från Shopify och sedan designa butiken utifrån dem: placera mina kollektioner där de hör hemma, bygga menyn utifrån det jag faktiskt har och använda en visuell stil som passar produkterna. Jag älskar en ren, redaktionell lyxestetik – återhållsamma färger, generöst med luft och stora produktbilder. Min Shopify-domän är [DIN SHOPIFY-DOMÄN]. Vad är hela planen innan du börjar?
Vänta tills Lovable bekräftar planen. Om den ser bra ut, svara: ”Ser bra ut, sätt igång och bygg.”
Navigering och megameny.
Bygg den exklusiva navigeringen med rullgardinsmenyer när den första versionen av butiken är klar. Den här prompten ber Lovable att bygga menyn utifrån det som faktiskt finns i din Shopify-katalog i stället för att hårdkoda kategorier.
Titta på navigeringen på lyxmodesajter som farfetch.com, mrporter.com, ssense.com och net-a-porter.com. Bygg samma typ av megameny till min butik. Beteende: när en användare håller muspekaren över en huvudpunkt i menyn visas en rullgardinsmeny i full bredd med underkollektioner grupperade efter kategori. Redaktionell layout – ren typografi, generöst med utrymme, inget rörigt. Matcha det visuella språket i resten av butiken. Läs in min faktiska Shopify-katalog och bygg menystrukturen utifrån det jag har. Mer specifikt: 1. Huvudpunkterna ska spegla det som finns i min katalog. Om jag säljer till både herr och dam, ta med HERR och DAM som huvudpunkter. Om jag bara säljer till det ena könet, skapa inte det andra. Ta alltid med NYHETER och REA om de kollektionerna finns eller kan härledas från produkttaggar. 2. Rullgardinsmenyn KOLLEKTIONER ska visa alla Smart Collections jag har skapat i Shopify, logiskt grupperade (t.ex. efter produkttyp, säsong eller stil). 3. Rullgardinsmenyn VARUMÄRKEN ska visa de varumärken jag faktiskt har produkter från, i bokstavsordning. Om jag har fler än 20 varumärken, visa de 10–12 största efter antal produkter överst under rubriken ”Utvalda varumärken”, och resten nedanför under ”Alla varumärken”. 4. Underkategorier i varje huvudmeny (t.ex. Kläder, Skor, Accessoarer, Smycken) ska bara visas om jag har produkter i de kategorierna. Hitta inte på kategorier som jag inte har. Utelämna inte kategorier som jag har. Innan du bygger, berätta vilken menystruktur du har valt utifrån min katalog och låt mig bekräfta den först.
Kontrollera megamenyn i förhandsvisningen efter bygget. Testa alla hovringslägen på dator och kontrollera hur menyn fälls ihop i mobilen.
Avancerat filtersystem.
Kopiera den här prompten exakt. Filterstrukturen är medvetet detaljerad eftersom Lovable fungerar bättre med konkreta instruktioner – men den ber Lovable att anpassa varumärken, kategorier, storlekar och färger efter din faktiska katalog.
Titta på filtersystemen på lyxmodesajter som farfetch.com, mrporter.com, ssense.com och net-a-porter.com. Bygg samma typ av filtersystem till min butik. BUTIKS-/KATALOGSIDA – avancerat filtersystem (vänster sidofält) Bygg en heltäckande filterpanel i vänster sidofält. Varje filter använder kryssrutor med flerval och en ”Visa fler”-knapp. Aktiva filter visas som borttagbara etiketter ovanför produktrutnätet. Lägg till en knapp för ”Rensa alla filter”. Läs in min faktiska Shopify-katalog och fyll varje filter med verklig produktdata – hårdkoda inga värden som inte finns i min katalog, och utelämna inga värden som finns där. Filter som ska ingå: Kön: visa bara alternativ som finns i min katalog (Herr, Dam, Unisex – de som gäller). Kategori: visa bara huvudkategorier som finns i min katalog. Hoppa över kategorier där jag inte har några produkter. Underkategori (dynamisk, visas utifrån vald kategori): fyll i från de faktiska produkttyperna i min katalog under varje kategori. Varumärke (bokstavsordning, sökbar, rullbar lista): visa alla varumärken som jag har produkter från. Lägg till en sökruta överst i varumärkesfiltret och visa antalet produkter bredvid varje varumärkesnamn. Prisintervall: skjutreglage med två handtag och fält för manuell inmatning. Sätt min- och maxvärdet utifrån det lägsta och högsta priset i min katalog. Färg: visuella färgrutor (cirklar) för varje färg som finns i min katalog. Material: visa bara material som finns i min produktdata. Storlek: fylls i dynamiskt från lagret – ta med alla storleksvarianter som finns bland mina produkter. Sortera efter (rullgardinsmeny, uppe till höger ovanför rutnätet): Nyast först, Pris: lågt till högt, Pris: högt till lågt, Störst rabatt, Populärast, Varumärke A–Ö. Innan du bygger, berätta vilka varumärken, kategorier, underkategorier, färger, material och storlekar du har hittat i min katalog, och låt mig bekräfta listan först.
Testa varje filter. Testa kombinerade filter: välj ett varumärke och filtrera sedan på kategori. Båda måste fungera innan du går vidare.
Justera och förbättra startsidan.
När filtersystemet är byggt förbättrar du startsidans layout och sektioner. Prompten anpassar sig efter det som finns i din katalog – säljer du bara herrmode får du ingen damsektion.
Nu ska vi rätta till och förbättra startsidan. Läs in min Shopify-katalog och anpassa varje sektion nedan efter det jag faktiskt säljer – skapa inga sektioner för produkter, kön eller kategorier som jag inte har. Så här vill jag ha strukturen: 1. Hero-sektion – redaktionell bild i full bredd, rubrik i serifftypsnitt, CTA-knappar som länkar till mina viktigaste kollektioner. 2. Handla efter kategori – 3–4 stora bildrutor, en för varje huvudkategori som jag faktiskt har. 3. Nyheter – horisontellt scrollbar rad med de 12 senaste produkterna i min katalog. 4. Utvalda varumärken – rutnät med logotyper eller ordmärken för de främsta varumärkena som har produkter i lager. 5. Delad redaktionell sektion – anpassa efter min katalog: om jag säljer till både herr och dam, två stora bildpaneler sida vid sida. Om jag bara säljer till det ena könet, en enda redaktionell panel i full bredd. 6. Bästsäljare – rutnät med 8 produkter hämtade från de produkter som faktiskt säljer bäst. 7. Nyhetsbrevsremsa – ett enda e-postfält, återhållsam text, inga formuleringar som stressar. Se till att hela startsidan känns återhållsam och redaktionell – generöst med luft, stora bilder, ren typografi. Inga utropstecken, inga formuleringar som stressar, inga falska nedräkningstimers. Innan du bygger, berätta vilka sektioner du tar med utifrån min katalog och låt mig bekräfta först.
SEO och LLM-optimering.
Gör att din butik hittas på Google och rekommenderas av ChatGPT, Claude och Perplexity. Fyll i de tre uppgifterna inom hakparentes.
Jag vill sökmotoroptimera alla sidor – produktsidor, kollektionssidor och startsidan – så att min webbplats syns i Googles sökresultat. Jag vill också att den rekommenderas av språkmodeller som ChatGPT, Claude och Perplexity. Jag behöver: - Title-taggar per sida under 60 tecken, med butikens namn och sidans huvudsökord - Metabeskrivningar under 160 tecken - En enda H1 per sida - Semantisk HTML genomgående - Alt-text på varje produktbild med produktnamn och varumärke - JSON-LD Product-schema på produktsidor - BreadcrumbList-schema på kollektionssidor - Canonical-taggar på alla sidor - sitemap.xml som genereras och uppdateras automatiskt - En llms.txt-fil i roten så att AI-verktyg förstår vad butiken är och vad den säljer - Organization-schema med butikens namn, beskrivning och kontaktuppgifter Använd den här informationen till llms.txt: Butikens namn: [DITT BUTIKSNAMN] Beskrivning: [DITT BUTIKSNAMN] är en noga utvald flermärkesbutik för lyxmode med premium- och designerkläder, skor, accessoarer och smycken från varumärken som Gucci, Prada, Calvin Klein, Armani, Versace och över 500 till. Leverans i hela världen. Drivs med dropshipping via BrandsGateway. Shopify-domän: [DIN SHOPIFY-DOMÄN] Berätta också hur jag ser till att alla nya produkter som kommer in från BrandsGateway automatiskt och konsekvent uppdateras med korrekta metadata.
Efter det här bygget ger Lovable dig en checklista att gå igenom manuellt – Google Search Console, Bing Webmaster Tools, bekräftelse av domänen. Följ den.
Bildhantering.
Löser problemet med olika bakgrunder på produktbilderna från BrandsGateway.
Produktbilderna från BrandsGateway har olika bakgrunder – vissa är vita, vissa grå och vissa har stylade bakgrunder. Det gör att produktrutnätet ser ojämnt ut. Jag vill ha två saker: 1. En lösning på CSS-nivå som ger alla produktbilder en enhetlig, ren bakgrund i rutnätsvyn – utan att röra originalbilderna. Använd den på produktkorten på startsidan, på kollektionssidorna och i sökresultaten. 2. Berätta vilka de bästa alternativen är för att automatiskt ta bort och ersätta bildbakgrunder på alla befintliga och framtida produkter från BrandsGateway – vilka verktyg som finns, vad de kostar och vilka för- och nackdelar de har. Gör punkt 1 nu. Ge mig alternativen för punkt 2 så att jag kan bestämma mig.
Har du kört fast i bygget?
Om Lovable gör något oväntat, eller om du har stött på ett Shopify-problem som inte finns med i kitet, prata med vårt team. Vi har sett de flesta specialfall och kan oftast lösa det på ett enda samtal.
Slutkontroll före publicering.
Kör den här sist. Åtgärda alla fel innan du publicerar.
Innan jag publicerar vill jag att du gör en fullständig kvalitetskontroll. Kontrollera var och en av följande punkter och rapportera resultatet: 1. Startsidan visas med riktiga produkter – inga tomma sektioner, inget platshållarinnehåll 2. Kollektionssidorna laddas och visar riktiga produkter 3. Filtren fungerar – kön, kategori, underkategori, varumärke, pris, färg, material och storlek fungerar alla 4. Kombinerade filter fungerar – att välja ett varumärke och sedan filtrera på kategori eller storlek ger rätt resultat 5. Produktsidan laddas – bilder, varianter och Lägg i varukorgen fungerar 6. ”Lägg i varukorgen” skapar en riktig Shopify-varukorg 7. Varukorgspanelen öppnas, visar raderna och kassaknappen öppnar Shopifys kassa i en ny flik 8. Kassans URL innehåller channel=online_store 9. Sökningen ger riktiga produkter 10. Mobilvyn fungerar vid 375 px – startsida, kollektion, produktsida och varukorg är alla användbara 11. Megamenyn fungerar vid hovring 12. Alla SEO-taggar finns – title, metabeskrivning, H1, canonical, JSON-LD-schema 13. sitemap.xml går att nå på /sitemap.xml 14. llms.txt går att nå på /llms.txt 15. Lighthouse-poäng på startsidan – målet är minst 90 på mobil Om något inte fungerar, åtgärda det nu innan du rapporterar att du är klar.
När allt är godkänt klickar du på Publish uppe till höger i Lovable. Gå sedan igenom checklistan efter publiceringen: Google Search Console, Bing Webmaster Tools, butikens villkor och policyer, Google Merchant Center.
Över 500 lyxvarumärken. Ett abonnemang.
Med BrandsGateway får du rätt att sälja vidare över 50 000 produkter från premium- och lyxvarumärken inom mode. Dropshipping, grossistköp och full integration med Shopify, WooCommerce och din egen butik.
Starta din verksamhetFler resurser.
Se hela genomgången på YouTube, eller utforska andra sätt om du hellre vill bygga med Claude Code i stället för Lovable.
BrandsGateway × Lovable: bygg din butik på video.
Varje steg i det här kitet, gjort live på skärmen. Se hur varje prompt blir en fungerande butik – och lär dig de små detaljerna som inte får plats i skrivna instruktioner.
Öppna spellistan på YouTube