---
title: "Visual Editor: modifica il sito sulla pagina | Briks"
url: https://briks.dev/it/docs/visual-editor
description: "Clicca su ogni elemento della tua pagina per cambiarne testi, link, immagini, aspetto, sezioni e pagine, lavora con il tuo team e pubblica senza usare crediti."
last_updated: 2026-10-08
---

# Visual Editor: modifica il sito sulla pagina

Il Visual Editor apre la pagina del tuo sito accanto a un pannello, come fa uno strumento di design. Fai clic su qualsiasi cosa per cambiarne le parole, la destinazione, l'immagine o l'aspetto su telefoni, tablet e desktop; aggiungi, sposta, copia o nascondi elementi, sezioni e pagine; e imposta i colori e i caratteri di tutto il sito. Le tue modifiche restano in una bozza condivisa dal tuo team e vanno online quando pubblichi, senza usare crediti. È incluso nei piani a pagamento.

10 minuti di lettura Verificato rispetto allo studio il 8 ottobre 2026

## Aprilo

Dove

1. Projects
2. Your project
3. Visual Editor

La scheda **Visual Editor** si trova accanto a **Studio** in uno spazio di lavoro con un piano a pagamento; con Free la scheda non compare. L'editor riempie la finestra e la freccia in alto a sinistra torna al progetto. In alto trovi:

| Nella barra | Cosa fa |
| --- | --- |
| **Open layers** | Apre e chiude **Layers**, la pagina sezione per sezione. |
| **Pages** | Sceglie la pagina su cui lavorare e aggiunge, rinomina, sposta ed elimina pagine. |
| **Add** | Aggiunge un elemento o una sezione. Il tasto A fa lo stesso. |
| Frecce annulla e ripeti | Vai avanti e indietro tra le tue modifiche. ⌘Z e ⇧⌘Z fanno lo stesso. |
| **Changes** | Elenca ogni modifica in attesa di essere pubblicata, ciascuna con **Drop this change**. |
| **Comments** | Commenti fissati agli elementi della pagina. |
| **History** | Le versioni del sito, per consultarne una o ripristinarla. |
| **Publish** | Mostra per esempio **Publish 3 changes**. Mette online la bozza. |
| **Desktop**, **Tablet**, **Phone** | La larghezza con cui vedi la pagina: 1440, 834 o 390 pixel. |
| **Use the page** | Fa arrivare i clic al sito, per aprirne il menu o un pop-up e scegliere al suo interno. Premi P per tornare alla modifica. |
| Il menu ⋯ | **Keyboard shortcuts** e **Discard draft**. |
| **Open the page** | Apre la pagina online in una nuova scheda. |

Da sapere

Un sito pubblicato prima dell'arrivo del Visual Editor ha bisogno di una pubblicazione prima che l'editor possa leggerlo. Se la pagina mostra “This page has not answered the editor. Publish the site once, then open the editor again.”, pubblica una volta dallo studio e riapri l'editor.

## Scegli cosa cambiare

- Fai clic su qualsiasi elemento della pagina, oppure trovalo in **Layers**. Apri la freccia di una riga per vedere cosa contiene; scegliendo sulla pagina si apre il percorso fino a quell'elemento.
- Il percorso in cima al pannello indica dove si trova l'elemento. Fai clic su un passaggio per sceglierlo, oppure premi Esc.
- Maiusc+clic per sceglierne più d'uno. Una modifica all'aspetto vale per tutti.
- Quando lo stesso elemento si ripete, come le schede di un elenco, si illuminano tutti, e una modifica all'aspetto li cambia tutti. Le parole di ciascuno restano sue.
- Fai clic con il tasto destro su qualsiasi elemento, oppure premi Shift+F10, per aprirne il menu.

### Il menu del tasto destro

