Cum să personalizați e-mailurile WooCommerce folosind cod și pluginuri?

Bună utilizatori WooCommerce! Dacă doriți să vă construiți identitatea unică a mărcii și să încurajați achizițiile repetate, o puteți face cu ușurință cu șabloane de e-mail WooCommerce personalizate.

Vă vom prezenta șabloanele de e-mail WooCommerce implicite, cum să le personalizați cu cod și care pluginuri de personalizare a e-mailului WooCommerce funcționează cel mai bine pentru dvs.

Să începem.

Șabloane standard de e-mailuri WooCommerce – tipuri și conținut

În esență, WooCommerce este echipat cu unsprezece șabloane de e-mail încorporate care sunt trimise clienților și administratorului în legătură cu comenzile și actualizările contului.

• E-mail pentru comandă în așteptare – trimis clientului după ce o comandă este plasată în așteptare.
• E- mail de procesare a comenzii – trimis clientului după efectuarea plății.
• E- mail pentru comandă finalizată – trimis clienților atunci când comenzile lor sunt marcate ca finalizate și indică faptul că comanda a fost expediată.
• E- mail cu rambursarea comenzii – trimis clientului atunci când comenzile sunt marcate ca rambursate.
• Comandă nouă – trimisă administratorului magazinului atunci când o nouă comandă este plasată pe site-ul lor.
• Comandă anulată – trimisă administratorului magazinului pentru a-i anunța despre o comandă anulată.
• Comandă eșuată – trimisă administratorului magazinului pentru a-i anunța despre o comandă eșuată.
• E- mail cu factura client – ​​trimis clientului și conține informații despre comandă și link-uri de plată.
• E- mail cu nota client – ​​trimis clientului atunci când o notă client este adăugată de la administratorul comenzii de editare.
• E-mail de resetare a parolei – trimis clientului atunci când uită parola și solicită o nouă parolă.
• E- mail pentru cont nou - trimis clientului atunci când acesta se înregistrează prin finalizarea comenzii sau pagina de înregistrare a contului.

Un exemplu de e-mail finalizat cu comanda arată ca instantaneul de mai jos.

Pe scurt, e-mailurile constau din următoarele detalii - informații despre produs, prețul total inclusiv taxele și taxele de transport, modalitatea de plată, adresa de livrare și facturare.

Dar aceste șabloane de e-mail WooCommerce pur și simplu nu o fac

Fiind un e-mail tranzacțional, ratele de deschidere și de clic vor fi în mod natural mai mari decât pentru alte tipuri de e-mailuri.

Aceste e-mailuri de comandă WooCommerce, totuși, par simple, plictisitoare și neatractive, așa cum puteți vedea din șablonul de e-mail de mai sus.

Îi lipsește factorul oomph. Nu îți poartă marca și poziționarea. Se reflectă slab asupra propunerii tale de valoare.

Dacă continuați să utilizați aceste șabloane, consumatorii dvs., inclusiv cei fideli, pot avea o impresie negativă asupra mărcii dvs., ceea ce duce la o rată de abandon mai mare.

Îmi pare rău să spun, dar acest lucru este adevărat. O mare oportunitate pierduta!

Opt din zece persoane nu își vor schimba niciodată șabloanele de e-mail. Dacă sunteți unul dintre ei, faceți schimbarea imediat.

Toată lumea încă mai citește e-mailuri ... și ar trebui să arăți bine în ele. Nu vrei să le oferi clienților tăi o impresie proastă despre brandul tău dacă decid să cumpere ceva, nu-i așa?

Deci, de ce să nu personalizați e-mailurile WooCommerce în primul rând?

E-mailurile WooCommerce personalizate construiesc un brand și o relație unică

Personalizarea e-mailurilor WooCommerce nu este o știință fantastică de înțeles. Mai degrabă un cakewalk (dacă utilizați pluginuri). Se poate juca cu stiluri de e-mail, culori, aliniere, imagini și multe altele.

