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 del sistema per garantire che venga utilizzato il modello corretto.

Esempio: anteprima e-mail di benvenuto {width="500" modal="regular"}

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 {width="700" modal="regular"}

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
Tutte le dichiarazioni di stile CSS necessarie per formattare il modello possono essere immesse nel Template Styles ​casella.

Modello intestazione

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

Passaggio 1: Carica il modello predefinito

  1. Il giorno Amministratore barra laterale, vai a Marketing > Communications>Email Templates.

  2. Clic Add New Template.

  3. In Load default template , fare clic sul pulsante Template e scegli Magento_Email > Header.

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

  4. Clic Load Template.

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

Passaggio 2: Personalizzare il modello

  1. Inserisci il Template Name per l’intestazione personalizzata.

  2. Immetti un Template Subject per organizzare meglio i modelli.

    Nella griglia, l’elenco dei modelli può essere ordinato e filtrato in base al Subject ​colonna.

    Informazioni sull’intestazione del modello e-mail {width="600" modal="regular"}

  3. In 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 un variabile, posiziona il cursore nel codice in cui desideri inserire la variabile e fai clic su Insert Variable.

  5. Scegli la variabile da inserire.

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

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

    Anche se le variabili dell’indirizzo e-mail del negozio sono quelle più spesso incluse nell’intestazione, puoi immettere il codice per qualsiasi sistema o variabile personalizzata direttamente nel modello.

  6. Se devi effettuare una dichiarazione CSS, inserisci gli stili nella sezione Template Styles casella.

  7. Quando sei pronto per rivedere il tuo lavoro, fai clic su Preview Template.

    Apporta le modifiche necessarie al modello.

  8. Al termine, fai clic su Save Template.

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

Passaggio 3: Aggiornare la configurazione

  1. Il giorno Amministratore barra laterale, vai a Content > Design>Configuration.

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

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

  4. Scegli la Header Template viene utilizzato come impostazione predefinita per le notifiche e-mail.

  5. Al termine, fai clic su Save Config.

Configurazione della progettazione delle e-mail transazionali: modello di intestazione {width="600" modal="regular"}

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. Il giorno Amministratore barra laterale, vai a Marketing > Communications>Email Templates.

  2. Clic Add New Template.

  3. In Load default template , fare clic sul pulsante Template e scegli Magento_Email > Footer.

  4. Clic Load Template.

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

Passaggio 2: Personalizzare e visualizzare in anteprima il modello

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

  2. Immetti un Template Subject per organizzare meglio i modelli.

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

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

  3. In 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 un variabile, posiziona il cursore nel codice in cui desideri inserire la variabile e fai clic su Insert Variable.

  5. Scegli la variabile da inserire.

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

    Anche se le variabili Contatto store sono quelle più spesso incluse nel piè di pagina, puoi immettere il codice per qualsiasi sistema o variabile personalizzata direttamente nel modello.

  6. Se devi effettuare una dichiarazione CSS, inserisci gli stili nella sezione Template Styles casella.

Passaggio 3: Aggiornare la configurazione

  1. Il giorno Amministratore barra laterale, vai a Content > Design>Configuration.

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

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

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

  5. Al termine, fai clic su Save Config.

Configurazione della progettazione delle e-mail transazionali: modello di piè di pagina {width="600" modal="regular"}

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 predefinito variabili e personalizzato variabili che puoi creare e incorporare nel modello.

Passaggio 1: Carica il modello predefinito

  1. Il giorno Amministratore barra laterale, vai a Marketing > Communications>Email Templates.

  2. Clic Add New Template.

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

  3. Effettua le seguenti operazioni:

    • Sotto Load default template, scegli il Template che desideri personalizzare.

    • Clic Load Template.

Passaggio 2: Personalizzare il modello

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

  2. Se necessario, modificare il 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 della Currently Used For percorso del modello, che è il percorso utilizzato per aggiornare la configurazione.

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

  4. In 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 i valori consentiti predefinito e personalizzato variabili, se disponibili.

  6. Clic Insert Variable e scegli 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, immetti gli stili in Template Styles.

    Modelli e-mail - Aggiungere 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 di <style> HTML.

Passaggio 3: Aggiornare la configurazione

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

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

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

  2. Espandi Selettore di espansione e trova il campo per il modello e-mail personalizzato.

  3. Cancella Use system value e fai clic sul nome del modello personalizzato.

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

  4. Al termine, fai clic su Save Config.

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

Passaggio 4: Anteprima e salvataggio del modello

  1. Quando sei pronto per rivedere il tuo lavoro, fai clic su Preview Template.

  2. Aggiorna il modello in base alle esigenze.

  3. Al termine, fai clic su Save Template.

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

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