--- type: feature title: "AI-website-editor voor controleerbare storefrontwijzigingen" description: "Gebruik een AI-website-editor met storefrontcontext, referentieafbeeldingen, geselecteerde elementen, bronbestandswijzigingen en responsieve previews die je kunt beoordelen." category: ai-websites h1: "Een AI-website-editor gemaakt voor storefrontcontrole" image: "https://storage.googleapis.com/download/storage/v1/b/runner-blog/o/features%2Fai-website-editor%2Fhero.png?generation=1788075293992901&alt=media" keyword: "ai website editor" legacyKind: structured --- Een **AI-website-editor** moet een gevraagde storefrontwijziging begrijpelijk maken voordat die openbaar wordt. Runner AI werkt vanuit het huidige winkelproject, een gerichte briefing, optionele referentieafbeeldingen en het element dat je selecteert. Het levert bronbestandswijzigingen en responsieve previews op die je los van publicatie kunt inspecteren, herzien en opslaan. ![Een geselecteerde storefronthero in een AI-bewerkingsworkspace met responsieve previews en gewijzigde bestanden](https://storage.googleapis.com/download/storage/v1/b/runner-blog/o/features%2Fai-website-editor%2Fhero.png?generation=1788075293992901&alt=media) ## Geef de AI-website-editor een afgebakende storefrontbriefing Begin met de pagina en klantactie die moeten veranderen. Noem het huidige probleem, het gewenste zichtbare resultaat en de delen van de winkel die stabiel moeten blijven. Een bruikbare opdracht kan Runner AI vragen een collectie vanaf de homepage makkelijker vindbaar te maken, met behoud van de bestaande navigatie, productgegevens, winkelmandroute en merktaal. Voeg de apparaatstatussen en het klikpad toe die je wilt controleren, in plaats van om een vage verbetering te vragen. De input kan bestaan uit de huidige storefrontbestanden, geverifieerde catalogusgegevens, goedgekeurde teksten, merkregels, een referentieafbeelding en de route of sectie binnen de opdracht. Een referentieafbeelding is bewijs voor het uiterlijk, geen vervanging voor correcte productinformatie. Runner heeft nog steeds nauwkeurige producten, prijzen, voorraadregels, beleid, bestemmingen en verantwoordelijkheidsgrenzen nodig wanneer die het resultaat beïnvloeden. Is een bronafbeelding of voorbeeld van iemand anders, gebruik die dan alleen met de rechten en toestemming die je project vereist. Houd het bij één samenhangend resultaat per opdracht. Mist het eerste resultaat het doel, wijs dan de exacte sectie aan, leg de verwachte status uit en lever indien nodig een duidelijkere referentie. Zo ontstaat een controlespoor rond één specifieke wijziging in plaats van een hele site steeds opnieuw te genereren. Voor een project dat bij een toegestane openbare URL begint in plaats van bij een bestaande winkelsectie beschrijft [websites klonen met AI](/nl/ai-website-cloning) de afzonderlijke workflow van vastlegging naar code en de grenzen voor gebruiksrechten. ## Selecteer een storefrontonderdeel en behoud de codecontext De Design Mode van Runner AI is bedoeld voor gerichte visuele wijzigingen aan de huidige storefrontversie die gereed is. Op desktop kun je de storefront openen, Design Mode inschakelen en een zichtbaar element selecteren. Het geselecteerde element en de omringende codecontext kunnen worden meegestuurd met een Ask Runner AI-instructie, zodat de opdracht beperkt blijft tot het component dat je werkelijk hebt gekozen. Dit is nuttig wanneer ‘wijzig deze kop’ of ‘vervang deze afbeelding’ duidelijker is dan de locatie uit het hoofd beschrijven. Directe bediening ondersteunt bepaalde wijzigingen aan afstanden, afbeeldingen, tekst en verwijdering. Voor ondersteunde media-elementen kan het afbeeldingspaneel opties tonen om te uploaden en met AI te genereren. Tekstbediening kan eigenschappen zoals grootte, gewicht, familie, kleur, dekking en uitlijning aanpassen. Ongedaan maken en Opnieuw gelden voor de huidige, niet-opgeslagen Design Mode-geschiedenis. Omdat een AI-opdracht bij de start van de verwerking de selectie en niet-opgeslagen geschiedenis van directe wijzigingen wist, moet je openstaande directe wijzigingen opslaan voordat je van directe bediening naar Ask Runner AI gaat. Beschikbaarheid hangt af van de projectstatus. Design Mode kan niet beschikbaar zijn wanneer de nieuwste storefrontversie niet gereed is, een oudere versie als preview wordt getoond, een andere opdracht wordt uitgevoerd, de functie niet voor de workspace is ingeschakeld of er geen desktoplay-out wordt gebruikt. De gewone Runner-chat blijft de juiste route voor werk aan meerdere pagina’s, nieuw gedrag of bredere functionaliteit. De editor mag niet worden voorgesteld als een universeel middel dat projectgereedheid of functievoorwaarden omzeilt. ## Beoordeel bronbestandswijzigingen en responsieve previews Als je een visuele wijziging opslaat, wordt de openstaande wijziging naar het project geschreven. Wanneer de huidige workflow dit ondersteunt, kan daarbij een nieuwe versiesnapshot worden vastgelegd. Daarna wordt de preview opnieuw geladen, zodat je het zichtbare resultaat nogmaals kunt controleren. Bekijk de pagina in lay-outs voor pc, tablet en telefoon en doorloop de klantactie uit de briefing. Een sectie die op één breedte klopt, kan elders nog steeds tekst afkappen, bediening verbergen, een route breken of een productactie in een onhandige volgorde zetten. Runner biedt daarnaast onder bepaalde voorwaarden een code-editor waarmee je de storefrontbestanden achter de preview kunt inspecteren. De Git-weergave houdt opgeslagen bestanden, diffs, staging, commits en pushes gescheiden. Dat onderscheid is belangrijk: een opgeslagen bestand wordt niet automatisch gecommit, een commit wordt niet automatisch gepusht en geen van die handelingen publiceert de storefront. Controleer de bedoelde bestandsdiff en groepeer geen losstaande wijzigingen alleen omdat ze in dezelfde workspace aanwezig zijn. Gebruik de responsieve preview als bewijs van de huidige projectstatus, niet als bewijs voor elk gekoppeld systeem. Controleer echte productgegevens, links, zoeken, winkelmandgedrag, verantwoordelijkheid voor de checkout, analytics, toegankelijkheid en openbare routes bij de juiste bron. Maakt de wijziging deel uit van een bredere herziening van navigatie, paginahiërarchie en inhoud, dan legt [herontwerp van ecommercewebsites](/nl/ecommerce-website-redesign) uit hoe je het herontwerp verbindt aan bewijs uit de huidige winkel in plaats van aan een algemene visuele opfrisbeurt. ## Houd opslaan, versiecontrole en publicatie gescheiden Een AI-website-editor is veiliger wanneer elke belangrijke stap expliciet blijft. In Design Mode kun je directe wijzigingen met Ongedaan maken en Opnieuw beoordelen voordat je Opslaan kiest. Na het opslaan toont de normale storefrontpreview het huidige resultaat. Versiegeschiedenis biedt, wanneer die voor het project beschikbaar is, nog een manier om eerder storefrontwerk te inspecteren of te herstellen zonder elk opgeslagen voorstel als het definitieve openbare antwoord te behandelen. Publiceren is een afzonderlijke beslissing. Vergelijk het resultaat vóór publicatie met de oorspronkelijke briefing en controleer of de geselecteerde sectie nog steeds werkt met de catalogus, omringende pagina, apparaatlay-outs en klantreis. Controleer feitelijke teksten bij het systeem dat daar eigenaar van is. Een gegenereerde beschrijving bewijst geen voorraad, een preview bewijst geen beschikbaarheid van betalingen en een geslaagde bestandswijziging bewijst niet dat elke route of integratie juist werkt. Deze controlegrens is het nuttige onderscheid dat Runner AI aan commerceteams biedt. De editor werkt binnen het storefrontproject en kan een geselecteerd element koppelen aan de broncontext, terwijl de beheerder nog steeds kan bekijken wat is gewijzigd en kan beslissen of het resultaat gereed is. De output is niet alleen een plat ontwerpmodel of een onverklaarde visuele verandering. Het is een bewerkbare projectwijziging met zichtbare bestanden en previews die een weloverwogen goedkeuringsproces ondersteunen. ## Veelgestelde vragen over de AI-website-editor ### Welke input kan ik Runner AI geven voor een websitewijziging? Geef Runner AI het huidige winkelproject, de betreffende pagina of het element, de klantactie die je wilt verbeteren, geverifieerde catalogus- of inhoudsgegevens en de grenzen die behouden moeten blijven. Je kunt een goedgekeurde referentieafbeelding toevoegen wanneer het uiterlijk belangrijk is. Als je in Design Mode een element selecteert, kunnen dat element en de omringende codecontext ook worden toegevoegd aan een gerichte Ask Runner AI-opdracht. ### Kan ik een storefront wijzigen zonder zelf code aan te passen? Design Mode biedt directe bediening voor ondersteunde wijzigingen aan afstanden, afbeeldingen, tekst en het verwijderen van elementen, plus een Ask Runner AI-veld voor opdrachten over het geselecteerde element. Bredere wijzigingen kun je in de gewone chat aanvragen. Een code-editor blijft onder bepaalde voorwaarden beschikbaar voor mensen die een bestand willen inspecteren of gericht wijzigen, maar is niet voor elke visuele aanpassing vereist. ### Wordt een wijziging direct gepubliceerd als ik die opsla? Nee. Opslaan werkt de projectworkspace bij en laadt de huidige preview opnieuw. Committen, pushen en publiceren blijven afzonderlijke handelingen met eigen rechten en controles. Beoordeel de betreffende pagina op pc, tablet en telefoon, inspecteer relevante bestandswijzigingen en controleer het klantpad voordat je besluit de storefront te publiceren. ### Hoe verschilt dit van een algemene AI-websitegenerator? Een algemene generator begint vaak met een lege prompt en legt de nadruk op de eerste volledige site. De bewerkingsworkflow van Runner AI kan beginnen bij het huidige commerceproject, een geselecteerd storefrontonderdeel, omringende broncontext, referentieafbeeldingen en geverifieerde winkelgegevens. De controleerbare output bestaat uit gewijzigde bestanden en responsieve previews, zodat je een gerichte revisie kunt beoordelen zonder te doen alsof genereren, opslaan en publiceren dezelfde gebeurtenis zijn. ## Bewerk een huidige storefront met controleerbare output Neem je huidige storefront, de exacte pagina of het geselecteerde element, geverifieerde catalogus- en merkgegevens, een optionele referentieafbeelding en de klantactie die intact moet blijven mee. Vraag Runner AI om gewijzigde bronbestanden en previews voor pc, tablet en telefoon, zodat je het resultaat kunt inspecteren voordat je over publicatie beslist. [Open de AI-website-editorworkflow in Runner AI](https://www.runnerai.com/nl/auth/login?prompt=Gebruik%20mijn%20huidige%20storefront%2C%20de%20pagina%20of%20het%20geselecteerde%20element%20dat%20ik%20noem%2C%20mijn%20geverifieerde%20catalogus-%20en%20merkgegevens%20en%20een%20optionele%20referentieafbeelding%20voor%20%C3%A9%C3%A9n%20gerichte%20wijziging.%20Lever%20de%20gewijzigde%20bronbestanden%20en%20previews%20voor%20pc%2C%20tablet%20en%20telefoon%20als%20controleerbare%20output%2C%20zodat%20ik%20het%20klantpad%20v%C3%B3%C3%B3r%20publicatie%20kan%20beoordelen.) ## Gerelateerde functies - [Zet een toegestane referentie om in storefrontcode door websites te klonen met AI](/nl/ai-website-cloning) - [Plan een herontwerp van je huidige ecommercewebsite](/nl/ecommerce-website-redesign) - [Bekijk alle functies van Runner AI](/nl)