Comparați șablonul de e-mail de mai sus (furnizat de pluginul Email Customizer Pro For WooCommerce) cu e-mailul WooCommerce implicit. Ai observa cu ușurință diferența.

Din e-mailul lor inițial, putem deduce imaginea mărcii lor. Pentru că avem o predispoziție naturală de a fi entuziasmați de culorile și modelele pe care le percepem. Utilizarea culorilor, fonturilor și limbajului mărcii dvs. stabilește consistența și întărește marca dvs. Îți creezi propriul model .

Cu fiecare dolar cheltuit pe email marketing, se poate câștiga o sumă maximă de 38 USD , fapt dovedit.

Compania dumneavoastră beneficiază de sentimentul conexiunii emoționale. Clienții devin fanii tăi devotați pe termen lung. Oferă mărcii tale mai multă tracțiune.

Vă ajută să vă amintiți. În plus, inclusiv produsele asociate și codurile de cupon poate duce la achiziții suplimentare .

Acestea fiind spuse, aceste e-mailuri tranzacționale WooCommerce personalizate sunt un punct de legătură cu clienții tăi. În momentul în care îți blochezi publicul de bază, afacerile își iau ritmul, iar situațiile financiare par promițătoare.

Cum să personalizați e-mailurile WooCommerce folosind cod?

Vă vom prezenta acum procesul de personalizare a acestor e-mailuri.

Ce iti place sa faci? Luați o abordare simplă utilizând pluginuri și începeți. SAU vrei să experimentezi cu codificare?

Ambele sunt discutate în acest articol.

Să personalizăm e-mailurile WooCommerce folosind metoda tehnică. În continuare, ne vom uita la câteva plugin-uri populare.

Personalizați e-mailurile WooCommerce folosind Setări, cârlige și filtre

Aceasta nu este ceașca de ceai a tuturor. Acesta este pentru cei care cunosc programare.

Acum există două metode de personalizare a e-mailurilor cu cod.

1. Personalizați șabloanele de e-mail WooCommerce care există deja
2. Folosind codul personalizat, creați noi șabloane de e-mail WooCommerce

Vom acoperi prima metodă. Pentru a doua metodă, consultați acest blog - creați șabloane de e-mail WooCommerce personalizate.

În esență, WooCommerce permite personalizarea e-mailurilor în trei verticale diferite - setări, suprascrieri și acțiuni/filtre (cârlige).

1. Setări : Se poate schimba culoarea de fundal, culoarea textului, culoarea de bază. Captura vine sub forma restricționării oricăror modificări aduse aspectului și corpului e-mailului.
2. Suprascriere : În cazul în care doriți să schimbați aspectul e-mailului, puteți modifica HTML-ul șablonului.
3. Cârlige : Pe lângă modificările de mai sus, puteți adăuga și conținut suplimentar prin cârlige, fără a perturba aspectul.

Să învățăm fiecare dintre cele trei în detaliu.

Personalizarea șabloanelor de e-mail folosind Setări

Mai întâi, să vedem cum puteți personaliza individual un șablon de e-mail.

Pentru aceasta, trebuie să deschideți șablonul făcând clic pe numele șablonului sau pe butonul Manage din dreapta.

Puteți personaliza conținutul unui șablon de e-mail individual. Odată ce deschideți un șablon de e-mail, puteți personaliza mai multe aspecte ale acestuia. Acestea sunt opțiunile pe care le obțineți, așa cum se arată în imagine (cu amabilitatea – LearnWoo.com)

• Activare/Dezactivare – Această casetă de selectare care vă permite să activați sau să dezactivați această notificare specifică prin e-mail.
• Destinatari – Specificați ID-urile de e-mail la care va fi trimis acest e-mail. Separați mai multe ID-uri de e-mail folosind virgulă. Acest lucru este valabil numai pentru e-mailurile de administrator.
• Subiect – Specificați aici subiectul e-mailului. Câmpul permite text sau substituent. Substituenții disponibili sunt:
  • {Titlul Site-ului}
  • {adresa site-ului}
  • {Adresa paginii}
  • {Data comandă}
  • {număr de ordine}
