Dove incollarla

Copia prima la firma, poi segui i passaggi del tuo client di posta.

Airmail

Airmail mostra la posta attraverso la vista WebKit di sistema su Mac, iPhone e iPad, quindi la resa segue da vicino Apple Mail: la scheda Apple Mail è il modello onesto per lui.

Per questa app usa «Copia HTML»: accetta il codice stesso.

Airmail è uno dei pochi client con un vero riquadro firma HTML: dagli il codice stesso, non l’incollaggio formattato.

  1. In Airmail, apri le Preferenze, poi Account, e seleziona il tuo account.
  2. Apri la scheda Firme e aggiungi una firma.
  3. Passa la firma in HTML e incolla il codice di «Copia HTML».
  4. Assegna la firma all’account e chiudi le preferenze.
  5. Manda un messaggio di prova a te stesso.
Apple Mail (macOS)

Apple Mail mostra i messaggi con WebKit, il motore di Safari: ciò che funziona in un browser funziona qui. Le immagini remote si caricano di default e la modalità scura inverte solo sfondi quasi bianchi e testo quasi nero, esattamente ciò che mostra la scheda Apple Mail.

Per questa app usa «Copia firma»: incolla la firma formattata.

Apple Mail incolla fedelmente il contenuto formattato una volta tolta una spunta. Il riquadro della firma può non mostrare immagini finché non scrivi un messaggio; è normale.

  1. Apri Mail, poi Impostazioni (Preferenze nelle versioni più vecchie di macOS), poi Firme.
  2. Seleziona il tuo account nella colonna di sinistra — non «Tutte le firme» — e fai clic su + per aggiungere una firma. Dalle un nome.
  3. Togli la spunta a «Usa sempre il font di default del messaggio», poi incolla con Cmd+V.
  4. In «Scegli firma», in basso, selezionala per quell’account.
  5. Scrivi un nuovo messaggio a te stesso per vederla al suo posto, immagini comprese.
eM Client

eM Client mostra i messaggi con un cuore Chromium dalla versione 7 e blocca il contenuto esterno di default finché un mittente non è fidato. La scheda Thunderbird — un motore rispettoso degli standard con lo stesso blocco di default — è il modello più vicino.

Per questa app usa «Copia HTML»: accetta il codice stesso.

eM Client può ricevere la firma come file, la via fedele: «Scarica .htm» ti dà quel file.

  1. Apri il Menu, poi Impostazioni, poi Posta, poi Modelli e firme.
  2. Scegli Firme e aggiungi una nuova firma.
  3. Incolla il codice — oppure usa «Scarica .htm» e importa il file.
  4. Impostala come predefinita per i nuovi messaggi e le risposte del tuo account.
  5. Manda un messaggio di prova a te stesso; il contenuto esterno aspetta il permesso salvo che il mittente sia fidato.
Gmail (iOS)

L’app Gmail fa passare i messaggi dallo stesso circuito Google di Gmail sul web — solo stili inline, immagini via proxy, scurimento in modalità scura —, quindi la scheda Gmail la modella. Il suo riquadro della firma mobile è testo semplice; la firma da impostare è quella del web.

Per questa app usa «Copia firma»: incolla la firma formattata.

La firma mobile dell’app è testo semplice. Imposta la firma in Gmail sul web e lascia quella mobile disattivata; la posta inviata dall’app porterà allora la firma del web.

  1. Imposta prima la firma in Gmail sul web: la voce Gmail (web) qui sopra ha quei passaggi.
  2. Nell’app Gmail, apri le Impostazioni e scegli l’account.
  3. Apri l’impostazione della firma e lascia la firma mobile disattivata.
  4. Con quella disattivata, i messaggi inviati dall’app usano la firma impostata sul web.
  5. Manda un messaggio di prova a te stesso dall’app per confermare.
Gmail (web)

Gmail riscrive i messaggi sui server di Google: i blocchi di stili vengono rimossi e sopravvivono solo gli stili inline, le immagini passano dal proxy di Google e la modalità scura scurisce gli sfondi chiari. Questa firma usa solo stili inline esattamente per questo.

