---
title: Inhoud, pagina's en media bewerken
description: Navigeer naar een winkelpagina, werk zichtbare inhoud of afbeeldingen bij en sla het resultaat op.
---

**Invoerpad:** Werkruimte → selecteer een winkel → **Webwinkel** → open de doelpagina van de winkel → **Ontwerpmodus** → selecteer een element

![Runner-winkelvoorbeeld en bediening](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgzyPnD9dvQbMAZ2hlg7w6ye8S5vnLIHkGPOqr)

## Wat deze gids behandelt

Open de exacte winkelpagina die u wilt wijzigen, bewerk één ondersteund tekst-, lay-out- of media-element en controleer het opgeslagen resultaat voordat u publiceert.

## Waarom en wanneer u deze workflow gebruikt

Gebruik deze workflow voor verfijning op paginaniveau: corrigeer tekst, wijzig typografie, pas afstand aan, vervang een foto, genereer een alternatieve afbeelding of verwijder een onnodig element. Het houdt de doelpagina en het geselecteerde element duidelijk.

Voor wijzigingen in navigatiegedrag, productgegevens, checkout of meerdere pagina's tegelijk, stuurt u beter een regulier verzoek naar Runner in plaats van alleen op de visuele besturingselementen te vertrouwen.

## Beschikbaarheid en vereisten

- [Ontwerpmodus gebruiken](./design-mode) beschrijft hoe u de editor opent, de vereiste desktopindeling en wanneer het besturingselement niet beschikbaar is.
- Sommige gegenereerde of dynamische elementen kunnen niet inline worden bewerkt. Runner toont minder besturingselementen voor deze elementen.
- AI-afbeeldingsgeneratie kan credits gebruiken. Runner toont de toepasselijke melding in het afbeeldingspaneel voordat u het uitvoert.

## Open de pagina en editor

1. Open uw project en selecteer **Webwinkel**.
2. Selecteer in normale Preview winkelpagina's om de pagina te bereiken die u wilt wijzigen.
3. Als u de route kent, selecteert u het padveld, voert u een pad op dezelfde site in, zoals `/about`, en drukt u op **Enter**.
4. Bevestig dat de juiste pagina zichtbaar is.
5. Selecteer **Ontwerpmodus** en selecteer vervolgens het doelelement.

## Mediabesturingselementen

[Ontwerpmodus gebruiken](./design-mode) documenteert de gedeelde besturingselementen **Vraag Runner AI**, **Spacing**, **Tekst**, **Delete Element**, **Ongedaan maken**, **Opnieuw** en **Opslaan**. De onderstaande besturingselementen verschijnen alleen wanneer het geselecteerde element media ondersteunt.

| Besturingselement | Wat het wijzigt | Wat er gebeurt wanneer u het gebruikt |
| --- | --- | --- |
| **Image → Upload** | Een geselecteerde afbeelding of ondersteunde achtergrondafbeelding. | Selecteer **Afbeelding uploaden**, kies een afbeeldingsbestand en Runner vervangt de geselecteerde media na succesvolle upload. De huidige limiet die door het product wordt weergegeven, is 5 MB per afbeelding. |
| **Image → AI-generated** | Een gegenereerde vervangingsafbeelding. | Voer een prompt in en selecteer **Uitvoeren**. Na het eerste resultaat vraagt **Opnieuw uitvoeren** om een ander resultaat en opent **Geschiedenis** resultaten van deze bewerkingssessie. |
| **Geschiedenis** | Gegenereerde afbeeldingen uit de huidige afbeeldingsbewerkingssessie. | Selecteer een item om het te inspecteren. **Deze versie herstellen** past die afbeelding en de prompt toe; het downloadpictogram downloadt een individueel resultaat. |

## Bewerk één pagina veilig

1. Noteer het huidige paginapad zodat u ernaar kunt terugkeren.
2. Selecteer het element en controleer welke besturingselementen verschijnen. Besturingselementen variëren per element.
3. Maak één wijziging tegelijk en gebruik vervolgens **Ongedaan maken**, **Opnieuw** of afbeelding **Geschiedenis** om het resultaat te vergelijken voordat u **Opslaan** selecteert.
4. Wacht tot de gekozen opslag of Runner-verzoek is voltooid.
5. Sluit Design Mode, open de pagina opnieuw en controleer deze in **PC**-, **Tablet**- en **Telefoon**-indelingen.
6. Herhaal voor de volgende pagina alleen nadat de eerste pagina correct is.

## Staten, limieten en probleemoplossing

| Wat u ziet | Betekenis | Wat u moet doen |
| --- | --- | --- |
| Een geselecteerd element heeft slechts enkele besturingselementen | Runner stelt besturingselementen beschikbaar die door dat element worden ondersteund. | Gebruik het beschikbare besturingselement of vraag Runner in chat om een bredere wijziging. |
| Upload afgewezen | Het bestand ontbreekt, is geen afbeelding, overschrijdt de weergegeven limiet of de upload is mislukt. | Kies een ander afbeelding en probeer het opnieuw. |
| **Genereren…** | Runner maakt de aangevraagde afbeelding. | Houd het paneel open totdat het klaar is of een fout meldt. |
| **Geschiedenis** ontbreekt | Er bestaat nog geen AI-gegenereerde afbeelding in deze bewerkingssessie. | Genereer de eerste afbeelding of upload in plaats daarvan uw eigen. |
| De route wordt niet geopend | Het pad is ongeldig, extern of maakt geen deel uit van de preview. | Keer terug naar `/`, gebruik een zichtbare winkelpagina of vraag Runner om de pagina te maken of te repareren. |
| De opgeslagen pagina verschilt op mobiel | De bewerking heeft een responsieve lay-out beïnvloed. | Open Design Mode opnieuw of vraag Runner om een apparaatspecifieke correctie voordat u publiceert. |

## Gerelateerde handleidingen

- [Ontwerpmodus gebruiken](./design-mode)
- [Uw winkel bekijken](./preview-your-store)
- [Publiceren en opnieuw publiceren](./publish-and-republish)