Come personalizzare le e-mail di WooCommerce + visualizzarle in anteprima prima di inviarle

Lottando con come personalizzare le e-mail di WooCommerce ?

WooCommerce offre già e-mail transazionali automatizzate per oltre 10 azioni come nuovi ordini, ordini elaborati e nuovi account. Tuttavia, probabilmente vorrai personalizzare quelle e-mail per farle tue.

In questo tutorial passo dopo passo, imparerai come personalizzare le e-mail di WooCommerce utilizzando le impostazioni integrate in WooCommerce, oltre ad alcuni plug-in gratuiti oa pagamento che puoi utilizzare per ottenere un controllo ancora maggiore sulle e-mail del tuo negozio.

Sommario:

Perché dovresti personalizzare le email di WooCommerce?

• Per passare dal viola WooCommerce predefinito a un colore più adatto al tuo marchio.
• Per aggiungere personalizzazione e una voce del marchio ai modelli di posta elettronica.
• Per modificare impostazioni come il nome "Da" o l'indirizzo "Da".
• Per aggiungere elementi multimediali come un logo, un'immagine di intestazione o GIF animate.
• Per disattivare alcuni dei messaggi automatici che non si adattano alla tua operazione.
• Per collegarsi a pagine di supporto, upsell o promozioni.
• Per passare dai tipi di e-mail HTML a quelli di testo.
• Per visualizzare in anteprima l'aspetto dell'e-mail prima di attivarla per l'automazione.

Come personalizzare le email di WooCommerce

Con solo le impostazioni integrate in WooCommerce, puoi personalizzare più parti delle tue e-mail WooCommerce, tra cui:

• Opzioni mittente e-mail ️
• Il tema generale dell'e-mail
• Contenuti e-mail specifici

Ti mostreremo come personalizzare queste impostazioni integrate di seguito. Quindi, dopodiché, condivideremo anche alcuni plug-in di personalizzazione dell'e-mail di WooCommerce che ti offrono ancora più flessibilità se necessario.

Passaggio 1: vai alle impostazioni e-mail in WooCommerce

Nella dashboard di WordPress, vai su WooCommerce > Impostazioni > Email . Qui vedrai un titolo per Notifiche e-mail , insieme a un elenco di quelle e-mail di notifica predefinite che WooCommerce ha già configurato per te.

Passaggio 2: personalizza le opzioni e il modello del mittente dell'e-mail

Scorri l'elenco delle notifiche e-mail per trovare la sezione denominata "Opzioni mittente e-mail".

Vedrai due campi:

• Nome "Da": il nome che i clienti vedono quando ricevono un'e-mail: attenersi al nome dell'attività o potenzialmente a una persona reale se fanno parte della tua strategia di branding.
• Indirizzo "Da": l'indirizzo e-mail "da" che gli utenti possono contattare se rispondono all'e-mail automatizzata.

Modifica quei campi secondo necessità.

Nella sezione Modello email , puoi iniziare a personalizzare elementi come:

• Immagine di intestazione
• Testo a piè di pagina
• Colore di base
• Colore di sfondo del corpo
• Colore del testo del corpo

Se desideri aggiungere un'immagine di intestazione personalizzata all'e-mail, incolla l'URL dell'immagine nel campo Immagine di intestazione . Puoi ospitare un'immagine nella tua libreria multimediale di WordPress e ottenere l'URL dell'immagine da lì.

Ti consigliamo inoltre di rimuovere il testo "Costruito con WooCommerce" dal piè di pagina. Puoi aggiungere qualsiasi altra cosa desideri nel piè di pagina.

Più in basso nell'area Modello e-mail , troverai le impostazioni del colore per il modello generale di e-mail di WooCommerce. Come accennato in precedenza, WooCommerce aggiunge automaticamente il viola predefinito come colore di base, che non è quello che desideri quando gestisci un negozio online .

Scegli un colore che corrisponda al tuo marchio come Colore di base e valuta la possibilità di cambiare gli altri campi colore, se necessario.

Fai clic su Salva modifiche quando hai finito.

Passaggio 3: personalizza e-mail WooCommerce specifiche

Dalle e-mail di nuovo ordine alle e-mail di ordine completato , WooCommerce fornisce modelli preimpostati che vengono inviati automaticamente agli amministratori del sito e ai clienti per tenere tutti informati sugli ordini. Tuttavia, ti consigliamo di personalizzare alcune di queste e-mail per includere i tuoi contenuti e rimuovere alcune impostazioni predefinite di WooCommerce non necessarie.

Completa queste personalizzazioni e-mail individuali facendo clic su Gestisci accanto all'e-mail che desideri modificare. Non è una cattiva idea iniziare con le e-mail "Ordine in elaborazione" e "Ordine completato" , poiché sono le più comunemente visualizzate dal cliente.

Esplora i seguenti campi in base alle tue esigenze:

• Abilita/Disabilita
• Materia
• Intestazione e-mail
• Contenuti aggiuntivi

Ti suggeriamo di mantenere abilitate tutte le e-mail di WooCommerce a meno che tu non abbia una circostanza unica in cui non ne hai bisogno o se intendi utilizzare un plug-in separato per le e-mail transazionali.

Campi come Oggetto , Intestazione e-mail e Contenuto aggiuntivo determinano il contenuto generale dell'e-mail, quindi modificali secondo necessità.

Fare clic su "?" icone per vedere quali segnaposto dinamici sono disponibili per l'inserimento nei campi del contenuto. Ad esempio, puoi utilizzare un segnaposto per fare in modo che WooCommerce inserisca un link al tuo sito Web su ogni e-mail.

