---
title: Modifica contenuti, pagine e media
description: Accedi a una pagina del negozio, aggiorna i contenuti visibili o le immagini e salva il risultato.
---

**Percorso di accesso:** Area di lavoro → seleziona un negozio → **Vetrina** → apri la pagina del negozio di destinazione → **Modalità Design** → seleziona un elemento

![Anteprima e controlli della vetrina Runner](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgzyPnD9dvQbMAZ2hlg7w6ye8S5vnLIHkGPOqr)

## Cosa copre questa guida

Apri la pagina del negozio esatta che desideri modificare, modifica un elemento di testo, layout o media supportato e verifica il risultato salvato prima di pubblicare.

## Perché e quando utilizzare questo flusso di lavoro

Utilizza questo flusso di lavoro per il perfezionamento a livello di pagina: correggi il testo, cambia la tipografia, regola la spaziatura, sostituisci una foto, genera un'immagine alternativa o rimuovi un elemento non necessario. Mantiene chiara la pagina di destinazione e l'elemento selezionato.

Per modifiche al comportamento della navigazione, ai dati dei prodotti, al checkout o a più pagine contemporaneamente, invia una richiesta regolare a Runner invece di affidarti solo ai controlli visivi.

## Disponibilità e prerequisiti

- [Usa la Modalità Design](./design-mode) spiega come aprire l'editor, il requisito del layout desktop e quando il controllo non è disponibile.
- Alcuni elementi generati o dinamici non possono essere modificati inline. Runner mostra meno controlli per questi elementi.
- La generazione di immagini AI può utilizzare crediti. Runner mostra l'avviso applicabile nel pannello immagini prima di eseguirla.

## Apri la pagina e l'editor

1. Apri il tuo progetto e seleziona **Vetrina**.
2. In Anteprima normale, seleziona i link del negozio per raggiungere la pagina che desideri.
3. Se conosci il percorso, seleziona il campo percorso, inserisci un percorso dello stesso sito come `/about` e premi **Invio**.
4. Conferma che la pagina corretta è visibile.
5. Seleziona **Modalità Design**, quindi seleziona l'elemento di destinazione.

## Controlli media

[Usa la Modalità Design](./design-mode) documenta i controlli condivisi **Chiedi a Runner AI**, **Spaziatura**, **Testo**, **Elimina elemento**, **Annulla**, **Ripeti** e **Salva**. I controlli seguenti appaiono solo quando l'elemento selezionato supporta i media.

| Controllo | Cosa cambia | Cosa accade quando lo utilizzi |
| --- | --- | --- |
| **Immagine → Carica** | Un'immagine selezionata o un'immagine di sfondo supportata. | Seleziona **Carica immagine**, scegli un file immagine e Runner sostituisce il media selezionato dopo il caricamento riuscito. Il limite attuale mostrato dal prodotto è 5 MB per immagine. |
| **Immagine → Generato da IA** | Un'immagine di sostituzione generata. | Inserisci un prompt e seleziona **Esegui**. Dopo il primo risultato, **Esegui di nuovo** richiede un altro risultato e **Cronologia** apre i risultati di questa sessione di modifica. |
| **Cronologia** | Immagini generate dalla sessione di modifica immagini corrente. | Seleziona un elemento per ispezionarlo. **Ripristina questa versione** applica quell'immagine e il suo prompt; l'icona di download scarica un singolo risultato. |

## Modifica una pagina in sicurezza

1. Registra il percorso della pagina corrente in modo da potervi tornare.
2. Seleziona l'elemento e controlla quali controlli appaiono. I controlli variano in base all'elemento.
3. Apporta una modifica alla volta, quindi utilizza **Annulla**, **Ripristina** o **Cronologia** dell'immagine per confrontare il risultato prima di selezionare **Salva**.
4. Attendi il completamento del salvataggio scelto o della richiesta di Runner.
5. Chiudi la Modalità Design, riapri la pagina e revisionala nei layout **PC**, **Tablet** e **Telefono**.
6. Ripeti per la pagina successiva solo dopo che la prima pagina è corretta.

## Stati, limiti e risoluzione dei problemi

| Cosa vedi | Significato | Cosa fare |
| --- | --- | --- |
| Un elemento selezionato ha solo alcuni controlli | Runner espone i controlli supportati da quell'elemento. | Utilizza il controllo disponibile o chiedi a Runner in chat per una modifica più ampia. |
| Caricamento rifiutato | Il file è mancante, non è un'immagine, supera il limite visualizzato o il caricamento non è riuscito. | Scegli un'altra immagine e riprova. |
| **Generazione in corso…** | Runner sta creando l'immagine richiesta. | Mantieni il pannello aperto fino al completamento o al rapporto di errore. |
| **Cronologia** è assente | In questa sessione di modifica non esiste ancora alcuna immagine generata dall'IA. | Genera la prima immagine o carica la tua. |
| Il percorso non si apre | Il percorso non è valido, è esterno o non fa parte dell'anteprima. | Torna a `/`, utilizza un link del negozio visibile o chiedi a Runner di creare o riparare la pagina. |
| La pagina salvata differisce su mobile | La modifica ha interessato un layout reattivo. | Riapri la Modalità Design o chiedi a Runner una correzione specifica del dispositivo prima di pubblicare. |

## Guide correlate

- [Usa la Modalità Design](./design-mode)
- [Anteprima del tuo negozio](./preview-your-store)
- [Pubblica e ripubblica](./publish-and-republish)