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, la versione Plain text dell'e-mail viene generata automaticamente e sincronizzata con la versione Edit.

I campi di personalizzazione e i blocchi di contenuto aggiunti alla versione di HTML vengono sincronizzati anche con la versione di testo normale.

NOTE
Per utilizzare i blocchi di contenuto nella versione in testo normale, assicurati che non contengano codice HTML.

Per avere una versione di testo normale diversa da quella di HTML, è possibile disabilitare questa sincronizzazione facendo clic sull'opzione Sync with HTML nella visualizzazione Plain text dell'e-mail.

Puoi quindi modificare la versione di testo normale come desiderato.

NOTE
Se si modifica la versione Plain text mentre la sincronizzazione è disabilitata, alla successiva attivazione dell'opzione Sync with HTML tutte le modifiche apportate nella versione in testo normale verranno sostituite con la versione HTML. Le modifiche apportate nella visualizzazione Plain text non possono essere applicate alla visualizzazione HTML.

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:

  • Selezionare Edit > HTML per aprire la versione HTML dell'intero messaggio e-mail.

  • Dall'interfaccia WYSIWYG, selezionare un elemento e fare clic sull'icona Source code.

    Viene visualizzata solo l’origine dell’elemento selezionato. È possibile modificare il codice sorgente se l'elemento selezionato è un componente di contenuto HTML. 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. Verificare che il test venga eseguito utilizzando il pulsante Preview. 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.

  1. Crea un messaggio e-mail e inizia a modificare il contenuto. Per ulteriori informazioni, vedere Progettazione di un contenuto di posta elettronica da zero.

  2. Per accedere alla visualizzazione mobile dedicata, selezionare il pulsante Switch to mobile view.

    Viene visualizzata la versione mobile dell’e-mail. Contiene tutti i componenti e gli stili definiti nella vista desktop.

  3. 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.

  4. 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.

  5. Puoi nascondere un componente quando viene visualizzato su un dispositivo mobile. A tale scopo, selezionare Show only on desktop devices da Display options.

    Puoi anche scegliere di nascondere questo componente sui dispositivi desktop, il che significa che verrà visualizzato solo sui dispositivi mobili. A tale scopo, selezionare 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.

  6. Fare di nuovo clic sul pulsante Switch to mobile view per tornare alla visualizzazione desktop standard. Le modifiche di stile appena apportate non vengono applicate.

    note note
    NOTE
    L'unica eccezione è rappresentata dalle impostazioni Style inline. Qualsiasi modifica all'impostazione in linea dello stile viene applicata anche alla visualizzazione standard del desktop.
  7. 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.

  8. Fare di nuovo clic sul pulsante Switch to mobile view per tornare alla visualizzazione desktop standard. Le modifiche vengono applicate.

  9. 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.

  10. Passare alla vista desktop e applicare uno sfondo grigio allo stesso pulsante.

  11. Passare nuovamente alla visualizzazione per dispositivi mobili e disattivare l'impostazione Background color.

    Ora viene applicato il colore di sfondo definito nella vista desktop, che diventa grigio (non vuoto).

    L'unica eccezione è l'impostazione Border color. 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.

NOTE
La visualizzazione per dispositivi mobili non è disponibile in frammenti.
recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff