Personalizzazione dei modelli e-mail di WooCommerce: una guida dettagliata

Ultimo aggiornamento - 1 luglio 2021

Le email transazionali sono una parte importante dell'esperienza del cliente in un negozio online. Oltre a informare i clienti sullo stato dei loro ordini, queste e-mail offrono un ampio spazio per il riconoscimento e la fidelizzazione del marchio. Puoi anche utilizzare queste e-mail per informare i clienti sui tuoi prodotti o su qualsiasi altro aspetto relativo al tuo negozio. Se gestisci un negozio WooCommerce, quali sono le tue opzioni per personalizzare le email? In questo articolo, diamo uno sguardo dettagliato a diverse opzioni per personalizzare i modelli di email di WooCommerce.

Modelli di email WooCommerce

WooCommerce offre una gamma di modelli di email, che puoi personalizzare in base alla strategia del tuo negozio. Puoi accedere a questi modelli tramite WooCommerce > Impostazioni > Email . Di seguito sono riportati i modelli di email disponibili per impostazione predefinita su WooCommerce:

• Nuovo ordine
• Ordine annullato
• Ordine fallito
• Ordine in attesa
• Ordine in elaborazione
• Ordine completato
• Ordine rimborsato
• Fattura cliente/Dettagli dell'ordine
• Nota del cliente
• Resetta la password
• Nuovo account

  

Personalizzazione dei modelli di email WooCommerce

Ora puoi personalizzare ciascuno di questi modelli individualmente e anche applicare determinati stili in generale a tutti loro. Esamineremo entrambe queste opzioni.

Per prima cosa, vediamo come personalizzare un modello di email individualmente.

Per questo, devi aprire il modello facendo clic sul nome del modello o sul pulsante Gestisci a destra.

Una volta aperto un modello di email, puoi personalizzarne diversi aspetti. Queste sono le opzioni che ottieni:

