Panoramica dello Studio

Lo Studio è l'editor visivo di email di MailInApp. Ogni progetto nella tua dashboard si apre al suo interno.

Iniziare da uno scopo

I nuovi progetti possono partire da uno scopo: sondaggio, promozione, newsletter, evento, transazionale, dashboard, classe scolastica, o squadra sportiva, scelto al momento della creazione del progetto. Selezionandone uno si apre un carosello dei veri modelli iniziali di quell'argomento, ciascuno un'anteprima renderizzata reale e in grande formato, non un semplice mockup. Scorri le opzioni e scegline una: la tela viene popolata con un layout iniziale costruito con blocchi ordinari (un blocco di valutazione per i sondaggi, un hero e un coupon per le promozioni, e così via). Da quel momento non hanno nulla di speciale: modificali, rimuovili o aggiungine altri come qualsiasi altro blocco. Parti da zero salta questo passaggio e apre la tela predefinita vuota.

Consulta Guida introduttiva per il selettore, Risposte e webhook per capire come lo scopo influenza la dashboard delle risposte, e Modelli iniziali e la tua libreria personale per salvare i tuoi modelli in privato o pubblicarli nella galleria della community.

Lo spazio di lavoro

• tela — il centro dello schermo: un rendering live della tua email. Clicca su qualsiasi elemento per selezionarlo; una barra di navigazione (breadcrumb) mostra il percorso dal corpo dell'email fino ad esso, e ogni elemento antenato è cliccabile.
• Barra laterale sinistra — quattro pannelli, aperti uno alla volta cliccando la relativa icona: Inserisci (la libreria dei blocchi — trascina sulla tela blocchi di layout come sezione, testo, immagine, pulsante, divisore, spaziatore, e blocchi interattivi come carosello, sondaggio, modulo, conto alla rovescia, quiz; una casella di ricerca filtra tutto per nome), Struttura (la struttura completa dell'email — riordina i blocchi, seleziona elementi annidati come una singola slide del carosello, comprimi i contenitori, nascondi un blocco dall'output con il relativo interruttore a occhio senza eliminarlo, oppure lasciati una nota rinominandolo con un doppio clic; ogni contenitore ha anche un + che apre un selettore con ricerca dei soli tipi di elemento figlio che accetta — quello di un modulo si espande nelle stesse varianti di campo di input della sezione Input del pannello Inserisci — così puoi aggiungere senza trascinare, e lo stesso selettore compare al posto del placeholder "Trascina qui" di un contenitore vuoto sulla tela), Dati (Fonti dati e tag di personalizzazione — collega le fonti, scegli il pubblico, sfoglia i campi), e Tema (vedi Tema più sotto).
• Ispettore — il pannello a destra per l'elemento selezionato, diviso in quattro schede: Contenuto (testo, link, campi specifici del blocco come le opzioni di un sondaggio), Stile (colori, spaziatura, bordi, CSS personalizzato), Logica (associazione di ripetizione, condizioni di visualizzazione), e Azioni (sposta, duplica, elimina, ⧉ Avvolgi in… — l'inverso del + del pannello Struttura: sposta la selezione corrente dentro una nuova Sezione, Colonne, Ripetizione o elemento HTML che può legittimamente contenerla esattamente dove si trova, ad esempio dando a un pulsante isolato uno sfondo proprio, o trasformando un blocco in un layout a due colonne — e Salva come componente, vedi Componenti riutilizzabili). Una casella di ricerca sopra le schede filtra i campi di tutte e quattro contemporaneamente.

Modalità di anteprima

Sopra la tela, un selettore Modifica / Anteprima controlla cosa stai visualizzando:

• Modifica — la struttura a blocchi, selezionabile e modificabile.
• Anteprima risolve i tag di personalizzazione, le condizioni di visualizzazione e le ripetizioni rispetto a una riga di destinatario scelta, con un selettore di livello sottostante: Vista live (la stessa pagina React su cui atterrano i destinatari), Inviata — moderna e Inviata — Outlook renderizzano l'HTML compilato reale che riceverebbero le caselle di posta dei tuoi destinatari — il livello Outlook forza gli stessi rami di commento condizionale che un vero client Outlook seguirebbe, così puoi verificare il fallback senza possedere una copia di Outlook. Un interruttore della modalità scura simula il livello vista live nel modo in cui la modalità scura di un client email lo renderizzerebbe.

Un controllo dello zoom (50–150%, o adatta alla larghezza) scala la tela senza modificare il design sottostante.

Annulla, ripeti e salvataggio automatico

Ogni modifica al design — trascinare un blocco, digitare in un campo, cambiare un colore — è annullabile con Ctrl/Cmd+Z (ripeti: Shift+Ctrl/Cmd+Z o Ctrl/Cmd+Y), anche dall'interno di un campo di testo. Le modifiche rapide (digitare una frase, trascinare un cursore) si uniscono in un unico passaggio di annullamento invece di uno per ogni tasto premuto.

