Personalizzare i modelli e-mail

Commerce include un modello e-mail predefinito per la sezione del corpo di ogni messaggio inviato dal sistema. Per creare il messaggio completo, il modello per il contenuto del corpo viene combinato con i modelli di intestazione e piè di pagina. Il contenuto è formattato con HTML e CSS e può essere facilmente modificato e personalizzato aggiungendo variabili e widget. I modelli e-mail possono essere personalizzati per ogni sito web, store o visualizzazione store. Se utilizzi modelli personalizzati, assicurati di aggiornare la configurazione di sistema per garantire che venga utilizzato il modello corretto.

Esempio - anteprima e-mail di benvenuto

I modelli predefiniti includono il logo e le informazioni di archiviazione e possono essere utilizzati senza ulteriori personalizzazioni. Tuttavia, come best practice, è consigliabile visualizzare ogni modello e apportare le modifiche necessarie prima di inviarlo ai clienti.

Modelli e-mail

Informazioni sul modello

Campo
Descrizione
Template Name
Nome del modello personalizzato.
Insert Variable
Inserisce una variabile nel modello in corrispondenza della posizione del cursore.
Template Subject
L'oggetto del modello viene visualizzato nella colonna Oggetto e può essere utilizzato per ordinare e filtrare i modelli nell'elenco.
Template Content
Il contenuto del modello in HTML.
Template Styles
Nella casella Template Styles ​è possibile immettere qualsiasi dichiarazione di stile CSS necessaria per formattare il modello.

Modello intestazione

Dopo aver completato la configurazione, il modello di intestazione e-mail include il logo collegato all'archivio. Se hai una conoscenza di base di HTML, puoi facilmente utilizzare variabili predefinite per aggiungere le informazioni di contatto dell'archivio all'intestazione.

Passaggio 1: Carica il modello predefinito

  1. Nella barra laterale Admin, passa a Marketing > Communications>Email Templates.

  2. Fare clic su Add New Template.

  3. Nella sezione Load default template, fare clic sul selettore Template e scegliere Magento_Email > Header.

    Intestazione modello e-mail - Carica modello predefinito {width="600" modal="regular"}

  4. Fare clic su Load Template.

    Il codice HTML e le variabili del modello vengono visualizzati nel modulo.

Passaggio 2: Personalizzare il modello

  1. Immetti Template Name per l'intestazione personalizzata.

  2. Immettere Template Subject per organizzare i modelli.

    Nella griglia, l'elenco dei modelli può essere ordinato e filtrato in base alla colonna Subject.

    Informazioni sull'intestazione del modello di posta elettronica {width="600" modal="regular"}

  3. Nella casella Template Content, modificare il HTML in base alle esigenze.

    note note
    NOTE
    Quando lavori nel codice del modello, fai attenzione a non sovrascrivere nulla che sia racchiuso tra parentesi graffe.
  4. Per inserire una variabile, posizionare il cursore nel codice in cui si desidera inserire la variabile e fare clic su Insert Variable.

  5. Scegli la variabile da inserire.

    Modello intestazione - Inserisci variabile {width="600" modal="regular"}

    Quando viene selezionata una variabile, nel codice viene inserito un tag markup per la variabile.

    Anche se le variabili dell'indirizzo e-mail dell'archivio sono quelle più spesso incluse nell'intestazione, è possibile immettere il codice per qualsiasi variabile di sistema o personalizzata direttamente nel modello.

  6. Se è necessario creare dichiarazioni CSS, immettere gli stili nella casella Template Styles.

  7. Quando si è pronti per rivedere il proprio lavoro, fare clic su Preview Template.

    Apporta le modifiche necessarie al modello.

  8. Al termine, fare clic su Save Template.

    L’intestazione personalizzata viene ora visualizzata nell’elenco dei modelli e-mail disponibili.

Passaggio 3: Aggiornare la configurazione

  1. Nella barra laterale Admin, passa a Content > Design>Configuration.

  2. Nella griglia individuare la visualizzazione archivio che si desidera configurare e fare clic su Edit nella colonna Action.

  3. Scorri verso il basso ed espandi il selettore di espansione nella sezione Transactional Emails.

  4. Scegli Header Template utilizzato come predefinito per le notifiche e-mail.

  5. Al termine, fare clic su Save Config.

Configurazione della progettazione delle e-mail transazionali - Modello di intestazione

Modello piè di pagina

Il piè di pagina del modello e-mail contiene la riga di chiusura e di firma del messaggio e-mail. È possibile modificare la chiusura per adattarla al proprio stile e aggiungere ulteriori informazioni, ad esempio il nome e l'indirizzo dell'azienda sotto il proprio nome.

Passaggio 1: Carica il modello predefinito

  1. Nella barra laterale Admin, passa a Marketing > Communications>Email Templates.

  2. Fare clic su Add New Template.

  3. Nella sezione Load default template, fare clic sul selettore Template e scegliere Magento_Email > Footer.

  4. Fare clic su Load Template.

    Il codice HTML e le variabili del modello vengono visualizzati nel modulo.