Per questa app usa «Copia firma»: incolla la firma formattata.

Gmail conserva gli stili inline e scarta tutto il resto: esattamente ciò di cui è fatta questa firma.

  1. In Gmail sul web, apri le Impostazioni con l’icona dell’ingranaggio, poi Visualizza tutte le impostazioni.
  2. Nella scheda Generali, scorri fino a Firma e scegli Crea nuova. Dalle un nome.
  3. Fai clic nel riquadro di modifica e incolla con Ctrl+V (Cmd+V su Mac).
  4. In Impostazioni predefinite firma, selezionala per i nuovi messaggi e per risposte e inoltri.
  5. Scorri in fondo, scegli Salva modifiche, poi manda un messaggio di prova a te stesso.
kMail (Infomaniak)

kMail pulisce l’HTML in arrivo con una lista di elementi consentiti — le app mobili di Infomaniak sono open source, ed è così che lo sappiamo —, rimuove alcuni attributi, adatta allo schermo i messaggi troppo larghi e ricolora algoritmicamente in modalità scura. La scheda kMail modella esattamente questo.

Per questa app usa «Copia HTML»: accetta il codice stesso.

L’editor delle firme di kMail ha una modalità codice sorgente HTML: incolla lì il codice. Incollare la firma formattata nell’editor normale funziona anche, ma conserva meno l’impaginazione.

  1. Apri Mail su ksuite.infomaniak.com/mail, poi l’icona Impostazioni in alto a destra.
  2. Scegli l’indirizzo email nel menu a sinistra, poi Firme, poi Aggiungi. Dalle un nome.
  3. Passa l’editor al codice sorgente HTML, incolla il codice e salva.
  4. Nelle impostazioni della firma, impostala come predefinita per i nuovi messaggi e per risposte e inoltri.
  5. Le app Infomaniak Mail per iOS e Android usano la stessa firma. Manda un messaggio di prova a te stesso.
Mail (iOS)

Mail su iOS mostra i messaggi con WebKit esattamente come Apple Mail sul Mac — la scheda Apple Mail modella entrambi —, ma il suo editor della firma è testo semplice: una firma formattata entra solo con il copia-incolla e può venire semplificata strada facendo.

Per questa app usa «Copia firma»: incolla la firma formattata.

Il riquadro Firma nelle Impostazioni di iOS è testo semplice: incollare lì direttamente perde l’impaginazione. La via che funziona è copiare da un messaggio che hai mandato a te stesso.

  1. Mandati la firma per email: scrivi un messaggio, incollala dopo «Copia firma» e invialo.
  2. Apri quel messaggio in Mail su iPhone o iPad, tieni premuto sulla firma, poi Seleziona tutto e Copia.
  3. Vai su Impostazioni, poi App, poi Mail, poi Firma (su iOS più vecchi: Impostazioni, Mail, Firma).
  4. Svuota il riquadro e incolla. La formattazione può sembrare semplificata nel riquadro; è l’editor, non la firma.
  5. Manda un messaggio di prova a te stesso per confermare che immagini e link siano sopravvissuti.
Posta (Windows 10)

Finché funzionava, l’app Posta disegnava i messaggi con lo stesso motore Word di Outlook classico: la scheda Outlook (desktop) è il motivo per cui è elencata qui. Oggi la sua voce è un rimando al nuovo Outlook.

Per questa app usa «Copia firma»: incolla la firma formattata.

Microsoft ha ritirato l’app Posta a fine 2024: non invia né riceve più. Il suo sostituto è il nuovo Outlook, la cui voce è quella da seguire.

  1. Le app Posta e Calendario di Windows sono state spente da Microsoft a fine 2024 e non possono più inviare né ricevere posta.
  2. Windows apre il nuovo Outlook al loro posto, e gli account passano lì.
  3. Segui la voce Outlook moderno (Windows / web) per impostare la firma nel nuovo Outlook.