• Titlu e-mail – Specificați titlul e-mailului. Aceleași substituenți de mai sus sunt aplicabili și aici.
• Conținut suplimentar – Textul pe care îl adăugați aici va fi vizibil în corpul e-mailului. Puteți folosi substituenții și aici.
• Tip e-mail – Specificați formatul e-mailului. Formatele disponibile sunt:
  • Text simplu
  • HTML
  • Mai multe părți

șablon HTML
Există o opțiune la sfârșitul setării sub titlul șablon HTML. Aici veți găsi calea fișierului care vă permite să editați această copie a șablonului de e-mail specific, pe care o puteți lipi în folderul cu teme pentru a o înlocui. Există, de asemenea, două butoane aici - unul pentru a copia fișierul șablon în temă și altul pentru a vizualiza previzualizarea șablonului.

În cele din urmă, după ce ați adăugat toate detaliile, puteți face clic pe butonul Save changes .

Acum, puteți aplica mai multe personalizări care vor fi aplicabile tuturor șabloanelor dvs. de e-mail. Aceste opțiuni pot fi accesate după conectarea la panoul de administrare WordPress și apoi accesarea WooCommerce > Settings > Emails > Email sender options.

Aceste opțiuni includ:

• Imagine antet – Se afișează în partea de sus a tuturor e-mailurilor. Trebuie să fie logo-ul mărcii dvs.
• Text de subsol – Adăugați linkul site-ului sau detaliile de contact pentru a facilita contactarea clienților.
• Culoare de bază – Culoarea pe care doriți să o utilizați pentru titluri, linkuri și fundalul titlului de e-mail.
• Culoare de fundal – Culoarea de fundal a e-mailului dvs.
• Culoarea fundalului corpului – Culoarea fundalului conținutului de e-mail.
• Culoarea textului corpului – Culoarea pentru tot conținutul de e-mail scris.
• Informații despre managementul magazinului – Conectați-vă pentru a primi informații despre managementul magazinului de la WooCommerce aici. Bifați caseta de selectare pentru a activa aceste notificări.

În această abordare,

Suprascrierea șabloanelor de e-mail

O altă abordare este modificarea aspectului implicit de e-mail. WooCommerce oferă un sistem de șabloane util care vă permite să personalizați părți ale e-mailurilor prin replicarea fișierelor de format în temă.

Fiecare tip de e-mail are un fișier șablon pentru conținutul său. (De exemplu, woocommerce/templates/emails/customer-processing-order.php )

Pentru fiecare dintre cele unsprezece e-mailuri WooCommerce implicite, iată numele fișierului șablon. Pentru ce este fiecare e-mail este deja acoperit la începutul articolului.

1. admin-cancelled-order.php
2. admin-failed-order.php
3. admin-new-order.php
4. customer-on-hold-order.php
5. client-procesare-comanda.php
6. client-completed-order.php
7. client-rambursat-comanda.php
8. client-notă.php
9. client-factura.php
10. client-nou-cont.php
11. client-resetare-parola.php

În plus, există șabloane partajate pe care toate tipurile de e-mail le pot accesa și utiliza. Acestea pot fi găsite la woocommerce/templates/emails/ .

În multe cazuri, acesta este șablonul pe care dezvoltatorii îl înlocuiesc pentru a modifica aspectele comune ale e-mailurilor.

Mai jos sunt diferite părți care formează e-mailul de mai sus, fiecare fiind personalizabilă.

1. email-header.php = imprimă/afișează antetul e-mailului.
2. email-footer.php = imprimă/afișează subsolul e-mailului.
3. email-order-details.php = tipărește/afișează toate detaliile comenzii – produse/articole, taxe, transport, cupoane, gateway de plată etc. pentru acea comandă.
4. email-order-items.php = imprimă/afișează detaliile produsului comenzii, adică articolele rând pentru acea comandă.
5. email-downloads.php = dacă o comandă conține produse descărcabile, aceasta tipărește/afișează informațiile respective împreună cu numele fișierului, linkul pentru descărcare, expirarea, numărul de descărcări etc. pentru acea comandă.
6. email-customer-details.php = imprimă/afișează detaliile clientului, cum ar fi o adresă de e-mail pentru acea comandă.
7. email-addresses.php = imprimă/afișează adresa de facturare și expediere a clientului pentru acea comandă.
8. email-styles.php = conține CSS și proprietăți care vor fi aplicate în e-mailuri. Ar trebui să fie în siguranță pentru e-mail.

