> ## Documentation Index
> Fetch the complete documentation index at: https://docs.switchbord.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Builder visuale dei modelli

> Progettare modelli WhatsApp pixel-perfect con il Template Studio a 3 riquadri.

Il Builder visuale dei modelli (Template Studio) è l'ambiente principale per creare e gestire i modelli di messaggio WhatsApp. Offre un'anteprima pixel-perfect che riproduce esattamente come i messaggi appariranno su dispositivi iOS e Android.

## Il layout a 3 riquadri

Il builder è organizzato in tre riquadri specializzati per semplificare il flusso di lavoro di progettazione:

### 1. Riquadro Struttura (Sinistra)

Definisci i componenti fondamentali del tuo modello:

* **Intestazione**: Testo, Immagine, Video o Documento.
* **Corpo**: Il testo principale del messaggio con supporto variabili (ad es. `{{1}}`).
* **Footer**: Testo grigio opzionale di piccole dimensioni.
* **Bottoni**: Risposta rapida, Call-to-Action (URL/Telefono), o Opt-out di marketing.

### 2. Riquadro Editor (Centro)

L'area di lavoro attiva dove inserisci i contenuti:

* **Mappatura variabili**: Assegna valori di test ai tuoi segnaposto `{{n}}` per vederli renderizzati in tempo reale.
* **Formattazione**: Supporto per *grassetto*, *corsivo*, ~~testo barrato~~ e `monospace`.
* **Caricamento media**: Caricamento diretto sui server di Meta con ridimensionamento e compressione automatici.

### 3. Riquadro Anteprima (Destra)

Un renderer pixel-perfect in tempo reale:

* **Selettore dispositivo**: Passa dalla visualizzazione iOS a quella Android.
* **Scalatura dinamica**: Osserva come il tuo messaggio si adatta a diverse larghezze di schermo.
* **Bottoni interattivi**: Testa i link URL e i layout dei bottoni.

## Funzionalità principali

### Rendering pixel-perfect

A differenza delle anteprime di testo generiche, il nostro renderer usa le stesse famiglie di font, spaziature e forme dei fumetti utilizzate dal client WhatsApp. Ciò che vedi nello Studio è esattamente ciò che i tuoi clienti vedranno sui loro telefoni.

### Gestione dei media

* **Ottimizzazione automatica**: Le immagini vengono automaticamente convertite in formati ottimizzati.
* **Controlli di conformità**: Il builder ti avvisa se i media superano i limiti di dimensione di WhatsApp (ad es. 5MB per le immagini).

### Categorie dei modelli

Quando crei un modello, devi selezionare una categoria richiesta da Meta:

* **Marketing**: Offerte promozionali, annunci di prodotto.
* **Utility**: Aggiornamenti sugli ordini, avvisi account.
* **Authentication**: Password usa e getta (OTP).

## Validazione e invio

Prima che un modello possa essere usato in una campagna, deve essere inviato a Meta per l'approvazione. Il Builder visuale esegue controlli pre-invio per garantire la conformità con le [Regole dei modelli](/it/whatsapp/template-rules):

* Nessuna variabile fluttuante (le variabili devono essere circondate da testo).
* Combinazioni di bottoni corrette.
* Conteggi di caratteri accurati per intestazioni e footer.

Una volta inviato, lo stato del modello passerà da `PENDING` a `APPROVED` o `REJECTED` direttamente nell'interfaccia dello studio.