Modifica dei formati di e-mail per dispositivi mobili, HTML e testo normale plain-text-and-html-modes
E-mail designer consente di modificare diversi rendering delle e-mail. Puoi generare una versione testuale del messaggio e-mail, modificare l’origine HTML di un messaggio e-mail e progettare le e-mail per la visualizzazione per dispositivi mobili.
Generazione di una versione testuale del messaggio e-mail generating-a-text-version-of-the-email
Per impostazione predefinita, il Plain text viene generata automaticamente e sincronizzata con la Edit versione.
I campi di personalizzazione e i blocchi di contenuto aggiunti alla versione di HTML vengono sincronizzati anche con la versione di testo normale.
Per avere una versione di testo normale diversa da quella di HTML, puoi disabilitare la sincronizzazione facendo clic sul pulsante Sync with HTML passare dalla Plain text visualizzazione dell’e-mail.
Puoi quindi modificare la versione di testo normale come desiderato.
Modifica di un’origine di contenuto e-mail in HTML editing-an-email-content-source-in-html
Per gli utenti più avanzati e per il debug, puoi visualizzare e modificare il contenuto delle e-mail direttamente in HTML.
Puoi modificare la versione HTML dell’e-mail in due modi:
-
Seleziona Edit > HTML per aprire la versione HTML dell’intero messaggio e-mail.
-
Dall’interfaccia WYSIWYG, seleziona un elemento e fai clic sul pulsante Source code icona.
Viene visualizzata solo l’origine dell’elemento selezionato. Puoi modificare il codice sorgente se l’elemento selezionato è un HTML componente contenuto. Gli altri componenti sono in modalità di sola lettura, ma possono ancora essere modificati nella versione completa HTML dell’e-mail.
Se modifichi il codice HTML, la reattività dell’e-mail potrebbe essere interrotta. Assicurati di testarlo utilizzando Preview pulsante. Consulta Anteprima dei messaggi.
Progettazione di e-mail per il rendering mobile switching-to-mobile-view
Puoi ottimizzare la progettazione reattiva di un’e-mail modificando separatamente tutte le opzioni di stile per la visualizzazione mobile. Ad esempio, puoi adattare i margini e la spaziatura, utilizzare caratteri di dimensioni inferiori o maggiori, modificare i pulsanti o applicare colori di sfondo diversi specifici per la versione mobile dell’e-mail.
Tutte le opzioni di stile sono disponibili nella vista per dispositivi mobili. Le impostazioni di stile di E-mail Designer sono già presenti in questa pagina.
-
Crea un messaggio e-mail e inizia a modificare il contenuto. Per ulteriori informazioni, consulta Progettazione di contenuti e-mail da zero.
-
Per accedere alla visualizzazione mobile dedicata, seleziona la Switch to mobile view pulsante.
Viene visualizzata la versione mobile dell’e-mail. Contiene tutti i componenti e gli stili definiti nella vista desktop.
-
Modificare in modo indipendente tutte le impostazioni di stile, ad esempio il colore di sfondo, l'allineamento, la spaziatura, il margine, la famiglia di caratteri, il colore del testo e così via.
-
Quando si modifica un’impostazione di stile in visualizzazione per dispositivi mobili, le modifiche vengono applicate solo allo schermo mobile.
Ad esempio, riduci le dimensioni di un’immagine, aggiungi uno sfondo verde e modifica la spaziatura nella vista per dispositivi mobili.
-
Puoi nascondere un componente quando viene visualizzato su un dispositivo mobile. A questo scopo, seleziona Show only on desktop devices dal Display options.
Puoi anche scegliere di nascondere questo componente sui dispositivi desktop, il che significa che verrà visualizzato solo sui dispositivi mobili. A questo scopo, seleziona Show only on mobile devices.
Ad esempio, questa opzione consente di visualizzare un’immagine specifica su dispositivi mobili e un’altra immagine su dispositivi desktop.
Puoi impostare questa opzione dalla vista per dispositivi mobili o desktop.
-
Fai di nuovo clic su Switch to mobile view per tornare alla visualizzazione standard del desktop. Le modifiche di stile appena apportate non vengono applicate.
note note NOTE L'unica eccezione è Style inline impostazioni. Qualsiasi modifica all'impostazione in linea dello stile viene applicata anche alla visualizzazione standard del desktop. -
Qualsiasi altra modifica alla struttura o al contenuto dell’e-mail, ad esempio modifiche di testo, caricamento di una nuova immagine, aggiunta di un nuovo componente e così via. viene applicato anche alla visualizzazione standard.
Ad esempio, torna alla visualizzazione per dispositivi mobili, modifica del testo e sostituisci un’immagine.
-
Fai di nuovo clic su Switch to mobile view per tornare alla visualizzazione standard del desktop. Le modifiche vengono applicate.
-
Se si rimuove uno stile nella visualizzazione per dispositivi mobili, si torna allo stile applicato in modalità desktop.
Ad esempio, nella visualizzazione per dispositivi mobili, applica un colore di sfondo verde a un pulsante.
-
Passare alla vista desktop e applicare uno sfondo grigio allo stesso pulsante.
-
Passa nuovamente alla visualizzazione per dispositivi mobili e ora disattiva la Background color impostazione.
Ora viene applicato il colore di sfondo definito nella vista desktop, che diventa grigio (non vuoto).
L'unica eccezione è Border color impostazione. Se l'opzione è disattivata nella visualizzazione per dispositivi mobili, non viene più applicato alcun bordo, anche se è stato definito un colore per il bordo nella visualizzazione desktop.