Lo Studio salva automaticamente in modo continuo — non c'è nessun pulsante di salvataggio, e chiudere la scheda non fa perdere nulla; il progetto si riapre esattamente dove l'avevi lasciato. Se tu e un collega del team avete lo stesso progetto aperto contemporaneamente, il secondo salvataggio mostra un banner "Modificato altrove" invece di sovrascrivere silenziosamente il primo. Ricarica per ottenere la versione più recente, oppure usa Salva come copia per conservare le tue modifiche come nuovo progetto.

Tema

Il pannello Tema imposta un piccolo gruppo di token validi per l'intero progetto (i colori brand, accent, text, muted e background, uno stack di font, e il raggio d'angolo predefinito dei pulsanti), così un rebranding è una singola modifica invece di dover cercare il campo colore di ogni blocco. Un campo colore può contenere un riferimento a un token, mostrato come un selettore di campioni accanto al normale input colore, oppure un colore letterale proprio. I blocchi che nascono con un riferimento a un token — pulsanti, icone social, pulsanti di invio di moduli/quiz — si restilizzano automaticamente quando cambi il token, mentre qualsiasi blocco su cui hai impostato un colore letterale lo mantiene. I progetti senza tema si renderizzano esattamente come prima; il pannello si limita a rendere espliciti i colori del brand invece di codici hex copiati e incollati.

Libreria multimediale

Alcuni campi esistono solo per contenere un'immagine: il blocco Immagine, l'immagine di poster/copertina di un blocco Video/Audio, l'immagine di una slide del Carosello, l'immagine fronte/retro di una Flashcard, e la foto del blocco Prodotto. Questi mostrano una miniatura e un pulsante Scegli immagine… nell'Ispettore invece di una casella URL. Cliccandolo si apre una griglia di tutto ciò che hai già caricato sul tuo account (non solo in questo progetto), con un pulsante Carica nuovo proprio lì per un PNG, JPEG, WebP o GIF fino a 5MB. Scegline uno e viene scritto immediatamente nel campo, esattamente come se avessi digitato un URL. Il selettore è puramente una comodità di creazione, quindi nulla cambia nel modo in cui il blocco viene renderizzato nell'email, nella vista live o sulla tela.

I caricamenti sono condivisi tra tutti i progetti del tuo account: carica un logo o la foto di un prodotto una sola volta e riutilizzali ovunque compaia il selettore. La libreria completa è inoltre consultabile da Media nella navigazione della dashboard, dove puoi caricare, visualizzare ed eliminare risorse al di fuori di qualsiasi progetto specifico. Eliminare una risorsa la rimuove solo dalla libreria — un blocco che aveva già il suo URL continua a renderizzare l'immagine finché non la sostituisci tu stesso con qualcos'altro.

Lo spazio di archiviazione conta ai fini della quota del tuo piano (vedi prezzi), mostrato come indicatore accanto agli altri consumi in Impostazioni. Alcuni campi accettano invece un link anziché un'immagine — il link di rimando facoltativo di una slide, il campo src del file di un blocco video/audio, il Join URL di un meeting link. Questi restano semplici caselle URL: MailInApp memorizza solo immagini, non file video/audio o pagine arbitrarie.

Componenti riutilizzabili

Hai costruito qualcosa che vale la pena riutilizzare — un'intestazione stilizzata, una sezione coupon, una riga prodotto? Selezionalo, apri la scheda Azioni dell'Ispettore e scegli Salva come componente. Viene salvato sul tuo account (non solo in questo progetto) e da quel momento compare sotto I miei componenti in cima al pannello Inserisci di ogni progetto. Trascina o clicca per inserire una copia nuova e completamente indipendente; rinomina o elimina il componente salvato dalla stessa lista. Questo è diverso dalle composizioni integrate della sezione Predefiniti (vedi Blocchi interattivi): quelle sono incluse in MailInApp per tutti, mentre un componente salvato è tuo, costruito a partire dai tuoi stessi design.

Vista live

Il pulsante della barra degli strumenti Vista live ↗ apre la versione web ospitata dell'email — una pagina completamente interattiva renderizzata a partire dal tuo design attuale. È allo stesso tempo uno strumento di anteprima per te e il fallback universale che i destinatari ottengono quando il loro client email non riesce a renderizzare l'interattività. Il link è firmato e valido per 30 giorni; vedi Link della vista live.

Testi assistiti dall'IA

Bloccato sull'oggetto dell'email? Clicca ✨ Suggerisci accanto al campo oggetto nella pagina di invio. MailInApp elabora alcune opzioni basate sul nome del progetto, sul suo scopo e su un breve estratto del testo già presente nell'email.

I suggerimenti si applicano solo con un clic — nulla viene mai scritto automaticamente nel tuo progetto. Le richieste di suggerimento conteggiano ai fini della soglia mensile del tuo account (vedi prezzi), condivisa tra tutti i progetti e chiunque li modifichi. Per costruire o modificare l'email nel suo complesso — non solo un campo — vedi Copilota IA.

Budget di dimensione

Gmail tronca i messaggi più grandi di circa 102KB — e un'email troncata perde il proprio blocco <style>, il che disabilita silenziosamente tutta l'interattività CSS. Lo Studio monitora la dimensione compilata della tua email rispetto a questo budget mentre costruisci, e ti avvisa prima che diventi un problema. Maggiori informazioni in Esportazione e invio.