Mailbird

Mailbird incorpora una vista Chromium, quindi la resa in sé è fedele; ciò che si nota in pratica è il blocco delle immagini remote. La scheda Thunderbird — un motore rispettoso degli standard con lo stesso blocco di default — è il modello; la rimozione del CSS condizionale di Gecko non si applica a Mailbird.

Per questa app usa «Copia firma»: incolla la firma formattata.

Mailbird tiene le immagini remote disattivate di default: i destinatari vedono la tua firma; dentro Mailbird stesso, le immagini possono aspettare un clic.

  1. Apri il menu, poi Impostazioni, poi Identità.
  2. Seleziona l’identità e scegli Modifica.
  3. Incolla la firma nell’editor della firma con Ctrl+V.
  4. Salva, e ripeti per le altre identità se ne usi più di una.
  5. Manda un messaggio di prova a te stesso e consenti le immagini del mittente per vederle al loro posto.
Outlook (iOS)

Outlook per iOS mostra la posta attraverso WebKit alimentato dal circuito Microsoft, riparazione del contrasto in modalità scura compresa: la scheda Outlook.com (web) è il modello onesto. Il suo editor della firma è molto più limitato della sua vista dei messaggi.

Per questa app usa «Copia firma»: incolla la firma formattata.

Il riquadro firma mobile di Outlook è ufficialmente testo semplice; un incollaggio formattato sopravvive solo in parte. Imposta la firma anche su desktop o web, e aspettati semplificazioni nell’editor del telefono.

  1. Se usi anche Outlook sul web o il nuovo Outlook, imposta prima la firma lì: la voce Outlook moderno ha quei passaggi.
  2. Nell’app Outlook, tocca l’immagine del tuo account, poi l’ingranaggio, poi Firma.
  3. Svuota il riquadro e incolla la firma copiata.
  4. L’editor può semplificare parte dell’impaginazione: è un campo di testo semplice che riceve un incollaggio formattato.
  5. Manda un messaggio di prova a te stesso e controllalo sul telefono e su un desktop.
Outlook classico (Windows)

Outlook classico disegna i messaggi con il motore di impaginazione di Word: niente angoli arrotondati, le larghezze non vengono limitate e si usa solo il primo font di una lista. La scheda Outlook (desktop) modella questo motore, quello che trasforma di più le firme.

Per questa app usa «Copia firma»: incolla la firma formattata.

Outlook classico disegna i messaggi con il motore di impaginazione di Word. Incollare funziona; se l’impaginazione si sposta, la via del file .htm al passaggio 4 è quella fedele.

  1. Vai su File, poi Opzioni, poi Posta, poi Firme. (Da un nuovo messaggio: Messaggio, Firma, Firme.)
  2. Scegli Nuova, dai un nome alla firma e incolla nel riquadro Modifica firma con Ctrl+V.
  3. In Scegli firma predefinita, selezionala per Nuovi messaggi e per Risposte/inoltri, poi OK.
  4. Se il risultato sembra storto: usa «Scarica .htm», apri il file in un browser, seleziona tutto, copia e incolla quello nello stesso riquadro.
  5. Manda un messaggio di prova a te stesso e leggilo proprio in Outlook classico: è il client che la mostra in modo diverso.
Outlook moderno (Windows / web)

Outlook.com, il nuovo Outlook per Windows e Outlook per Mac condividono un motore da browser: gli angoli si arrotondano, le larghezze vengono rispettate e la modalità scura ripara il contrasto invece di invertire. La scheda Outlook.com (web) modella tutti e tre.

Per questa app usa «Copia firma»: incolla la firma formattata.