Passaggio 4: trasformalo in un'e-mail HTML o di testo normale

Fare clic sul campo Tipo di e-mail per visualizzare le opzioni. Scegli uno dei seguenti:

• Testo normale: e-mail senza immagini o formattazione
• HTML: email con contenuti ricchi come immagini, tabelle e formattazione
• Multipart: questo passa dinamicamente tra testo normale e HTML in base al client di posta elettronica dell'utente, poiché alcuni client non supportano le e-mail HTML

Passaggio 5: valuta la possibilità di modificare il modello HTML

Nella parte inferiore della pagina, vedrai una sezione chiamata "Modello HTML". WooCommerce non ha un editor drag-and-drop per le sue e-mail, ma puoi personalizzare il codice HTML di ogni e-mail.

Fare clic sul pulsante Visualizza modello per visualizzarne il codice.

WooCommerce blocca il suo modello HTML predefinito, quindi non puoi modificare nulla. Tuttavia, puoi fare clic sul pulsante Copia file nel tema per sovrascrivere e modificare il modello.

Dopodiché, puoi posizionare il cursore nell'editor di testo e apportare modifiche. Ti consigliamo di utilizzare questa sezione solo se sei esperto di HTML.

Se non ti senti a tuo agio a modificare direttamente questo codice, potresti voler assumere uno sviluppatore WordPress. Oppure puoi provare uno dei plugin di posta elettronica di WooCommerce che condivideremo nella prossima sezione.

Ed è così che personalizzi le email di WooCommerce! Fare clic sul pulsante Salva modifiche per completare il processo.

Come visualizzare in anteprima le e-mail di WooCommerce

È necessario visualizzare in anteprima le e-mail transazionali prima che vengano inviate ai clienti. In questo modo, puoi verificare la presenza di errori di ortografia, il marchio WooCommerce che deve essere modificato e le opportunità di promozioni o upsell.

Ecco come visualizzare in anteprima le tue e-mail WooCommerce.

Passaggio 1: visualizza un'anteprima visiva del modello di email generale

In WooCommerce > Impostazioni > E-mail , trova la sezione Modello e-mail e fai clic sul collegamento che dice "Fai clic qui per visualizzare in anteprima il modello di e-mail".

Si apre una nuova finestra del browser che mostra l'e-mail con le impostazioni e-mail generali specificate. Dovresti vedere nuovi colori, un'immagine di intestazione e un piè di pagina modificato se hai cambiato tutto. Tieni presente che il contenuto dell'anteprima del modello rimane generico.

Passaggio 2: esegui transazioni di prova per visualizzare le singole e-mail con contenuto dinamico

Molto probabilmente vorrai vedere le e-mail effettive che vengono inviate ai clienti, ma WooCommerce non ha le funzionalità per visualizzare quelle anteprime visive. Invece, devi eseguire transazioni di prova per attivare le e-mail nella tua casella di posta.

Ecco come farlo:

1. Assicurati di aver attivato WooCommerce Payments e il metodo di pagamento Stripe.
2. Aggiungi un articolo al carrello e inserisci le informazioni come se fossi un cliente.
3. Nel campo Email , aggiungi il tuo indirizzo email.
4. Nel campo della carta di credito, utilizza una delle carte di test Stripe per elaborare un pagamento.
5. Finisci il check-out.

La transazione di prova dovrebbe inviarti un'e-mail di elaborazione dell'ordine , che ti consente di vedere come vengono visualizzate le e-mail per i clienti. Verifica che i tag dinamici appaiano correttamente e che tutto il tuo marchio e il testo inserito vengano visualizzati correttamente.

Per attivare altre e-mail, vai su WooCommerce > Ordini e regola il campo Stato su qualcos'altro. Ad esempio, potresti passare a Completato per attivare l'e-mail di ordine completato da WooCommerce. Assicurati di fare clic sul pulsante Aggiorna per salvare la modifica.

Quindi viene inviato alla tua casella di posta per la revisione.

Per semplificare il processo, puoi considerare un plug-in come WooCommerce Email Test.

Plugin che aiutano a personalizzare le email WooCommerce

Diversi plug-in forniscono strumenti avanzati di personalizzazione dell'e-mail di WooCommerce, espandendo le funzionalità attuali di WooCommerce o sovrascrivendole completamente per un'esperienza più user-friendly (di solito drag-and-drop).

Ecco alcuni plugin di personalizzazione di WooCommerce da considerare:

Puoi anche ignorare le e-mail transazionali WooCommerce con un servizio di email marketing, come Omnisend, MailPoet o Sendinblue, che offrono tutti l'automazione dell'e-commerce e opzioni aggiuntive per cose come il recupero del carrello abbandonato.

Personalizza oggi stesso le tue email WooCommerce

La maggior parte dei negozi di e-commerce alle prime armi può farla franca con le personalizzazioni di base dell'e-mail di WooCommerce, ma alla fine consigliamo di pagare per un editor di posta elettronica premium come uno dei plug-in o del software di email marketing di cui abbiamo parlato sopra.

Una volta che hai capito le e-mail transazionali del tuo negozio, puoi leggere la nostra guida sull'email marketing di WooCommerce per inchiodare anche le tue e-mail di marketing.

Se hai bisogno di chiarimenti su come personalizzare le e-mail di WooCommerce, o desideri condividere qualsiasi consiglio che hai con altri utenti che modificano le loro e-mail, scrivici una nota nei commenti!