Să presupunem că doriți să schimbați culoarea textului subsolului:

• Mai întâi vă asigurați că în instalarea WordPress există următorul director: wp-content/themes/your-theme/woocommerce/emails.
• Apoi, copiați fișierul găsit la wp-content/plugins/woocommerce/templates/emails/email-styles.php în tema magazinului la:
  your-theme/woocommerce/emails/.
• În cele din urmă, editați your-theme/woocommerce/emails/email-styles.php pentru a schimba culoarea textului subsolului.

 #template_footer #credit {
    chenar:0;
    culoare: #66bae3;
    familie de fonturi: Arial;
    dimensiunea fontului: 12px;
    înălțimea liniei: 125%;
    text-align:center;
    umplutură: 0 48px 48px 48px;
}

Exemplul de mai sus arată cum puteți schimba culoarea textului subsolului. În mod similar:

• Pentru a adăuga/editați text în e-mailul de procesare, puteți înlocui șablonul de e-mail „customer-processing-order.php” și îl puteți modifica.
• Dacă nu doriți să afișați adresa de expediere pentru toate comenzile, înlocuiți șablonul de e-mail „email-customer-details.php”.
• Pentru a vă înfrumuseța designul de e-mail, înlocuiți șablonul de e-mail „email-styles.php” și adăugați CSS-ul dvs. personalizat.
• Pentru a include bannere de încredere ale mărcii dvs., cum ar fi livrare rapidă, asistență mai bună, plată sigură etc., înlocuiți șablonul de e-mail „email-footer.php”.

Personalizare condiționată cu Hooks

Această abordare a personalizării e-mailurilor se referă la codul personalizat WooCommerce. Evident, necesită un nivel ridicat de expertiză în PHP.

Dar, procesul este simplu, deoarece layout-urile originale WooCommerce sunt încă în uz. Procesul implică schimbarea unor părți din conținut.