| Voce | Cosa fa |
| --- | --- |
| **Edit text** | Scrivi direttamente sopra le parole della pagina. |
| **Rewrite with AI** | **Rewrite**, **Shorter**, **Longer**, **Friendlier tone**, **More formal tone** o **Bolder tone**, ciascuno fino a 0.20 crediti. Vedi le nuove parole, poi **Keep**, **Try again** o **Discard**. |
| **Replace picture** o **Replace video** | Scegline un altro dalla tua libreria multimediale. |
| **Alt text…**, **Link…**, **Style…** | Apri quella parte del pannello. |
| **Ask AI** | **New design for this section**, **Fix the layout** o **Ask about this…**. Vedi Chiedi all'IA e il builder. |
| **Move up**, **Move down**, **Move out of its container**, **Move into the next container** | Spostalo tra gli elementi accanto, oppure fuori da un riquadro o dentro un riquadro. |
| **Select parent**, **Select section** | Scegli in cosa si trova, o l'intera sezione. |
| **Lock** | Evita che venga selezionato per errore nella pagina. Lo stesso elemento lo libera di nuovo. |
| **Duplicate**, **Copy style**, **Paste style** | Copialo, oppure porta il suo aspetto su un altro elemento. |
| **Show** | **Hide on phone**, **Hide on tablet** o **Hide everywhere**. |
| **Section** | **Quick edit section…**, **Add section above…**, **Add section below…**, **Move section up**, **Move section down**, **Duplicate section** e **Section background…**. |
| **Comment**, **Check the page…** | Fissa un commento o controlla se la pagina ha problemi. |
| **Delete** | La rimuove. Su un'intera sezione dice **Remove from page**. |

Una voce che non si può applicare resta attenuata e dice perché. Mentre scrivi, una piccola barra offre **Bold**, **Italic**, **Link** e **Line break**.

## Parole e link

1. Fai doppio clic sulle parole

   Dove: Page

   Scrivi direttamente sulla pagina. Invio le mantiene; Esc le ripristina. Oppure scrivile sotto **Content** nel pannello.

2. Cambia dove porta

   Dove: Link

   Un link o un pulsante porta a una **Page** del sito, una **Section**, un **Web address**, un'**Email**, un numero di **Phone** o un **File**, e può **Open in a new tab**.

3. Controllalo a ogni larghezza

   Dove: Bar

   Passa tra **Desktop**, **Tablet** e **Phone** per vedere come vanno a capo le parole.

Le parole conservate nei dettagli del tuo sito, come l'indirizzo email o il nome, cambiano ovunque compaiano, e il pannello indica in quanti punti. L'editor segnala un trattino usato come punteggiatura e propone una virgola, e un pulsante le cui parole vanno a capo su due righe. **Quick edit** nel pannello elenca ogni parola e immagine di una sezione in un unico modulo.

## L'aspetto

Il pannello ha cinque schede: **Element**, **Motion**, **Quick edit**, **Site** e **Check**. In **Element**, **Look** contiene **Layout**, **Space inside** e **Space outside**, **Text**, **Fill**, **Stroke** ed **Effects**. Un valore impostato alla larghezza che stai guardando appare pieno; uno ereditato da una larghezza più piccola appare in grigio, e passando sopra a un campo compare il suo pulsante per cancellarlo.

| Vuoi | Fai così |
| --- | --- |
| Un titolo più piccolo solo sui telefoni | Passa a **Phone**, poi scegli una **Size** più piccola sotto **Text**. Tablet e desktop mantengono la loro. |
| Qualcosa nascosto sugli smartphone | Fai clic con il tasto destro e scegli **Show**, poi **Hide on phone**. |
| Un colore del sito stesso | In **Fill**, clicca su un campione. Ognuno è dipinto come lo dipinge il tuo sito, e il pannello indica quanto si leggono bene le parole sul suo sfondo. |
| Più spazio interno | Trascina una maniglia verde sulla pagina, oppure impostalo sotto **Space inside**; il pulsante a forma di riquadro lì apre ogni lato. |
| Una modifica al passaggio del mouse | Scegli **On hover** in cima all'aspetto, poi impostalo. Passaci sopra con il puntatore nella pagina per vederlo. |
| Qualcosa che entra in scena | In **Motion**, scegli un **Entrance** come **Fade**, **Rise** o **Slide from the left**, con il suo **Time** e **Wait**, e premi **Play** per vederlo una volta. |

I colori sono i ruoli propri del tuo sito, mai un colore a sé, così il sito resta coerente. Le classi che il pannello non imposta vengono lasciate come sono, elencate sotto **Kept as written**.

La scheda **Site** imposta ciò che legge ogni sezione: i suoi **Colours**, il suo **Type** per titoli e testo, **Text styles**, **Buttons**, **Boxes**, e sotto **Page** modalità, angoli, larghezza e ritmo. La × accanto a un'impostazione la riporta al design del tuo sito.

## Aggiungi e disponi

