Come Inserire HTML in Gmail

Le versioni precedenti di Gmail permettevano HTML e fornivano persino un editor HTML per un facile utilizzo. Ora, Gmail rende più difficile usare HTML e pone restrizioni su quale HTML è effettivamente supportato. Detto questo, implementare HTML di base per aiutare a personalizzare e progettare email è semplice da implementare e può creare elementi di design davvero belli senza pagare per un servizio email personalizzato.

Limitazioni HTML in Gmail

Gmail permette formattazione semplice in un editor WYSIWYG ma puoi anche usare un editor esterno per codice più complesso. Gli editor esterni sono ideali per creare branding aziendale e formattazione stile newsletter mentre l'editor interno è ottimo per font semplici, emoji e immagini. La scelta dell'editor dipende essenzialmente dalla complessità dell'HTML e dalle esigenze specifiche per l'email effettiva.

I font web non funzioneranno all'interno dell'ecosistema Gmail. Puoi usare solo i font già forniti da Gmail, quindi evita di aggiungere qualsiasi cosa oltre questi perché il codice non renderizzerà i font personalizzati. I font forniti da Gmail, tuttavia, sono abbastanza robusti e ci sono molte opzioni per un'email personalizzata.

Un'altra limitazione è l'incapacità di incorporare fogli di stile esterni. Semplicemente non puoi scrivere un foglio CSS indipendente e collegarlo direttamente a Gmail. Fortunatamente, puoi aggiungere linee specifiche di codice CSS come elemento incorporato all'interno del codice HTML. Questo offre una bella soluzione alternativa con capacità di styling limitate ma non la piena potenza di un Foglio di Stile a Cascata.

Usa HTML in Gmail

Ora che conosci le limitazioni, vai avanti e scrivi il codice HTML nell'editor interno o in un editor esterno. Gli editor esterni sono comuni e sono spesso integrati con servizi di gestione elenchi di abbonati mail. Versioni gratuite e a pagamento esistono con una vasta gamma di opzioni disponibili. L'editor interno richiederà di scrivere o copiare e incollare il codice grezzo da un editor di testo semplice per funzionare correttamente.

Gli editor esterni sono ideali per molti utenti perché scrivere il codice grezzo non è sempre una necessità. Molte versioni vengono con modelli pre-progettati e un editor drag-and-drop che non richiede conoscenza di codifica. I design sono fatti specificamente per funzionare entro le limitazioni delle piattaforme email come Gmail.

L'ostacolo maggiore all'inserimento di codice HTML personalizzato in Gmail è la visualizzazione. Le email sono lette su una varietà di dispositivi diversi e il codice si visualizzerà diversamente su ogni dispositivo. Potrebbe funzionare perfettamente su un laptop e non riuscire ad adattare il layout per dispositivi mobili. Cerca piattaforme di editing esterne che offrano design di modelli reattivi per assicurare che si ridimensionino correttamente su qualsiasi dispositivo.

Renderizzare il Codice

Dopo aver progettato l'email, è il momento di inserire il codice in Gmail direttamente. Il test prima dell'invio è anche un passo finale critico nel processo. Un sistema completo di editor email e gestione si connetterà con il tuo Gmail e invierà le email attraverso il servizio esterno. Questi editor offrono tipicamente un metodo facile per inviare un'email di test per visualizzare tutto nella tua casella di posta normale.

Per incorporare HTML in un'email in Gmail, copia il codice in formato testo semplice e renderizza il codice in un browser web prima. Aprire il file HTML in Chrome o un altro browser va bene. Questo mostrerà l'email come apparirà in Gmail. Copia tutto dalla visualizzazione del browser web e incolla direttamente in Gmail.

Invia un'email di test a te stesso per assicurarti che si visualizzi correttamente prima di inviare l'email ufficiale. Google offre anche l'estensione Gmass per gestire e inviare email in blocco alla tua lista email ufficiale.