Knowledge Base

Ottieni un web hosting di qualità

Scegli l'affidabilità e l'esperienza di SiteGround!

Inizio / Coderick AI / Come abilitare e utilizzare la Modifica visiva in Coderick AI

Come abilitare e utilizzare la Modifica visiva in Coderick AI

Riassumi questo articolo con:
Ultimo aggiornamento: Mar 17, 2026 2 min di lettura

Descrivere un cambiamento visivo a parole è a volte più difficile di quanto sembri. Dire a un’AI di cambiare il testo del tuo titolo in qualcos’altro o spostare leggermente quel titolo a sinistra può trasformare una correzione di due secondi in un avanti e indietro di cinque minuti. Alcune cose sono semplicemente più veloci da fare a mano.

Ed è esattamente per questo che esiste “Modifica visiva”. Invece di passare attraverso piccole modifiche con comandi, ora puoi cliccare direttamente nell’anteprima del tuo progetto e fare cambiamenti sul posto.

Ecco come usarlo.

Come abilitare Modifica visiva

All’interno del tuo progetto Coderick, clicca sul pulsante Modifica visiva nella barra superiore.

Schermata del costruttore AI di Coderick e anteprima con un pulsante Modifica visiva evidenziato

Una volta abilitata, gli elementi nella tua anteprima diventano selezionabili e modificabili. Il pulsante Modifica visiva sarà sostituito da due nuovi pulsanti: Salva e Esci.

NOTA: Il pulsante Pubblica/Aggiorna che si trova a destra è disabilitato mentre sei in modalità Modifica visiva.

Come modificare direttamente nella schermata di anteprima

Con Modifica visiva attiva, clicca su qualsiasi elemento nell’anteprima per selezionarlo. Apparirà una barra degli strumenti con opzioni di modifica rilevanti per quel tipo di elemento.

IMPORTANTE! Le modifiche manuali non consumano crediti IA.

Modifiche manuali

Testo

Clicca su qualsiasi elemento di testo per modificarlo in linea. Dalla barra degli strumenti, puoi:

  • Modificare direttamente il testo
  • Cambiare tipo di carattere, dimensione e stile (grassetto, corsivo, sottolineato)
  • Regolare l’allineamento
  • Aggiungere un link o un’emoji
  • Cambiare il colore del testo
Schermata di anteprima del costruttore di Coderick AI con un testo evidenziato che mostra una barra degli strumenti con opzioni di modifica

Pulsanti

I pulsanti che possono essere modificati visivamente hanno queste opzioni generali:

  • Modificare il testo del pulsante in linea
  • Cambiare il colore del testo e dello sfondo
  • Aggiungere o aggiornare un link
Schermata di anteprima del costruttore di Coderick AI con un pulsante selezionato che mostra opzioni di modifica

Immagini

Clicca su un’immagine per:

  • Sostituirla e caricare un’immagine dal tuo dispositivo
  • Generare un’immagine con IA
  • Aggiungere o aggiornare un link
  • Aggiungere un testo alternativo
Schermata di anteprima del costruttore di Coderick AI con un'immagine selezionata che mostra opzioni di modifica

Salvare le tue modifiche

Le modifiche manuali sono mantenute in un buffer fino a quando non sei pronto per applicarle. Quando sei soddisfatto delle tue modifiche, clicca su Salva per confermarle.

Costruttore di Coderick AI che mostra il pulsante Salva per salvare le modifiche fatte con Modifica visiva

Se preferisci ricominciare da capo, clicca su Esci per scartare tutto e uscire dalla modalità Modifica visiva.

Se provi a inviare un messaggio in chat o uscire con modifiche non salvate, Coderick ti chiederà di salvare o scartare prima di continuare, così nulla andrà perso per errore.

Come modificare con l’IA

Per gli elementi che sono troppo complessi per modifiche manuali — come i menu di navigazione, i footer o i pulsanti di login — vedrai un’opzione Modifica con AI nella barra degli strumenti. Questi elementi hanno più cose in corso sotto il cofano, quindi l’AI gestisce le modifiche per mantenere tutto intatto.

Puoi anche scegliere Modifica con AI per qualsiasi elemento standard se preferisci descrivere il cambiamento piuttosto che farlo manualmente.

IMPORTANTE! Modificare con l’IA consuma crediti, proprio come un normale prompt di chat.

Un elemento selezionato nel costruttore di Coderick AI che mostra l'opzione Modifica con IA che evidenzia l'elemento nel prompt di chat

Quando clicchi su Modifica con AI su un elemento selezionato:

  • Quell’elemento è evidenziato nel pannello di chat a sinistra
  • Coderick AI concentra le sue modifiche solo su quell’elemento specifico
  • Descrivi cosa vuoi nella chat e invii

Condividi questo articolo