De exemplu, doriți să adăugați metoda de livrare aleasă, în e-mailul de comandă.
Puteți folosi woocommerce_email_after_order_table sau woocommerce_email_before_order_table pentru a adăuga conținutul.

 add_action( 'woocommerce_email_after_order_table', 'sa_add_shipping_method_
to_order_email', 10, 2 );
funcția sa_add_shipping_method_to_order_email( $comanda, $is_admin_email ) {
    echo 'Livrare: ' . $comanda->get_shipping_method();
}

Amintiți-vă, aceste metode sunt strâns legate de tema pe care o alegeți. Prin urmare, atunci când vă schimbați tema, va trebui să mutați fișierele șablon modificate sau acțiunile adăugate și la noua temă.

Acum să trecem la calea ușoară.

Personalizați șabloanele de e-mail folosind pluginurile de personalizare de e-mail WooCommerce

De ce nu încerci ceva nou care va stârni interesele clienților tăi? Trimite e-mailuri personalizate pentru a-i face să zâmbească și să se simtă bine. Cu atât mai mult când sunt disponibile la un moment dat.

În prezent, pe piață există o multitudine de pluginuri. Pentru anul 2022, am produs o listă cu șase plugin-uri populare de personalizare de e-mail WooCommerce.

Să le vedem pe fiecare dintre ele cu caracteristicile și prețurile lor.

Email Customizer Pro pentru WooCommerce

Într-o lume în care clienții tăi sunt atacați continuu cu conținut, cea mai scumpă componentă este „durata de atenție” și, dacă o poți capta, trimiți niște e-mailuri minunate. Cu asta vă poate ajuta pluginul Email Customizer Pro pentru WooCommerce.

Pluginul vă permite să personalizați cu ușurință toate cele unsprezece șabloane tranzacționale implicite de e-mail WooCommerce / comenzi WooCommerce fără a scrie o linie de cod . Acest plugin este dezvoltat de StoreApps, dezvoltatorul oficial de extensii WooCommerce.

Puteți edita textul de e-mail , culorile, antetul și subsolul, adăugați linkuri personalizate, adăugați linkuri către rețelele dvs. de socializare; toate folosind interfața familiară WordPress Customizer .

E-mailurile WooCommerce Subscriptions pot fi, de asemenea, personalizate.

Un șablon de e-mail gata făcut de la pluginul Email Customizer Pro pentru WooCommerce arată astfel:

Încercați demonstrația live

Repere:

• Aveți cinci șabloane gata făcute din care să alegeți. Nu există dureri de cap de design. Când alegeți un șablon, veți fi direcționat la personalizarea dvs. familiară WordPress, unde puteți face modificări la e-mail.
• Faceți modificări textului corpului e-mailului . Acesta este pluginul USP. Puteți edita informațiile existente, precum și le puteți adăuga pe ale dvs. Mesajele implicite de comandă prin e-mail, anteturile, subtitlurile și observațiile de încheiere pot fi toate modificate. Includeți fotografii, link-uri video, cupoane și link-uri postări pe blog. S-ar putea chiar să ceri feedback și recenzii.
• Un alt domeniu în care pluginul strălucește este secțiunea de recomandări de produse . Pentru a crește vânzările prin supravânzări și vânzări încrucișate, utilizați etichete de îmbinare pentru a afișa imediat produse similare în e-mailuri.
• Stilul antetului, care include culoarea antetului, culoarea textului antetului și textul antetului, poate fi apoi personalizat. În spațiul antet, puteți plasa un logo pentru compania dvs.
• Bara de meniu, pe de altă parte, vă permite să afișați până la cinci link-uri personalizate. Utilizați aceste link-uri pentru a trimite clienții către orice pagină de oferte, documentație de produs, pagini speciale de abonament și așa mai departe.
• Puteți adăuga text în partea de subsol a e-mailurilor dvs. pentru subsol. Ar putea fi un mesaj personalizat sau HTML. Puteți include trei pictograme de rețele sociale cu link-uri către profilurile mărcilor dvs. Cele mai frecvent utilizate pictograme în e-mailuri par să fie Facebook, YouTube și Instagram.
• De asemenea, puteți schimba culoarea fundalului e-mailului, inclusiv culoarea de fundal, culoarea chenarului e-mailului și culoarea corpului e-mailului.
• Puteți vedea cum vor arăta e-mailurile dvs. pe diferite dispozitive în timp real.
• Trimiteți e-mailuri de testare clienților pentru a vedea cum vor apărea în căsuțele lor de e-mail. Verificați pentru a vă asigura că totul funcționează corect și că nimic nu s-a stricat.

Sunteți bine să mergeți și să vă creați propria identitate de marcă unică.

Preț: 79 USD

Obțineți pluginul Email Customizer Pro

Personalizator de e-mail WooCommerce

Dezvoltat de echipa WooCommerce, pluginul WooCommerce Email Customizer are încorporat WordPress Customizer, care vă permite să modificați vizual designul șablonului de e-mail. Nu aveți nevoie de cunoștințe de codificare.

Dar amintiți-vă, acest plugin personalizează doar designul e-mailurilor dvs. și nu textul sau conținutul e-mailurilor.

Preț: 79 USD

Obțineți pluginul WooCommerce Email Customizer

Personalizator de e-mail pentru WooCommerce de la ThemeHigh

Acesta este, de asemenea, un plugin popular de personalizare de e-mail WooCommerce. Există o versiune gratuită a pluginului pe WordPress.org și o versiune premium.

Repere:

• Vedeți previzualizarea live a modificărilor
• Adăugați rânduri nelimitate la șablonul de e-mail
• Adăugați diferite elemente de e-mail (de bază, Woocommerce și hooks)
• Trimite e-mailuri de testare

Preț: 39 USD

Obțineți acest plugin Email Customizer

Designer vizual de e-mail pentru WooCommerce

Un alt plugin de personalizare de e-mail WooCommerce cu o funcționalitate de glisare și plasare. Are o versiune gratuită pe WordPress.org și o versiune premium.

Repere:

• Trimiteți e-mailuri bazate pe produse și pe categorii.
• Încorporați semnătura digitală în fiecare e-mail de comandă WooCommerce.
• Trimiteți e-mailuri de probă pentru a vedea cum sunt livrate e-mailurile în căsuța poștală a clientului.
• Creați-vă propriile linii de subiect.

Preț: 99 USD

Obțineți pluginul Visual Email Designer

WooMail – Personalizare e-mail WooCommerce

WooMail este un plugin popular de personalizare a e-mailului pe CodeCanyon.

Repere:

• Șabloane și blocuri predefinite
• Trageți și plasați, nu este necesară codarea.
• Previzualizare live
• Trimite e-mailuri de testare

Preț: 39 USD

Obțineți pluginul WooMail

Șabloane de e-mail YITH WooCommerce

Pluginul YITH WooCommerce Email Templates vă oferă șabloane pentru a da un aspect mai profesionist mesajelor.

Repere:

• Adăugați sigle și link-uri personalizate
• Schimbați culorile și tipografia
• Adăugați linkuri de rețele sociale
• Ștergeți imaginea produsului din conținutul e-mailului

Dar, nu este disponibilă o previzualizare live.

Preț: 80 USD

Obțineți pluginul YITH WooCommerce Șabloane de e-mail

Avantajele utilizării e-mailurilor WooCommerce personalizate

Pe lângă orice altceva, este super ușor. Deoarece șabloanele sunt predefinite, proprietarii magazinelor nu trebuie să-și facă griji cu privire la inventarea unui șablon de fiecare dată când are loc o tranzacție.

• Design de e-mail atractiv și estetic din punct de vedere vizual
• Personalizat și pe măsură
• Scopul de a face e-mailul interactiv
• E-mailurile atrăgătoare susțin afacerile, de obicei veniturile din vânzări
• Implicarea sporită a clienților
• Pune capăt e-mailurilor banale
• Dinamic și ușor disponibil

Cea mai bună parte a e-mailurilor personalizate WooCommerce trebuie să fie designul lor receptiv, care face viața proprietarilor de magazine și a agenților de marketing ușoară.

Pluginul de personalizare de e-mail WooCommerce recomandat este...

Pentru a rezuma, Email Customizer Pro pentru WooCommerce iese în evidență diferit de restul altora. Este un pachet cuprinzător care include capabilități de înaltă calitate și adaptabile.

Prima privire generează vibrații pozitive în client . Proiectat uimitor și personalizabil creativ, pluginul este o necesitate pentru utilizatorii WooCommerce.

Va adăuga o licărire de condiment e-mailului dvs. Clienții tăi au libertatea de a simți marca și de a se asocia cu tine. Cu doar câteva clicuri, puteți veni cu e-mailuri grozave care aduc rezultate extravagante în schimb.

Obțineți pluginul Email Customizer Pro

Începeți să vă personalizați e-mailurile astăzi

Permiteți-mi să vă ofer acest sfat esențial. E-mailul, în opinia mea, este similar cu o scrisoare de dragoste. Puteți, de asemenea, să angajați pe cineva să creeze buletinul informativ pentru dvs. sau să alegeți unul dintre serviciile de design nelimitate care să funcționeze pentru dvs.

Trebuie să le permitem clienților noștri să simtă marca, să o perceapă așa cum ne dorim și să adopte imaginea mărcii noastre, permițându-i să pătrundă în gândurile lor și să fie acolo la nesfârșit.

Și, în opinia mea, a face afaceri înseamnă a păstra o relație pe termen lung cu clientul.