Outlook.com, il nuovo Outlook per Windows e Outlook per Mac condividono un unico editor, quindi gli stessi passaggi valgono per tutti e tre.

  1. Apri le Impostazioni con l’icona dell’ingranaggio, poi Account, poi Firme. (Outlook per Mac: menu Outlook, Impostazioni, Firme.)
  2. Scegli Nuova firma e dalle un nome.
  3. Fai clic nel riquadro di modifica e incolla con Ctrl+V (Cmd+V su Mac).
  4. Spuntala per i nuovi messaggi e per risposte e inoltri, poi Salva.
  5. Manda un messaggio di prova a te stesso e aprilo anche su un telefono.
Proton Mail

Proton Mail sanifica i messaggi — i blocchi di stili spariscono, gli stili inline restano — e carica le immagini remote attraverso il proprio proxy, togliendo i tracker. Quella forma sanifica-e-proxy è quella di Gmail, quindi la scheda Gmail è il modello; a differenza di Gmail, Proton non scurisce i colori in modalità scura.

Per questa app usa «Copia firma»: incolla la firma formattata.

Proton pulisce rigorosamente l’HTML in arrivo; la tua firma si incolla come testo formattato.

  1. Accedi su account.proton.me e apri le Impostazioni, poi Tutte le impostazioni.
  2. In Identità e indirizzi, trova Nome visualizzato e firma.
  3. Incolla la firma nel riquadro della firma con Ctrl+V (Cmd+V su Mac).
  4. Salva; impostala per indirizzo se invii da più di uno.
  5. Manda un messaggio di prova a te stesso.
Spark

Spark mostra i messaggi con un motore da browser completo — WebKit su iPhone e iPad, Chromium sul desktop — e non applica nessuna trasformazione propria in modalità scura. La scheda Apple Mail è il modello più vicino; dove esagera è nella modalità scura.

Per questa app usa «Copia HTML»: accetta il codice stesso.

L’editor delle firme di Spark accetta HTML direttamente e sincronizza il risultato tra i tuoi dispositivi.

  1. Apri le Impostazioni di Spark (Preferenze sul Mac), poi Firme.
  2. Crea una firma e apri il suo editor.
  3. Scegli l’opzione HTML e incolla il codice di «Copia HTML».
  4. Attiva la firma per il tuo account; si sincronizza con gli altri dispositivi.
  5. Manda un messaggio di prova a te stesso.
Thunderbird

Thunderbird mostra i messaggi con Gecko, il motore di Firefox — rispettoso degli standard —, ma blocca le immagini remote di default finché chi legge non le consente: è ciò che mostra la scheda Thunderbird.

Per questa app usa «Copia HTML»: accetta il codice stesso.

Thunderbird accetta l’HTML stesso e blocca le immagini remote per impostazione predefinita finché chi legge non le consente: la scheda Thunderbird dell’anteprima mostra esattamente questo.

  1. Apri le Impostazioni account — dal menu, o con il tasto destro sull’account nell’elenco delle cartelle.
  2. Seleziona l’account. In Testo della firma, spunta Usa HTML.
  3. Incolla il codice nel riquadro della firma.
  4. Oppure: usa «Scarica .htm», spunta «Allega la firma da un file» e scegli quel file.
  5. Chiudi le impostazioni; i nuovi messaggi da quell’account portano la firma. Manda una prova a te stesso e consenti il contenuto remoto per vedere le immagini.
Yahoo Mail (web)

Yahoo Mail mostra i messaggi nel browser e conserva gran parte di ciò che questa firma usa, larghezze e angoli arrotondati compresi: la scheda Outlook.com (web) è il modello più vicino. Dove esagera è nella modalità scura, che Yahoo lascia in pace.

Per questa app usa «Copia firma»: incolla la firma formattata.

L’editor delle firme di Yahoo accetta l’incollaggio formattato.

  1. In Yahoo Mail, apri le Impostazioni con l’icona dell’ingranaggio, poi Altre impostazioni.
  2. Scegli Scrittura email e attiva la firma per il tuo indirizzo.
  3. Fai clic nel riquadro della firma e incolla con Ctrl+V (Cmd+V su Mac).
  4. Le modifiche si salvano man mano; chiudi le impostazioni.
  5. Manda un messaggio di prova a te stesso.

