Bouw met AI een webshop voor luxe mode.
Een stappenplan met prompts om een Shopify-webshop voor dropshipping op te zetten: Claude voor het nicheonderzoek en Lovable voor de bouw. Kopieer elke prompt, plak hem in de juiste tool en volg de volgorde. Stem alles af op je eigen webshop – deze prompts zijn een vertrekpunt, geen script, en je kunt Claude of Lovable altijd vragen om onderweg dingen bij te stellen.
Dit heb je nodig.
-
01
Shopify-webshop
Elk pakket werkt. Om te beginnen is de gratis proefperiode prima. Een betaald pakket heb je pas nodig als je klaar bent om te publiceren.
-
02
BrandsGateway-abonnement
Met de producten al geïmporteerd in Shopify. Met het abonnement mag je meer dan 500 luxe en premium merken doorverkopen.
-
03
Smart Collections in Shopify
Minstens 4 tot 6 collecties, aangemaakt voordat je met Lovable begint. Het ontwerp van de webshop is direct op deze collecties gebaseerd.
Niche kiezen.
Leg de projectcontext vast.
Stuur deze als eerste. Zo weet Claude wat je bouwt en past elk antwoord in de rest van het project bij je webshop.
Ik bouw een webshop voor dropshipping op Shopify en in deze chat gaan we alles samen uitwerken – nicheonderzoek, teksten voor de webshop, productbeschrijvingen, Lovable-prompts voor het ontwerp van de webshop en alles wat we onderweg nog nodig hebben. Zie deze chat als onze gedeelde werkplek voor het hele project. Mijn leverancier is BrandsGateway. Zij leveren een wederverkoperscertificaat, dus ik mag deze merken volledig legaal verkopen, ook op marktplaatsen zoals Amazon en eBay. Mijn producten kosten € 30 tot € 1.000 per stuk. Als je vragen hebt, stel ze dan altijd – ga niet gokken. Ik wil dat je optreedt als expert in e-commerce en luxe mode, en als mijn zakenpartner met veel marketingervaring. Spreek me tegen bij zwakke ideeën, benoem wat er ontbreekt en zeg het als ik de verkeerde keuze maak.
Nicheonderzoek.
Vervang de gegevens tussen haken door je doelmarkten en je productfocus. Plak de volledige merkenlijst van BrandsGateway op de aangegeven plek.
Ik wil verkopen in [JE DOELLANDEN – bijv. Duitsland, Nederland, Zweden, Oostenrijk]. Mijn eerste focus is [JE PRODUCTFOCUS – bijv. herenmode: T-shirts met logo, casual overhemden, sneakers en portemonnees]. Hier is de volledige lijst met merken die ik via BrandsGateway kan verkopen: [PLAK HIER DE VOLLEDIGE MERKENLIJST VAN BRANDSGATEWAY] Voor deze eerste stap wil ik dat je: 1. Eerlijk zegt of dit een goede niche is of niet – en waarom 2. Als hij goed is, zegt of we dieper kunnen gaan in een specifiekere subniche 3. Aangeeft welke merken uit deze lijst het sterkst zijn voor deze niche in juist deze markten 4. Aangeeft welke productcategorieën het beste doorverkooppotentieel hebben voor een beginner 5. Aangeeft welke prijsniveaus per markt het best werken 6. Aangeeft welke merken jij voorrang zou geven als je vanaf nul begon
Bewaar het antwoord van Claude. Gebruik de merkadviezen bij het opzetten van je Smart Collections en filters in Shopify, voordat je met Lovable begint. De volledige merkenlijst van BrandsGateway vind je op brandsgateway.com/brands.
Webshop bouwen.
Eerste opzet en stijlrichting.
Je eerste bericht aan Lovable. Hiermee leg je de briefing voor de hele bouw vast. Vervang de gegevens tussen haken door die van jezelf – kies een referentiewebshop waarvan je de look echt mooi vindt, en schrijf in een of twee zinnen waarom.
Ik wil een Shopify-webshop maken. Mijn producten zijn al geïmporteerd, ik heb Smart Collections aangemaakt, ik doe aan dropshipping, mijn leverancier is BrandsGateway, ik heb daar een abonnement en daarmee het recht om hun producten door te verkopen. Mijn assortiment bestaat uit [JE CATEGORIEËN – bijv. sneakers en schoenen, horloges en portemonnees, zonnebrillen, kleding]. Het zijn premium en luxe merken, met namen als [2–4 MERKVOORBEELDEN UIT JE ASSORTIMENT – bijv. Gucci, Prada, Calvin Klein, Armani]. Ik wil een webshop met een vergelijkbare uitstraling als [URL VAN DE REFERENTIEWEBSHOP – kies een webshop waarvan je het ontwerp geweldig vindt. Voorbeelden: dfranklincreation.com, mrporter.com, ssense.com, endclothing.com]. Wat ik er goed aan vind: [1–2 ZINNEN – bijv. de redactionele opbouw van de homepage, de ingetogen typografie, het gebruik van witruimte, de stijl van de productfoto's]. Het gevoel dat ik een bezoeker wil geven: “Ik ben anders dan de massa, ik voel me anders, ik wil in modernere winkels shoppen.” Voordat je iets ontwerpt: vertel me of het mogelijk is om eerst mijn echte producten uit Shopify uit te lezen en de webshop daaromheen te ontwerpen – mijn collecties op de juiste plek zetten, het menu opbouwen uit wat ik echt heb en een visuele stijl toepassen die bij de producten past. Ik hou van een strakke, redactionele luxe-esthetiek: ingetogen kleuren, veel witruimte, grote productbeelden. Mijn Shopify-domein is [JE SHOPIFY-DOMEIN]. Wat is het volledige plan voordat je begint?
Wacht tot Lovable het plan bevestigt. Klopt het, antwoord dan: “Ziet er goed uit, ga je gang en bouw maar.”
Navigatie en megamenu.
Bouw de premium dropdownnavigatie zodra de eerste versie van de webshop staat. Deze prompt laat Lovable het menu opbouwen uit wat er echt in je Shopify-assortiment zit, in plaats van categorieën vast in te programmeren.
Bekijk de navigatie op luxe modesites zoals farfetch.com, mrporter.com, ssense.com en net-a-porter.com. Bouw hetzelfde type megamenu voor mijn webshop. Gedrag: als een gebruiker met de muis over een hoofditem van de navigatie gaat, verschijnt er een dropdown over de volle breedte met subcollecties, gegroepeerd per categorie. Redactionele opmaak – strakke typografie, ruime marges, geen rommel. Sluit aan bij de visuele stijl van de rest van de webshop. Lees mijn echte Shopify-assortiment uit en bouw de menustructuur op uit wat ik heb. Concreet: 1. De hoofditems moeten weerspiegelen wat er in mijn assortiment zit. Verkoop ik aan zowel heren als dames, neem dan HEREN en DAMES op als hoofditems. Verkoop ik maar aan één geslacht, maak het andere dan niet aan. Neem altijd NIEUW BINNEN en SALE op als die collecties bestaan of uit producttags af te leiden zijn. 2. De dropdown COLLECTIES toont alle Smart Collections die ik in Shopify heb aangemaakt, logisch gegroepeerd (bijv. op producttype, seizoen of stijl). 3. De dropdown MERKEN toont de merken waarvan ik echt producten heb, alfabetisch gesorteerd. Heb ik meer dan 20 merken, toon dan bovenaan de top 10 tot 12 op aantal producten onder de kop “Uitgelichte merken” en daaronder de rest onder “Alle merken”. 4. Subcategorieën binnen elke dropdown (bijv. Kleding, Schoenen, Accessoires, Sieraden) verschijnen alleen als ik producten in die categorieën heb. Verzin geen categorieën die ik niet heb. Laat geen categorieën weg die ik wel heb. Vertel me voor het bouwen welke menustructuur je op basis van mijn assortiment hebt gekozen, en laat me die bevestigen voordat je hem bouwt.
Controleer het megamenu na de bouw in de preview. Test elke hoverstatus op desktop en controleer hoe het menu inklapt op mobiel.
Geavanceerd filtersysteem.
Kopieer deze prompt precies zoals hij is. De filterstructuur is bewust gedetailleerd, omdat Lovable beter werkt met concrete details – maar de prompt laat Lovable merken, categorieën, maten en kleuren afstemmen op jouw echte assortiment.
Bekijk de filtersystemen op luxe modesites zoals farfetch.com, mrporter.com, ssense.com en net-a-porter.com. Bouw hetzelfde type filtersysteem voor mijn webshop. SHOP-/CATALOGUSPAGINA – Geavanceerd filtersysteem (linkerzijbalk) Bouw een uitgebreid filterpaneel in de linkerzijbalk. Elk filter gebruikt selectievakjes met meervoudige selectie en een uitklapknop “Meer tonen”. Actieve filters verschijnen als verwijderbare labels boven het productraster. Voeg een knop “Alle filters wissen” toe. Lees mijn echte Shopify-assortiment uit en vul elk filter met echte productgegevens – zet geen vaste waarden in die niet in mijn assortiment voorkomen, en laat geen waarden weg die er wel in staan. Deze filters moeten erin: Geslacht: toon alleen opties die in mijn assortiment voorkomen (Heren, Dames, Unisex – wat van toepassing is). Categorie: toon alleen hoofdcategorieën die in mijn assortiment voorkomen. Sla categorieën zonder producten over. Subcategorie (dynamisch, verschijnt op basis van de gekozen categorie): vul deze met de echte producttypes uit mijn assortiment per categorie. Merk (alfabetisch, doorzoekbaar, scrollbare lijst): toon elk merk waarvan ik producten heb. Zet bovenaan het merkfilter een zoekveld en toon naast elke merknaam het aantal producten. Prijsklasse: schuifregelaar met twee grepen en invoervelden. Stel het minimum en maximum in op de echte laagste en hoogste prijs in mijn assortiment. Kleur: visuele kleurstalen (rondjes) voor elke kleur die in mijn assortiment voorkomt. Materiaal: toon alleen materialen die in mijn productgegevens voorkomen. Maat: dynamisch gevuld vanuit de voorraad – neem elke maatvariant op die bij mijn producten voorkomt. Sorteren op (dropdown, rechtsboven het raster): Nieuwste eerst, Prijs: laag naar hoog, Prijs: hoog naar laag, Hoogste korting, Populairst, Merk A–Z. Vertel me voor het bouwen welke merken, categorieën, subcategorieën, kleuren, materialen en maten je in mijn assortiment hebt gevonden, en laat me de lijst bevestigen voordat je bouwt.
Test elk filter. Test ook combinaties: kies een merk en filter daarna op categorie. Allebei moeten werken voordat je verdergaat.
Verbeteringen aan de homepage.
Verbeter de opmaak en de secties van de homepage zodra het filtersysteem staat. Deze prompt past zich aan je assortiment aan: verkoop je alleen herenmode, dan krijg je geen damessectie.
Nu gaan we de homepage repareren en verbeteren. Lees mijn Shopify-assortiment uit en stem elke sectie hieronder af op wat ik echt verkoop – maak geen secties voor producten, geslachten of categorieën die ik niet heb. Dit is de structuur die ik wil: 1. Herosectie – redactionele afbeelding over de volle breedte, kop in een schreefletter, CTA's naar mijn belangrijkste collecties. 2. Bekijk per categorie – 3 tot 4 grote beeldtegels, één per hoofdcategorie die ik echt heb. 3. Nieuw binnen – horizontale scrollbalk met de 12 nieuwste producten uit mijn assortiment. 4. Uitgelichte merken – raster met logo's of woordmerken van de belangrijkste merken met producten op voorraad. 5. Redactionele gesplitste sectie – afgestemd op mijn assortiment: verkoop ik aan heren en dames, dan twee grote beeldpanelen naast elkaar. Verkoop ik maar aan één geslacht, dan één redactioneel paneel over de volle breedte. 6. Bestsellers – raster met 8 producten uit mijn echt best verkopende producten. 7. Nieuwsbriefstrook – één e-mailveld, ingetogen tekst, geen urgentie. Zorg dat de homepage overal ingetogen en redactioneel aanvoelt: veel witruimte, grote beelden, strakke typografie. Geen uitroeptekens, geen urgentietaal, geen nep-afteltimers. Vertel me voor het bouwen welke secties je op basis van mijn assortiment opneemt, en laat me dat bevestigen voordat je bouwt.
SEO en optimalisatie voor LLM's.
Zorgt dat je webshop vindbaar is in Google en wordt aanbevolen door ChatGPT, Claude en Perplexity. Vul de drie gegevens tussen haken in.
Ik wil alle pagina's optimaliseren voor SEO – productpagina's, collectiepagina's en de homepage – zodat mijn website in de zoekresultaten van Google verschijnt. Ik wil ook dat hij wordt aanbevolen door LLM's zoals ChatGPT, Claude en Perplexity. Ik heb nodig: - Title-tags per pagina van minder dan 60 tekens, met de naam van mijn webshop en het belangrijkste zoekwoord van de pagina - Metabeschrijvingen van minder dan 160 tekens - Eén H1 per pagina - Overal semantische HTML - Alt-tekst bij elke productafbeelding, op basis van producttitel en merknaam - Product-schema in JSON-LD op productpagina's - BreadcrumbList-schema op collectiepagina's - Canonical-tags op alle pagina's - Een sitemap.xml die automatisch wordt gegenereerd en bijgewerkt - Een llms.txt-bestand in de root, zodat AI-tools begrijpen wat de webshop is en wat hij verkoopt - Organization-schema met de naam van de webshop, beschrijving en contactgegevens Gebruik voor llms.txt deze informatie: Naam van de webshop: [NAAM VAN JE WEBSHOP] Beschrijving: [NAAM VAN JE WEBSHOP] is een zorgvuldig samengestelde multibrand-webshop voor luxe mode met premium en designerkleding, schoenen, accessoires en sieraden van merken als Gucci, Prada, Calvin Klein, Armani, Versace en meer dan 500 andere. Wereldwijde verzending. Dropshipping via BrandsGateway. Shopify-domein: [JE SHOPIFY-DOMEIN] Vertel me ook hoe ik ervoor zorg dat alle nieuwe producten van BrandsGateway automatisch en consequent de juiste metadata krijgen.
Na deze stap geeft Lovable je een checklist met handmatige stappen: Google Search Console, Bing Webmaster Tools, bevestiging van je domein. Werk die af.
Productafbeeldingen.
Lost ongelijke achtergronden op in de productafbeeldingen van BrandsGateway.
De productafbeeldingen van BrandsGateway hebben ongelijke achtergronden – sommige wit, sommige grijs, sommige met een gestileerde achtergrond. Daardoor ziet het productraster er onrustig uit. Ik wil twee dingen: 1. Een oplossing in CSS die alle productafbeeldingen in de rasterweergave een uniforme, strakke achtergrond geeft, zonder de originele afbeeldingen aan te passen. Toepassen op productkaarten op de homepage, collectiepagina's en zoekresultaten. 2. Vertel me wat de beste opties zijn om de achtergronden van alle bestaande en toekomstige BrandsGateway-producten automatisch te verwijderen en te vervangen – welke tools er zijn, wat ze kosten en wat de voor- en nadelen zijn. Voer optie 1 nu uit. Geef me de mogelijkheden voor optie 2, zodat ik kan kiezen.
Loop je ergens vast?
Doet Lovable iets onverwachts, of loop je tegen een Shopify-probleem aan dat niet in de kit staat? Praat dan met ons team. We kennen de meeste uitzonderingen en helpen je meestal in één gesprek verder.
Laatste controle voor publicatie.
Stuur deze als laatste. Los elke fout op voordat je publiceert.
Voordat ik publiceer, wil ik dat je een volledige QA-controle uitvoert. Controleer elk van de volgende punten en meld het resultaat: 1. De homepage toont echte producten – geen lege secties, geen placeholder-inhoud 2. Collectiepagina's laden en tonen echte producten 3. Filters werken: geslacht, categorie, subcategorie, merk, prijs, kleur, materiaal en maat 4. Gecombineerde filters werken: een merk kiezen en daarna filteren op categorie of maat geeft het juiste resultaat 5. De productpagina laadt – afbeeldingen, varianten en “In winkelwagen” werken 6. “In winkelwagen” maakt een echte Shopify-winkelwagen aan 7. De winkelwagen schuift open, toont de artikelen, en de afrekenknop opent de Shopify-checkout in een nieuw tabblad 8. De checkout-URL bevat channel=online_store 9. Zoeken geeft echte producten terug 10. De mobiele weergave werkt op 375 px – homepage, collectie, productpagina en winkelwagen zijn bruikbaar 11. Het megamenu werkt bij hoveren 12. Alle SEO-tags zijn aanwezig: title, metabeschrijving, H1, canonical, JSON-LD-schema 13. sitemap.xml is bereikbaar op /sitemap.xml 14. llms.txt is bereikbaar op /llms.txt 15. Lighthouse-score van de homepage – doel: 90 of hoger op mobiel Los alles wat niet werkt nu op, voordat je meldt dat je klaar bent.
Als alles werkt, klik je rechtsboven in Lovable op Publish. Werk daarna de checklist na publicatie af: Google Search Console, Bing Webmaster Tools, winkelbeleid, Google Merchant Center.
Meer dan 500 luxe merken. Eén abonnement.
Met BrandsGateway mag je meer dan 50.000 producten van premium en luxe modemerken doorverkopen. Dropshipping, groothandel en een volledige koppeling met Shopify, WooCommerce en je eigen webshop.
Start je bedrijfMeer bronnen.
Bekijk de volledige uitleg op YouTube, of ontdek andere aanpakken als je liever met Claude Code bouwt dan met Lovable.
BrandsGateway × Lovable: bouw je webshop op video.
Elke stap uit deze kit, live op het scherm uitgevoerd. Zie hoe elke prompt een werkende webshop wordt – en pik de kleine details op die niet in geschreven instructies passen.
Open de playlist op YouTube