Passaggio 2: Personalizzare e visualizzare in anteprima il modello

  1. Immettere Template Name per il piè di pagina personalizzato.

  2. Immettere Template Subject per organizzare i modelli.

    Nella griglia, i modelli possono essere ordinati e filtrati in base alla colonna Subject.

    Piè di pagina modello e-mail - informazioni {width="600" modal="regular"}

  3. Nella casella Template Content, modificare il HTML in base alle esigenze.

    note note
    NOTE
    Quando lavori nel codice del modello, fai attenzione a non sovrascrivere nulla che sia racchiuso tra parentesi graffe.
  4. Per inserire una variabile, posizionare il cursore nel codice in cui si desidera inserire la variabile e fare clic su Insert Variable.

  5. Scegli la variabile da inserire.

    Quando viene selezionata una variabile, nel codice viene inserito un tag markup per la variabile.

    Sebbene le variabili Contatto archivio siano quelle incluse più spesso nel piè di pagina, è possibile immettere il codice per qualsiasi variabile di sistema o personalizzata direttamente nel modello.

  6. Se è necessario creare dichiarazioni CSS, immettere gli stili nella casella Template Styles.

Passaggio 3: Aggiornare la configurazione

  1. Nella barra laterale Admin, passa a Content > Design>Configuration.

  2. Nella griglia individuare la visualizzazione archivio che si desidera configurare e fare clic su Edit nella colonna Action.

  3. Scorri verso il basso ed espandi il selettore di espansione nella sezione Transactional Emails.

  4. Scegliere Footer Template utilizzato come piè di pagina predefinito nelle notifiche e-mail.

  5. Al termine, fare clic su Save Config.

Configurazione progettazione e-mail transazionale - modello piè di pagina

Modelli di messaggio

Il processo di personalizzazione del corpo di ogni messaggio è lo stesso utilizzato per personalizzare l’intestazione o il piè di pagina. L’unica differenza è il modello di messaggio per ogni attività o evento che attiva una notifica. Puoi utilizzare i modelli così come sono o personalizzarli in base alla tua voce e al tuo marchio. Oltre al testo del modello, è disponibile un'ampia selezione di variabili predefinite consentite e variabili personalizzate che è possibile creare e incorporare nel modello.

Passaggio 1: Carica il modello predefinito

  1. Nella barra laterale Admin, passa a Marketing > Communications>Email Templates.

  2. Fare clic su Add New Template.

    Modelli e-mail - Carica modello predefinito {width="600" modal="regular"}

  3. Effettua le seguenti operazioni:

    • In Load default template scegliere Template che si desidera personalizzare.

    • Fare clic su Load Template.

Passaggio 2: Personalizzare il modello

  1. Per Template Name, immettere un nome per il modello personalizzato.

  2. Se necessario, modificare Template Subject.

    Questa è la prima riga del messaggio, che è la formula di apertura predefinita. Puoi lasciarla così com’è, oppure inserire qualcosa di più descrittivo.

  3. Prendi nota del percorso Currently Used For del modello, che è il percorso utilizzato per aggiornare la configurazione.

    Modelli e-mail - informazioni sul modello {width="600" modal="regular"}

  4. Nella casella Template Content, modificare il HTML in base alle esigenze.

    Il contenuto è costituito da una combinazione di tag HTML, direttive CSS, variabili e testo.

    note note
    NOTE
    Quando lavori nel codice del modello, fai attenzione a non sovrascrivere accidentalmente il codice racchiuso tra parentesi graffe.
  5. Per inserire una variabile, posizionare il cursore nel codice nel punto in cui si desidera visualizzare la variabile.

    La selezione delle variabili varia in base al modello e include variabili predefinite e personalizzate consentite, se disponibili.

  6. Fare clic su Insert Variable e scegliere la variabile da inserire.

    Un comando per inserire la variabile è racchiuso tra parentesi graffe e aggiunto al codice nella posizione del cursore. Ad esempio:

    customVar code=my_custom_variable

  7. Per creare dichiarazioni CSS, immettere gli stili in Template Styles.

    Modelli e-mail - Aggiungi stili personalizzati {width="600" modal="regular"}

    note note
    NOTE
    Gli stili personalizzati vengono applicati all'e-mail solo se {{template config_path="design/email/header_template"}} è presente in Template Styles. Per utilizzare CSS personalizzati senza un modello di intestazione predefinito, è necessario fornirli qui all'interno del tag HTML <style>.

Passaggio 3: Aggiornare la configurazione

L'analisi delle breadcrumb di Currently Used For ​mostra dove viene utilizzato il modello. In questo esempio, la configurazione del modello si trova nella pagina​ Customer Configuration, nella sezione Create New Account Options ​e nel campo​ Default Welcome Email.

  • Pagina - Customer Configuration
  • Sezione - Create New Account Options
  • Campo - Default Welcome Email
  1. Nella traccia delle breadcrumb Currently Used For, fai clic sul collegamento per aprire la pagina di configurazione del modello.

    Modello e-mail corrente {width="600" modal="regular"}

  2. Espandi Il selettore di espansione nella sezione e individua il campo per il modello di e-mail personalizzato.

  3. Deselezionare la casella di controllo Use system value e fare clic sul nome del modello personalizzato.

    Configurazione clienti - modello e-mail di benvenuto predefinito {width="600" modal="regular"}

  4. Al termine, fare clic su Save Config.

  5. Nel messaggio nella parte superiore dell'area di lavoro, fare clic su Cache Management e cancellare eventuali cache non valide.

Passaggio 4: Anteprima e salvataggio del modello

  1. Quando si è pronti per rivedere il proprio lavoro, fare clic su Preview Template.

  2. Aggiorna il modello in base alle esigenze.

  3. Al termine, fare clic su Save Template.

    Il modello personalizzato è ora disponibile nell’elenco dei modelli e-mail.

recommendation-more-help
d3c62084-5181-43fb-bba6-1feb2fcc3ec1