- **Add** offre **Section**, **Text**, **Heading**, **Button**, **Picture**, **Video**, **Icon**, **Divider**, **Form** ed **Embed**. Clicca su uno per aggiungerlo dove hai scelto, oppure trascinalo dove deve andare.
- Un **Embed** mostra una pagina di un altro sito web. Mappe e player di Google, YouTube, Vimeo, Spotify, SoundCloud e Calendly funzionano su ogni sito; qualsiasi altro sito web va aggiunto prima in **Settings**, **Preferences**, **Allowed websites**.
- **+ Add section** tra due sezioni offre **Designed** (gratis, le sezioni con cui costruisce Briks, nei colori del tuo sito), **Blank** (gratis) o **Generate with AI**, circa 5 crediti: le tue parole arrivano al costruttore come modifica.
- **Picture** nella scheda **Element** la sostituisce con **Replace from your media**, imposta il suo **Alt text** (o la segna come **Decorative, nothing to read aloud**), la ritaglia e imposta il punto che resta in vista a ogni larghezza. **Section background…** imposta un colore, un gradiente, un'immagine o un video dietro una sezione.
- Le sostituzioni di immagini entrano nella bozza e vanno online insieme alle altre tue modifiche.
- In **Layers**, la riga di una sezione nella home la sposta su o giù, la copia o la nasconde, e le sezioni nascoste sono elencate sotto **Hidden from this page** per mostrarle di nuovo. Nelle altre pagine, la riga di una sezione la sposta o la toglie dalla pagina. **Rename** dà a un livello un nome tuo, che serve solo all'editor e non viene mai pubblicato.

## Pagine

**Pages** elenca le pagine del sito. **Add page** avvia una **Blank page** o una **Copy of a page**, con il suo **Title** e il suo **Address**. Il menu di ogni pagina ha **Search and share** (il suo **Search title**, **Search description**, **Hide from search engines** e **Share picture**), **Rename**, **Duplicate**, **Move up**, **Move down**, **Hide from menu** e **Delete**. Eliminando una pagina ti viene chiesto dove devono portare invece i link che puntavano a lei. Le modifiche alle pagine restano nella bozza come tutte le altre.

## Lavoratelo insieme

- **Una sola bozza condivisa.** Le tue modifiche vengono salvate nella bozza del progetto un attimo dopo ognuna, quindi restano dopo un ricaricamento, una scheda chiusa o su un altro dispositivo, e le vede chiunque apra l'editor. La barra dice **Draft saved · not live yet**, con quando e da chi. Se qualcun altro ha modificato la bozza da quando l'hai aperta, una barra ti chiede di fare **Reload** prima di continuare.
- **Chi altro è qui.** I volti delle altre persone con l'editor aperto compaiono nella barra. Passa il cursore su uno di essi per vedere la pagina e l'elemento in cui si trova; l'elemento che ha scelto è evidenziato con un contorno del suo colore. Nulla viene bloccato.
- **Comments.** Scegli un elemento e premi C, oppure fai clic destro e scegli **Comment**. Scrivi @ per nominare qualcuno. Un commento arriva a 2.000 caratteri, è fissato all'elemento e ha **Reply**, **Resolve** e **Open again**. Tutti nello spazio di lavoro possono commentare, anche i Viewer; solo Editor, Admin e Owner possono risolvere. La campanella avvisa tutti, e le persone che nomini lo sanno anche nelle loro chat con il bot di Briks.

I Viewer possono aprire l'editor per guardare il sito e commentare. La pagina dice “You can look through this site here. Your role in this workspace can't change it.”

## Ask AI e il builder

Per qualcosa che il pannello non fa, come un nuovo elemento o un altro layout, **Ask AI** nel menu del clic destro, o **Ask the builder** in fondo alla scheda **Element**, invia le tue parole al costruttore riguardo all'elemento scelto, come una normale modifica che usa crediti:

- **New design for this section** e **Fix the layout** ti mostrano, prima dell'invio, quanto richiede di solito il lavoro rispetto al tuo saldo, per esempio **Design it for about 5 credits**. La modifica viene creata e pubblicata come un messaggio nello studio, e con **Versions** puoi tornare indietro.
- **Ask about this…** risponde a una domanda sull'elemento qui, gratis, senza costruire nulla.
- Pubblica o scarta prima la bozza: la creazione parte dal sito pubblicato, quindi l'editor te lo chiede prima di inviare.
- **Write alt text** in **Picture** è gratis se la descrizione dell'immagine è già salvata, altrimenti costa fino a 0.10 crediti. **Use this** la conserva.