Perché non si vedono le mie immagini?

La tua foto, il logo e il banner non sono dentro il messaggio. La firma porta i loro indirizzi, e il client di posta di chi legge decide se scaricarli. Questi sono i motivi per cui può non farlo, e cosa fare perché la firma funzioni comunque.

  • Outlook per Windows blocca le immagini remote per impostazione predefinita

    Outlook classico mostra una barra che propone di scaricare le immagini, messaggio per messaggio, e molti non la toccano mai. In azienda Outlook è spesso impostato per non scaricarle affatto.

  • I server di posta aziendali le rimuovono o le riscrivono

    Le regole di trasporto di Exchange, i gateway di posta e gli scanner di sicurezza possono togliere le immagini remote, sostituire gli indirizzi con un link verificato o bloccare host che non conoscono. Chi invia vede la firma; chi legge vede il vuoto.

  • Gmail le scarica attraverso il proprio proxy

    Gmail copia l’immagine tramite i server di Google la prima volta che il messaggio viene aperto. L’indirizzo deve essere pubblico e https; il primo caricamento può tardare un attimo, e un host che rifiuta il robot di Google non mostra nulla.

  • Thunderbird e kMail le bloccano finché chi legge non le consente

    Entrambi trattano il contenuto remoto come una scelta di privacy: una barra chiede se caricarlo, per mittente o per messaggio. Fino ad allora ogni immagine è un segnaposto con la sua descrizione.

  • La modalità scura inghiotte un logo scuro su sfondo trasparente

    Nessun client inverte le immagini. Un marchio scuro salvato su sfondo trasparente sparisce sullo sfondo scuro: in Gmail, Outlook.com, Apple Mail, Thunderbird e kMail allo stesso modo.

Cosa fare

  • Tieni la firma leggibile senza alcuna immagine: nome, ruolo e contatti come testo, mai come immagine.
  • Compila sempre la descrizione (testo alternativo). È ciò che mostra un’immagine bloccata, ed è ciò che chi legge riceve.
  • Non mettere mai un’informazione essenziale — un numero di telefono, un indirizzo web — solo dentro un’immagine.
  • Preferisci indirizzi https su un host affidabile che controlli, e tienili attivi finché esistono le email.
  • Dai a un logo scuro uno sfondo chiaro tutto suo, o usa una versione abbastanza chiara da sopravvivere a uno sfondo scuro.

La scheda Thunderbird sopra l’anteprima mostra esattamente questo: tutte le immagini bloccate, ogni segnaposto con la sua descrizione, e se la firma dice ancora chi sei.

Cosa dare a ogni riquadro

  • Foto

    Mostrata larga 40–200px, secondo il cursore del pannello Aspetto. Un JPG o PNG quadrato di 200–400px per lato copre ogni dimensione con nitidezza su uno schermo retina; ritagliala quadrata prima di attivare l'arrotondamento, o il cerchio verrà un ovale.

  • Logo aziendale

    Mostrato piccolo — fino a circa 120×20px accanto alla riga dell'azienda, o fino a 160px di larghezza con il controllo esplicito. Un PNG trasparente con 120–200px di altezza nell'originale tiene i bordi puliti a ognuna di quelle dimensioni.

  • Banner

    Mostrato alla larghezza della firma stessa — da 480 a 720px, secondo il controllo di larghezza — con l'altezza che segue l'immagine. Un JPG o PNG al doppio di quella larghezza, 1200–1440px, resta nitido su uno schermo moderno; tienilo chiaramente più largo che alto, o diventa un poster.

  • GIF animate

    Outlook su Windows mostra solo il primo fotogramma, fermo — non anima. I tuoi lettori lì sono abbastanza da far sì che quel primo fotogramma debba reggere da solo tutto il messaggio: se l’idea arriva solo al quarto, la maggior parte non la vedrà mai. Una GIF che ospitiamo tiene ogni fotogramma esattamente come l’hai mandato — vengono tolti solo i commenti e i metadati incorporati — e non viene mai ridimensionata, quindi deve già avere le proporzioni del suo spazio: esattamente quattro volte più larga che alta per un banner, per esempio 1200×300, e sotto 1 MB.

  • Icone

    Le icone delle righe di contatto e dei social sono nostre, servite da subsigno.com. Niente da preparare, niente da ospitare.

