> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Passare da Visuale a Codice e viceversa

> Converti un modello in codice in blocchi, modifica il codice di un modello visuale e scopri cosa succede al tuo lavoro quando torni indietro.

Ogni modello è, sotto, Liquid e HTML. L'editor **Visuale** costruisce quel codice per te a partire dai blocchi e dagli stili del documento; l'editor **Codice** mostra il codice vero e proprio. Passi da uno all'altro con le schede **Visuale** e **Codice** in cima all'editor. Quando cambi modalità, Foliant non butta mai via il codice: tutto ciò che non riesce a trasformare in un blocco normale viene mantenuto come blocco **Liquid personalizzato**.

## Prima di iniziare

La scheda **Visuale** dipende dal tuo piano. Se il tuo piano non la include, la scheda mostra il piano che la include e l'editor di codice funziona come sempre. Consulta [Disponibilità dell'editor visuale nei piani](https://foliant-help.iforiti.com/it/template-editor/visual-editor-plans.md).

## Convertire un modello in codice in blocchi

1. Apri il modello nell'editor. Si apre in **Codice**.
2. Fai clic sulla scheda **Visuale**. Si apre la finestra **Converti in visuale**.
3. Scegli come iniziare:

| Opzione | Cosa succede |
| - | - |
| **Parti da un layout a blocchi** | Scegli un **Layout** (ad esempio **Fattura**, **Bolla di spedizione** o **Modulo di reso**) e fai clic su **Usa il layout a blocchi**. Il tuo codice attuale viene sostituito da quel layout. Finché non salvi, **Ignora** ripristina il tuo codice; dopo il salvataggio, resta nella cronologia delle versioni. |
| **Mantieni il mio codice come blocco Liquid personalizzato** | Fai clic su **Mantieni il mio codice**. Il tuo codice viene mantenuto e puoi aggiungere nuovi blocchi intorno. Foliant trasforma in blocchi normali le sezioni che riconosce (come intestazione, indirizzi, tabella degli articoli o totali) quando stampano gli stessi dati dell'ordine, e mantiene tutto il resto come blocchi Liquid personalizzato, nella stessa posizione. |

4. Controlla la pagina, poi salva.

I layout proposti dipendono dal modello: un documento per ordine (Fattura, Nota di credito, Preventivo, Bolla di spedizione, Modulo di reso, Fattura commerciale, Ordine d'acquisto, Documento d'ordine generico, Etichetta di spedizione, Ricevuta) oppure un documento per tutti gli ordini selezionati (Lista di prelievo, Riepilogo ordini). Un layout per un tipo di documento assegna quel tipo a un modello che non ne ha uno, quindi un layout di fattura viene numerato come una fattura.

## Vedere o modificare il codice di un modello visuale

1. In un modello visuale, fai clic sulla scheda **Codice**. Vedi il **Liquid compilato**: il codice che Foliant genera dai tuoi blocchi e dagli stili del documento. È di sola lettura.
2. Per modificarlo, fai clic su **Modifica il codice**. Da questo momento è attivo l'editor di codice e salvando salvi il tuo codice.
3. Quando salvi, Foliant rilegge i blocchi dal tuo codice, quindi il modello resta visuale.

Puoi anche aprire il codice compilato di un singolo blocco: selezionalo e fai clic su **Vedi il Liquid compilato** nella sua scheda **Contenuto**.

## Tornare a Visuale dopo aver modificato il codice

Fai clic sulla scheda **Visuale**. Foliant legge i blocchi dal tuo codice:

* I blocchi di cui non hai modificato il codice tornano com'erano.
* Se parte del codice non corrisponde più al suo blocco, o è stata scritta fuori da qualsiasi blocco, la finestra **Tornare a Visuale?** elenca queste parti sotto **Parti mantenute come Liquid personalizzato**, con il motivo:
  * **Codice modificato**: il codice del blocco è cambiato, quindi diventa un blocco Liquid personalizzato.
  * **Scritto fuori da qualsiasi blocco**: nuovo codice che hai aggiunto tra i blocchi.
* Fai clic su **Passa a Visuale** per continuare, oppure su **Resta in Liquid** per continuare a modificare il codice.

Non viene rimosso nulla e puoi annullare il passaggio. Devi correggere eventuali errori nel codice prima di poter passare a Visuale.

## Sostituire un modello con un modello iniziale

**Sostituisci con un modello iniziale…** nella barra in alto sostituisce tutto il contenuto dell'editor con un modello iniziale o un design. I modelli iniziali sono modelli in codice, quindi un modello visuale diventa un modello in codice. Non cambia nulla finché non salvi, e **Ignora** ripristina ciò che avevi.

## Buono a sapersi

* I blocchi Liquid personalizzato si possono spostare, formattare e associare a condizioni come qualsiasi altro blocco. Il loro codice viene stampato esattamente come è scritto.
* La conversione riguarda un singolo modello e avviene solo quando la scegli tu.
* I modelli creati da un design acquistato usano l'editor di design e qui non si possono passare a Visuale o Codice.

## Articoli correlati

* [Aprire l'editor dei modelli](https://foliant-help.iforiti.com/it/template-editor/editor-overview.md)
* [Modificare il codice di un modello](https://foliant-help.iforiti.com/it/template-editor/code-editor.md)
* [Riferimento dei blocchi](https://foliant-help.iforiti.com/it/template-editor/block-catalogue.md)
* [Disponibilità dell'editor visuale nei piani](https://foliant-help.iforiti.com/it/template-editor/visual-editor-plans.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.