La scheda **Check** esamina la pagina alla larghezza in cui ti trovi e cerca immagini senza testo alternativo, testi difficili da leggere, titoli fuori ordine, ordine di lettura, e link e pulsanti senza nome. Il controllo è gratuito; una correzione contrassegnata da **Uses credits** va al builder.

## Pubblica, o cambia idea

- Niente va online finché non pubblichi. Una bozza contiene fino a 300 modifiche.
- **Publish** scrive le modifiche nel codice del tuo sito e lo pubblica come nuova versione, di solito in circa mezzo minuto, senza usare crediti. Pubblicare svuota la bozza.
- Se una modifica non può essere fatta, non viene pubblicato nulla e l'editor dice quale e perché.
- **Drop this change** in **Changes** ne rimuove una. **Discard draft** nel menu ⋯ le scarta tutte, per chiunque modifichi il sito, e chiede prima conferma.
- **History** elenca le versioni del sito. **Preview** ne mostra una com'era quando è stata pubblicata, e **Restore** la rimette online; la tua bozza viene conservata. Vedi [Versioni, annulla e ripeti](https://briks.dev/it/docs/versions).

## Scorciatoie da tastiera

| Chiavi | Cosa fanno |
| --- | --- |
| Esc | Scegli in cosa si trova l'elemento, oppure rimetti le parole digitate. |
| Freccia giù, sinistra e destra | Scegli il primo elemento al suo interno, oppure quello accanto. |
| Invio o doppio clic | Scrivi le parole dell'elemento. |
| ⌘B, ⌘I, ⌘K | Grassetto, corsivo o un link, mentre scrivi. |
| Alt con la freccia su o giù | Spostalo, oppure sposta la sua voce di elenco. |
| ⌘D, Backspace | Duplicala o eliminala. |
| ⌘Alt+C, ⌘Alt+V | Copia il suo stile, oppure incolla lo stile. |
| A, C, P | Aggiungi, commenta o usa la pagina. |
| ? | Mostra tutte le scorciatoie. |

Su Windows, Ctrl prende il posto di ⌘.

### Il Visual Editor usa crediti?

Le modifiche fatte al suo interno, e la loro pubblicazione, non ne usano. Lo fanno solo le funzioni IA: riscrivere i testi (fino a 0.20 crediti), scrivere il testo alternativo non ancora salvato (fino a 0.10 crediti) e tutto ciò che viene inviato al builder, che viene addebitato come modifica.

### Chi può usarlo?

Tutti in uno spazio di lavoro con un piano a pagamento. Owner, Admin ed Editor modificano e pubblicano; i Viewer guardano e commentano.

### Perché non riesco a scrivere alcune parole?

Le loro parole sono calcolate nel codice del sito, oppure stanno tra altri elementi. Scegli ogni parte separatamente, oppure chiedi all'agente.

### Possiamo modificare in due contemporaneamente?

Sì. Condividete una sola bozza, vi vedete a vicenda nella barra, e l'editor ti chiede di ricaricare se qualcuno ha modificato la bozza dopo che l'hai aperta.

## Da leggere dopo

- [Lavorare a un progetto **Fare modifiche** Come cambiare il sito scrivendo a Briks: cosa dire, aggiungere immagini, cosa include e costa una modifica, pagine interne, richieste in coda, correzioni.](https://briks.dev/it/docs/making-changes)
- [Lavorare a un progetto **Versioni, annulla e ripeti** Ogni creazione e modifica è salvata come versione. Annulla e ripristina una modifica o rimetti online una versione precedente com'era, senza crediti bloccati.](https://briks.dev/it/docs/versions)
- [Le funzioni del tuo sito **Libreria multimediale** Carica le tue immagini e video una volta nella libreria dello spazio di lavoro, usali in ogni progetto dal prompt e cambia gratis le immagini di un sito.](https://briks.dev/it/docs/media-library)
- [Per iniziare **Crediti e piani** Come funzionano i crediti Briks: blocchi da 50 e 5, addebiti per il lavoro svolto, stime e costruzioni in attesa, cosa succede a zero e cosa include ogni piano.](https://briks.dev/it/docs/credits-and-plans)

Hai ancora dubbi?

Scrivi a [hello@briks.dev](mailto:hello@briks.dev) indicando il nome del tuo progetto e cosa ti aspettavi di vedere. Uno screenshot aiuta.