Ogni riquadro accetta un indirizzo https pubblico — un link che il client di posta di qualsiasi lettore può scaricare, mai un file sul tuo computer. Tieni ogni immagine sotto i 200 KB circa: viaggia con ogni messaggio che mandi. Il cercatore nella sezione Azienda può proporre candidate direttamente dal tuo sito.

Perché la mia firma cambia da un client di posta all’altro?

Perché un client di posta non è un browser. Ognuno decide da sé cosa tenere della tua formattazione, e le differenze qui sotto sono quelle che cambiano davvero ciò che vede chi ti legge.

Il carattere non è quello che ho scelto

I client di posta non possono scaricare caratteri. Gmail rimuove i tag che ne consegnerebbero uno e Outlook su Windows ignora l’istruzione del tutto: un carattere scaricato sembrerebbe giusto a te e ricadrebbe su Times New Roman per la maggior parte di chi legge la tua email.

Per questo l’elenco dei caratteri qui è corto: ogni opzione è già installata sulle macchine di chi ti legge. Outlook su Windows è ancora più rigido — prende il primo nome di carattere che riconosce e sostituisce con Times New Roman tutto ciò che non riconosce, invece di scorrere l’elenco come farebbe un browser. Nulla su questo sito ti proporrà un carattere che si comporta in un modo per te e in un altro per chi ti legge.

La mia foto rotonda arriva quadrata

Outlook classic su Windows disegna i messaggi con il motore di impaginazione di Microsoft Word, e Word non ha alcuna nozione di angolo arrotondato. L’immagine arriva quadrata a tutti quei lettori, e nessun markup lo cambia.

«Outlook» sono in realtà diversi programmi. Outlook.com nel browser, il nuovo Outlook per Windows e Outlook per Mac si appoggiano tutti a un motore di navigazione e arrotondano l’immagine correttamente; solo Outlook classic su Windows non lo fa. L’anteprima ha una scheda per ciascuno, così vedi entrambi gli esiti invece di indovinare.

L’arrotondamento, inoltre, produce un cerchio solo se l’immagine è già quadrata. Una foto rettangolare diventa ovale, e l’editor te lo dice invece di ritagliarla: ritagliare richiede un’istruzione che il motore di Word ignora pur continuando a rispettare la dimensione, e questo stira l’immagine.

Le mie immagini non compaiono affatto

Il tuo logo e la tua foto non viaggiano dentro il messaggio. A viaggiare è l’indirizzo, e il client di posta di chi ti legge preleva l’immagine da dove l’hai puntata: quell’indirizzo deve restare raggiungibile, pubblicamente e via https, per tutto il tempo in cui quelle email esistono.

Thunderbird blocca le immagini remote per impostazione predefinita e propone una barra per caricarle, mittente per mittente. kMail lascia scegliere a ciascuno. Gmail le preleva tramite il proprio proxy. Perciò una firma il cui senso dipende da un’immagine è una firma che buona parte di chi ti legge non vede mai: ecco perché ogni immagine qui ha un testo alternativo e una dimensione riservata, ed ecco perché nulla del tuo nome o dei tuoi contatti è disegnato come immagine.

Perché succede e cosa fare: la guida alle immagini

La modalità scura mi cambia i colori

Ogni client dotato di modalità scura riscrive i colori del messaggio, e ognuno lo fa a modo suo. Gmail scurisce gli sfondi chiari e schiarisce il testo scuro. Outlook.com ripara il contrasto invece di invertire: mantiene un colore che già si legge e riscrive quello che non si leggerebbe. Apple Mail ribalta solo ciò che considera neutro — testo quasi nero su quasi bianco — e lascia stare tutto ciò che interpreta come colore di marca. Thunderbird può adattare un messaggio da un interruttore. kMail lo scurisce su uno sfondo quasi nero.