• Abilita/Disabilita : questa è una casella di controllo che ti consente di abilitare o disabilitare questa specifica notifica.
• Destinatari : in questo campo è possibile specificare gli ID e-mail a cui verrà inviata questa e-mail. Puoi separare più ID e-mail usando la virgola.
• Oggetto : qui puoi specificare l'oggetto dell'email. Il campo consente testo o segnaposto. I segnaposto disponibili sono:
  • {site_title}
  • {indirizzo del sito}
  • {indirizzo del sito}
  • {data dell'ordine}
  • {numero d'ordine}
• Intestazione e-mail : qui puoi specificare l'intestazione dell'e-mail. Gli stessi segnaposto di cui sopra sono applicabili anche qui.
• Contenuti aggiuntivi – Questo è il testo che sarà visibile nel corpo della mail. Potrebbe trattarsi di qualsiasi informazione rilevante che desideri includere nella notifica. Puoi usare anche i segnaposto qui.
• Tipo di e-mail : qui si specifica il formato dell'e-mail. Sono disponibili tre formati:
  • Testo normale
  • HTML
  • Multiparte

Modello HTML

C'è un'opzione alla fine dell'impostazione sotto l'intestazione Modello HTML. Qui troverai il percorso del file che ti consente di modificare questa specifica copia del modello di email, che puoi incollare nella cartella del tema per sovrascriverla. Ci sono anche due pulsanti qui: uno per copiare il file del modello sul tema e un altro per visualizzare l'anteprima del modello.

Infine, dopo aver aggiunto tutti i dettagli, puoi fare clic sul pulsante Salva modifiche .

Ecco come apparirà l'e-mail Nuovo ordine in base alle impostazioni di cui sopra con le impostazioni di progettazione predefinite.

Personalizzazioni del design per i modelli di email WooCommerce

Ora puoi applicare alcune ulteriori personalizzazioni, che saranno applicabili a tutti i tuoi modelli di email. Per trovare queste impostazioni, vai su WooCommerce > Impostazioni > E-mail e scorri verso il basso fino alla sezione Modello e-mail. Ecco le opzioni:

È possibile fare clic sul collegamento per visualizzare l'anteprima del modello in questa sezione.

• Immagine intestazione : è possibile specificare un'immagine che verrà visualizzata come intestazione dell'e-mail.
• Testo del piè di pagina: qui puoi aggiungere un testo personalizzato da visualizzare nel piè di pagina dell'e-mail. Troverai anche due segnaposto da usare qui:
  • {site_title}
  • {indirizzo del sito}
• Avrai anche quattro opzioni per personalizzare il colore dell'e-mail. È possibile fare clic sul rispettivo campo per modificare il colore di quella sezione.
• Colore di base: qui è possibile modificare il colore di base del modello.
• Colore di sfondo : qui puoi personalizzare il colore di sfondo del modello.
• Colore di sfondo del corpo : qui è possibile modificare lo sfondo del corpo dell'e-mail.
• Colore del testo del corpo : qui puoi modificare il colore del testo dell'e-mail.

Approfondimenti sulla gestione del negozio : puoi anche accedere per ricevere approfondimenti sulla gestione del negozio da WooCommerce qui. Seleziona semplicemente la casella di controllo per abilitare queste notifiche.

Una volta applicate le modifiche, i tuoi modelli avranno le combinazioni di colori che hai selezionato. Ad esempio, ecco un modello di esempio in base alle impostazioni precedenti.

Personalizzazione dei modelli e-mail di WooCommerce con un plug-in

Ora diamo un'occhiata a come possiamo personalizzare i modelli di email di WooCommerce con un plugin per WordPress. Per questo articolo, stiamo utilizzando il plug-in Kadence WooCommerce Email Designer.

Installa e attiva il plug-in proprio come faresti per qualsiasi altro plug-in.

Se hai bisogno di aiuto per installare un plugin, ecco il nostro articolo che descrive come installare e configurare un plugin WooCommerce.

Questo plugin aggiunge molte opzioni di personalizzazione per le tue email. Sarai in grado di allineare tutte le e-mail di transazione che invii in base alla combinazione di colori e agli stili del tuo marchio. Per questo articolo, esamineremo le opzioni di personalizzazione utilizzando la stessa notifica e-mail di Nuovo ordine che abbiamo utilizzato sopra.

Puoi accedere alle impostazioni del plugin tramite WooCommerce > Email Customizer . Qui troverai un'interfaccia simile al personalizzatore di WordPress, che è abbastanza intuitivo da usare.

Tipo e testo dell'e-mail

Qui è dove puoi selezionare il modello per la personalizzazione. Al centro della pagina troverai un'anteprima del template che potrai personalizzare facilmente. Troverai le seguenti opzioni sul lato sinistro della personalizzazione.

• Anteprima ordine : qui puoi selezionare i dettagli dell'ordine che desideri utilizzare per personalizzare l'e-mail. Puoi scegliere l'ordine mockup fornito dal plug-in (che verrà selezionato per impostazione predefinita) o utilizzare uno degli ordini disponibili.
• Tipo di e-mail – Qui è dove specifichi il modello di e-mail che stai modificando. Tutti i diversi modelli di e-mail che vedi nelle impostazioni delle e-mail di WooCommerce verranno popolati nel menu a discesa. È possibile selezionare quello che si desidera personalizzare.
• Destinatari : aggiungi gli ID e-mail per inviare le e-mail.
• Testo dell'oggetto : personalizza il testo dell'oggetto.
• Testo dell'intestazione: personalizza il testo dell'intestazione
• Testo dei sottotitoli : puoi aggiungere un sottotitolo sotto l'intestazione principale dell'e-mail aggiungendo un testo in questo campo.
• Testo del corpo : questo plugin ti consente di aggiungere un testo del corpo in base ai requisiti, che non sarai in grado di gestire con WooCommerce per impostazione predefinita.
• Contenuto aggiuntivo : qui puoi aggiungere o modificare il contenuto aggiuntivo.
• Segnaposto disponibili : il plug-in offre alcuni segnaposto in più oltre alle opzioni predefinite. Le opzioni disponibili sono:
  • {site_title}
  • {data dell'ordine}
  • {numero d'ordine}
  • {nome_cliente}
  • {cognome_cliente}
  • {nome_completo_cliente}
  • {nome_utente_cliente}
  • {email_cliente}

    

Modelli predefiniti

Il plug-in offre anche alcuni modelli predefiniti che puoi utilizzare al posto del modello WooCommerce predefinito. Puoi scegliere uno dei modelli predefiniti e personalizzarli in base alle esigenze del tuo negozio.

Ulteriori opzioni di personalizzazione

Inoltre, il plug-in offre alcune opzioni in più per la personalizzazione. Questi includono:

• Contenitore : qui puoi personalizzare diversi aspetti del contenitore. Puoi personalizzare il colore di sfondo, il raggio del bordo, la larghezza del bordo e altro.
• Intestazione : nella sezione Intestazione, puoi personalizzare tre sezioni separatamente. Questi sono l'immagine dell'intestazione, lo stile dell'intestazione e il contenuto dell'intestazione.
• Contenuto : qui troverai ulteriori opzioni per personalizzare gli aspetti visivi del contenuto. Le opzioni disponibili con questo plug-in includono gli stili di testo del contenuto, come visualizzare gli elementi nell'ordine, diversi stili di pulsanti e altro ancora.
• Piè di pagina: qui puoi controllare lo stile del piè di pagina e aggiungere i pulsanti dei social media da visualizzare.
• CSS personalizzato : puoi aggiungere CSS personalizzato nel campo fornito a tale scopo.
• Esporta e importa : se necessario, puoi esportare e importare le impostazioni di personalizzazione da e verso il plug-in.
• Anteprima : ti consente anche di inviare un'e-mail di anteprima a un ID e-mail specificato, in modo da avere un'idea chiara degli stili che hai applicato.

  

Questi sono alcuni degli esempi di opzioni di personalizzazione aggiuntive che otterrai quando utilizzi un plug-in anziché le impostazioni predefinite di WooCommerce. A seconda del plug-in che stai utilizzando, queste impostazioni cambieranno. Puoi dare un'occhiata a diversi plugin che ti aiuteranno a personalizzare i modelli di email di WooCommerce e scegliere quello più adatto.

Plugin per aiutare a personalizzare i modelli di email di WooCommerce

Ora elencheremo alcuni dei plugin popolari che aiutano a personalizzare i modelli di email di WooCommerce e le loro funzionalità.

Personalizzatore e-mail WooCommerce

Questo plug-in ti aiuterà a garantire che tutte le e-mail dal tuo negozio siano personalizzate secondo le tue esigenze. Offre un'interfaccia molto intuitiva che offre un editor visivo per aiutarti a personalizzare i tuoi modelli di posta elettronica. Potrai vedere le modifiche applicate ai template in tempo reale. Il personalizzatore ha diverse impostazioni che ti consentono di personalizzare diverse sezioni dell'e-mail come intestazione, corpo, piè di pagina, ecc.

Il costo del plugin è di $79.

Personalizzazione e-mail Pro

Questo plugin ti aiuta a personalizzare in modo efficace le tue e-mail di transazione WooCommerce in modo da migliorare il riconoscimento del tuo marchio. Ti fornirà una gamma di modelli dal design professionale, che potrai personalizzare ulteriormente in base alle tue esigenze. Troverai quattro diversi modelli e potrai personalizzarli senza alcuna conoscenza di programmazione. Inoltre, il plug-in ti aiuta a includere link pertinenti e icone di social media nelle e-mail. Inoltre, il plug-in offre un'opzione per visualizzare anche i consigli sui prodotti nell'e-mail.

Allegati e-mail

Questo plugin ti consente di aggiungere allegati alle e-mail di transazione WooCommerce. Sarai in grado di includere un numero qualsiasi di allegati e il plug-in ti consente di aggiungere diversi tipi di file. Inoltre, potrai aggiungere ulteriori destinatari alle tue e-mail sotto forma di CC e BCC. Inoltre, ti consente di aggiungere un titolo e un corpo di notifica extra nel piè di pagina, in modo che i destinatari siano a conoscenza degli allegati con la posta.

Se stai utilizzando un'estensione per WooCommerce che genera e-mail, questo plugin ti consentirà di personalizzare anche quei modelli. Tuttavia, affinché funzioni, l'estensione deve utilizzare l'API e-mail di WooCommerce.

Puoi ottenere il plug-in per $ 29.

Più allegati di posta elettronica

Questo è un altro plug-in che puoi utilizzare per includere allegati nelle e-mail di transazione di WooCommerce. Sarai in grado di migliorare l'esperienza del cliente nel tuo negozio, inviando allegati con istruzioni per impostare un prodotto, dettagli sulla garanzia, ecc. Il plug-in ti aiuta ad aggiungere allegati alle e-mail di transazione predefinite che fanno parte di WooCommerce. Inoltre, ti consente di aggiungere allegati a modelli di email creati da plugin che seguono l'API di WooCommerce Email.

Il plugin ha un prezzo di $ 29.

Email di cancellazione dell'ordine al cliente

Per impostazione predefinita, WooCommerce invia un'e-mail all'amministratore del negozio quando un ordine viene annullato dall'amministratore. Con questo plug-in, puoi inviare automaticamente un'e-mail aggiuntiva al cliente, quando l'amministratore del negozio annulla un ordine dal back-end. Il plug-in segue il formato dell'e-mail di annullamento dell'ordine predefinita di WooCommerce. Inoltre, sarai in grado di personalizzare l'oggetto, l'intestazione e il contenuto dell'e-mail come le altre e-mail di transazione.

Devi spendere $ 29 per ottenere questo plugin per il tuo negozio.

YITH modelli di email WooCommerce

Puoi personalizzare le tue e-mail di transazione WooCommerce e dar loro un aspetto più professionale con l'aiuto di questo plugin. Sarai in grado di personalizzare i modelli di email esistenti aggiungendo ulteriori dettagli e opzioni come le icone dei social media. Inoltre, il plug-in offre alcuni modelli predefiniti che puoi utilizzare se non desideri utilizzare i modelli predefiniti. Il plug-in ti aiuta anche a fornire link utili ai clienti tramite queste e-mail.

Un altro vantaggio dell'utilizzo di questo plugin è che sarai in grado di visualizzare le modifiche apportate in tempo reale tramite l'opzione di anteprima. Inoltre, consente una facile traduzione delle e-mail con l'aiuto della compatibilità WPML.

Il costo di una licenza per sito singolo di questo plugin è di $ 69,99

Designer e-mail di Kadence WooCommerce

Questo è il plug-in che abbiamo utilizzato nella dimostrazione sopra per mostrare diverse opzioni di personalizzazione aggiuntive per le tue e-mail WooCommerce. Il plugin, sebbene gratuito, è davvero un'ottima opzione in quanto offre una vasta gamma di opzioni per personalizzare diversi modelli di posta. Riceverai un'anteprima in tempo reale per comprendere le modifiche apportate, oltre a modelli predefiniti per una facile personalizzazione.

Inoltre, il plug-in offre un'opzione per inviare e-mail di prova in modo che tu possa essere molto chiaro sull'aspetto di ciascuna delle tue e-mail. Inoltre, il plug-in ha opzioni di importazione ed esportazione per aiutarti a migrare le impostazioni di personalizzazione senza sforzo. Questa è evidentemente un'ottima opzione gratuita per personalizzare le tue e-mail di transazione WooCommerce anche se non sei un esperto di WordPress.

MailPoet – e-mail e newsletter in WordPress

Questo plugin offre principalmente un'ottima opzione per aiutarti a creare i tuoi abbonati alla newsletter. Ti consente di aggiungere un modulo di iscrizione alla newsletter al tuo sito WordPress senza sforzo. Inoltre, puoi gestire elenchi di iscritti e anche configurare e-mail di benvenuto automatiche per i nuovi iscritti. Il plug-in ti aiuta anche a personalizzare i modelli e-mail di WooCommerce e a inviare e-mail di upsell quando i clienti effettuano il loro primo acquisto o acquistano un prodotto da una categoria specifica.

Designer di modelli e-mail di WordPress – WP HTML Mail

Questa è un'opzione completa per gestire le e-mail dal tuo sito WordPress. Ti aiuta a personalizzare i modelli di posta elettronica predefiniti di WooCommerce e EDD. Inoltre, puoi utilizzare il plug-in per inviare e-mail per confermare l'invio del modulo di contatto. Inoltre, il plug-in offre modelli predefiniti che ridurranno notevolmente i tuoi sforzi nella personalizzazione. Inoltre, il plug-in offre un'anteprima dal vivo e un'opzione per inviare un'e-mail di prova a un ID e-mail specificato.

Personalizzatore e-mail per WooCommerce

Questa è un'altra opzione popolare che consente un'ampia personalizzazione dei modelli di email di WooCommerce. Il plug-in offre 11 modelli predefiniti che ti aiuteranno a dare un nuovo aspetto alle tue e-mail di transazione WooCommerce. Un altro punto forte di questo plugin è che puoi aggiungere un numero illimitato di righe ai tuoi modelli di email. Alcune delle altre utili funzionalità di questo plugin sono segnaposto dinamici, anteprima dal vivo, e-mail di prova, ecc.

Ci auguriamo che questo articolo ti abbia fornito un'idea chiara sulla personalizzazione dei modelli di email di WooCommerce. Lasciaci un commento se hai una domanda.

Ulteriori letture

• I migliori plugin di posta elettronica di follow-up di WooCommerce.
• Come impostare le email di recupero del carrello su WooCommerce?
• WooCommerce non invia e-mail