Nessuno di loro tocca le immagini. È questa la trappola da conoscere: un logo scuro salvato su sfondo trasparente sparisce su uno sfondo scuro, in tutti quanti. Un logo con un proprio sfondo chiaro, o abbastanza chiaro da reggere, la evita. Usa l’interruttore scuro sopra l’anteprima per controllare il tuo.

La larghezza non è quella che ho impostato

Il controllo della larghezza è un tetto massimo, non una misura fissa. La firma si restringe per stare in un telefono stretto invece di costringere a scorrere di lato, che è quello che farebbe una larghezza fissa.

Outlook classic su Windows ignora quel tetto e dimensiona la firma sul contenuto. Quello che invece rispetta è la larghezza del banner e della nota legale, quindi anche lì quei due blocchi — quelli che altrimenti occuperebbero tutta la larghezza del riquadro di lettura — restano legati al tuo numero. Le app di kMail vanno oltre e rimpiccioliscono il messaggio per farlo stare nello schermo; una firma già abbastanza stretta viene lasciata com’è.

E allora cosa faccio con tutto questo?

Inviati un messaggio di prova prima di distribuire una firma, e leggilo nel client che i tuoi colleghi usano davvero. L’anteprima qui è un modello accurato di comportamenti documentati, non il client vero e proprio, e lo dichiara.

Per il resto: sii breve, tieni il senso nel testo e non in un’immagine, e scegli un carattere e un colore che sopravvivano a una riscrittura. Una firma che si legge con chiarezza quando ogni immagine è bloccata e ogni colore è stato ritoccato è una firma che funziona ovunque.

Come aggiungo un pulsante?

Nell’editor non c’è un costruttore di pulsanti, ed è voluto — ma un pulsante in un’email è una cosa più semplice di quel che sembra, e ci sono due modi onesti per farne uno.

Come immagine (consigliato)

  1. Disegna il pulsante come immagine — un rettangolo con il tuo testo sopra — larga circa 1200 pixel, così resta nitida su uno schermo moderno.
  2. Caricala in un posto pubblico servito via https e copiane l’indirizzo.
  3. Incolla l’indirizzo in URL dell'immagine del banner, dentro Extra, indica dove deve portare in Il banner rimanda a, e descrivilo in Descrizione del banner per chi ha le immagini bloccate.
  4. È un pulsante vero e cliccabile in ogni client di posta, perché non è altro che un’immagine con sopra un link: il trucco più vecchio dell’email, e quello che nulla riesce a rompere.

Come cella di tabella colorata

  1. L’alternativa è una tabella di una sola cella con un colore di sfondo, un po’ di spaziatura interna e un link dentro. Resta nitida a qualsiasi zoom, non costa nessuna immagine e si vede anche quando le immagini sono bloccate.
  2. Deve essere una cella di tabella con spaziatura interna, non un link con spaziatura interna: Outlook ignora la spaziatura su un link e ti ritrovi una nuda riga di testo.
  3. È esattamente così che il layout Banner con invito all'azione disegna il suo pulsante: scegli quel layout, compila testo e link del pulsante, e ne hai uno senza scrivere niente.
  4. Se stai incollando un tuo markup in un campo firma, la forma qui sotto è quella da copiare.

Per la via dell’immagine, Canva, Figma e Photopea hanno tutti un piano gratuito che se la cava in un paio di minuti; GIMP lo fa offline. Ognuno di loro esporta un PNG.

Il markup di cui ha bisogno un pulsante
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td align="center" bgcolor="#2fbfa0" style="padding:12px 24px;border-radius:2px">
      <a href="https://example.com/book"
         style="font-family:Arial,Helvetica,sans-serif;font-size:14px;
                font-weight:bold;color:#ffffff;text-decoration:none">Book a call</a>
    </td>
  </tr>
</table>

Editor