Cum să personalizați e-mailurile WooCommerce + Previzualizează-le înainte de a le trimite

Te lupți cu cum să personalizi e-mailurile WooCommerce ?

WooCommerce oferă deja e-mailuri tranzacționale automate pentru peste 10 acțiuni, cum ar fi comenzi noi, comenzi procesate și conturi noi. Cu toate acestea, probabil că veți dori să personalizați acele e-mailuri pentru a le face proprii.

În acest tutorial pas cu pas, veți învăța cum să personalizați e-mailurile WooCommerce folosind setările încorporate în WooCommerce, precum și câteva plugin-uri gratuite sau plătite pe care le puteți folosi pentru a obține și mai mult control asupra e-mailurilor magazinului dvs.

Cuprins:

De ce ar trebui să personalizați e-mailurile WooCommerce?

• Pentru a schimba de la mov WooCommerce implicit la o culoare mai potrivită pentru marca dvs.
• Pentru a adăuga personalizare și o voce a mărcii la șabloanele de e-mail.
• Pentru a modifica setări precum numele „De la” sau adresa „De la”.
• Pentru a adăuga elemente media, cum ar fi o siglă, o imagine de antet sau GIF-uri animate.
• Pentru a dezactiva unele dintre mesajele automate care nu se potrivesc cu operațiunea dvs.
• Pentru a crea un link către pagini de asistență, vânzări suplimentare sau promoții.
• Pentru a comuta între tipurile de e-mail HTML și text.
• Pentru a previzualiza cum arată e-mailul înainte de a-l activa pentru automatizare.

Cum să personalizați e-mailurile WooCommerce

Cu doar setările încorporate în WooCommerce, puteți personaliza mai multe părți ale e-mailurilor dvs. WooCommerce, inclusiv:

• Opțiuni pentru expeditorul de e-mail ️
• Tema generală de e-mail
• Conținut specific de e-mail

Vă vom arăta mai jos cum să personalizați aceste setări încorporate. Apoi, după aceea, vom împărtăși și câteva plugin-uri de personalizare a e-mailului WooCommerce care vă oferă și mai multă flexibilitate dacă este necesar.

Pasul 1: Accesați setările de e-mail în WooCommerce

În tabloul de bord WordPress, navigați la WooCommerce > Setări > E-mailuri . Aici, veți vedea un titlu pentru Notificări prin e-mail , împreună cu o listă a acelor e-mailuri implicite de notificare pe care WooCommerce le-a configurat deja pentru dvs.

Pasul 2: Personalizați opțiunile și șablonul expeditorului de e-mail

Derulați peste lista de notificări prin e-mail pentru a găsi secțiunea numită „Opțiuni pentru expeditorul de e-mail”.

Veți vedea două câmpuri:

• Nume „De la”: numele pe care clienții îl văd atunci când primesc un e-mail - rămâneți la numele companiei sau, eventual, o persoană reală, dacă face parte din strategia dvs. de branding.
• Adresa „de la”: adresa de e-mail „de la” pe care utilizatorii o pot contacta dacă răspund la e-mailul automat.

Modificați aceste câmpuri după cum este necesar.

În secțiunea Șablon de e-mail , puteți începe să personalizați elemente precum:

• Imagine de antet
• Text de subsol
• Culoare de bază
• Culoarea fundalului corpului
• Culoarea textului corpului

Dacă doriți să adăugați o imagine de antet personalizată la e-mail, inserați adresa URL a imaginii în câmpul Imagine antet . Puteți găzdui o imagine în Biblioteca dvs. media WordPress și puteți obține adresa URL a imaginii de acolo.

De asemenea, vă recomandăm să eliminați textul „Construit cu WooCommerce” din subsol. Sunteți binevenit să adăugați orice altceva doriți în subsol.

Mai jos, în zona Șablon de e-mail , veți găsi setări de culoare pentru șablonul general de e-mail WooCommerce. După cum am menționat anterior, WooCommerce adaugă automat violetul implicit ca culoare de bază, ceea ce nu este ceea ce doriți atunci când rulați un magazin online .

Alegeți o culoare care corespunde mărcii dvs. ca Culoare de bază și luați în considerare schimbarea celorlalte câmpuri de culoare dacă este necesar.

Faceți clic pe Salvați modificările când ați terminat.

Pasul 3: Personalizați anumite e-mailuri WooCommerce

De la e-mailuri de comandă nouă la e-mailuri de comandă finalizată , WooCommerce oferă șabloane prestabilite care sunt trimise automat administratorilor site-ului și clienților pentru a ține pe toată lumea informată despre comenzi. Cu toate acestea, veți dori să personalizați unele dintre aceste e-mailuri pentru a include propriul conținut și pentru a elimina unele valori implicite WooCommerce inutile.

Finalizați aceste personalizări individuale ale e-mailului făcând clic pe Gestionați lângă e-mailul pe care doriți să îl editați. Nu este o idee rea să începeți cu e-mailurile „ Comanda de procesare” și „Comanda finalizată” , deoarece acestea sunt cele mai frecvent vizualizate de către client.

Parcurgeți următoarele câmpuri în funcție de nevoile dvs.:

• Permite dezactivarea
• Subiect
• Titlu e-mail
• Conținut suplimentar

Vă sugerăm să păstrați toate e-mailurile WooCommerce activate, cu excepția cazului în care aveți o circumstanță unică în care nu aveți nevoie de una dintre ele sau dacă intenționați să utilizați un plugin separat pentru e-mailurile tranzacționale.

Câmpuri precum Subiect , Titlu e-mail și Conținut suplimentar dictează conținutul general de e-mail, așa că ajustați-le după cum este necesar.

Faceți clic pe „?” pictograme pentru a vedea ce substituenți dinamici sunt disponibili pentru a fi inserați în câmpurile de conținut. De exemplu, puteți folosi un substituent pentru ca WooCommerce să completeze un link către site-ul dvs. pe fiecare e-mail.

Pasul 4: faceți-l un e-mail HTML sau text simplu

Faceți clic pe câmpul Tip e-mail pentru a vedea opțiunile dvs. Alegeți una dintre următoarele:

• Text simplu: e-mailuri fără imagini sau formatare
• HTML: e-mailuri cu conținut bogat, cum ar fi imagini, tabele și formatare
• Multipart: acesta comută dinamic între text simplu și HTML pe baza clientului de e-mail al utilizatorului, deoarece unii clienți nu acceptă e-mailuri HTML

Pasul 5: Luați în considerare editarea șablonului HTML

În partea de jos a paginii, veți vedea o secțiune numită „Șablon HTML”. WooCommerce nu are un editor drag-and-drop pentru e-mailurile sale, dar puteți personaliza codul HTML al fiecărui e-mail.

Faceți clic pe butonul Vizualizare șablon pentru a vedea codul acestuia.

WooCommerce își blochează șablonul HTML implicit, așa că nu puteți edita nimic. Cu toate acestea, puteți face clic pe butonul Copiere fișier în temă pentru a modifica și edita șablonul.

După aceea, puteți pune cursorul în editorul de text și puteți face modificări. Vă recomandăm să utilizați această secțiune numai dacă sunteți calificat cu HTML.

Dacă nu vă simțiți confortabil să editați direct acest cod, este posibil să doriți să angajați un dezvoltator WordPress. Sau puteți încerca unul dintre pluginurile de e-mail WooCommerce pe care le vom împărtăși în secțiunea următoare.

Și așa personalizați e-mailurile WooCommerce! Faceți clic pe butonul Salvare modificări pentru a finaliza procesul.

Cum să previzualizați e-mailurile WooCommerce

Trebuie să previzualizați e-mailurile tranzacționale înainte ca acestea să fie trimise clienților. În acest fel, puteți verifica greșelile de ortografie, brandingul WooCommerce care trebuie schimbat și oportunitățile de promovare sau vânzări suplimentare.

Iată cum să previzualizați e-mailurile dvs. WooCommerce.

Pasul 1: Vizualizați o previzualizare vizuală a șablonului dvs. general de e-mail

Sub WooCommerce > Setări > E-mailuri , găsiți secțiunea Șablon de e-mail și faceți clic pe linkul care spune „Clic aici pentru a previzualiza șablonul de e-mail”.

Aceasta deschide o nouă fereastră de browser care arată e-mailul cu setările generale de e-mail specificate. Ar trebui să vedeți culori noi, o imagine de antet și un subsol editat dacă ați schimbat toate acestea. Rețineți că conținutul pentru previzualizarea șablonului rămâne generic.

Pasul 2: rulați tranzacții de testare pentru a vizualiza e-mailurile individuale cu conținut dinamic

Cel mai probabil doriți să vedeți e-mailurile reale care sunt trimise clienților, dar WooCommerce nu are funcțiile pentru a vizualiza acele previzualizări vizuale. În schimb, trebuie să rulați tranzacții de testare pentru a declanșa e-mailurile către propria dvs. căsuță de e-mail.

Iată cum să o faci:

1. Asigurați-vă că aveți WooCommerce Payments și metoda de plată Stripe activate.
2. Adăugați un articol în coș și completați informațiile ca și cum ați fi un client.
3. În câmpul E- mail , adăugați adresa dvs. de e-mail.
4. În câmpul card de credit, utilizați unul dintre cardurile de testare Stripe pentru a procesa o plată.
5. Termină verificarea.

Tranzacția de testare ar trebui să vă trimită un e-mail de procesare a comenzii , care vă permite să vedeți cum se redă e-mailurile pentru clienți. Verificați dacă etichetele dinamice apar corect și că toate brandingul și textul inserat sunt afișate corect.

Pentru a declanșa alte e-mailuri, accesați WooCommerce > Comenzi și ajustați câmpul Stare la altceva. De exemplu, îl puteți comuta la Finalizat pentru a declanșa e-mailul de Comandă finalizată de la WooCommerce. Asigurați-vă că faceți clic pe butonul Actualizare pentru a salva modificarea.

Apoi se trimite în căsuța dvs. de e-mail pentru a fi examinat.

Pentru a simplifica procesul, puteți lua în considerare un plugin precum WooCommerce Email Test.

Pluginuri care ajută la personalizarea e-mailurilor WooCommerce

Mai multe plugin-uri oferă instrumente avansate de personalizare a e-mailului WooCommerce, fie extinzând funcțiile actuale din WooCommerce, fie suprascriindu-le complet pentru o experiență mai ușor de utilizat (de obicei prin glisare și plasare).

Iată câteva pluginuri de personalizare WooCommerce de luat în considerare:

De asemenea, puteți suprascrie e-mailurile tranzacționale WooCommerce cu un serviciu de marketing prin e-mail, cum ar fi Omnisend, MailPoet sau Sendinblue, toate oferind automatizarea comerțului electronic și opțiuni suplimentare pentru lucruri precum recuperarea coșului abandonat.

Personalizați-vă e-mailurile WooCommerce astăzi

Cele mai incipiente magazine de comerț electronic pot scăpa cu personalizările de bază ale e-mailului WooCommerce, dar vă recomandăm să plătiți în cele din urmă pentru un editor de e-mail premium, cum ar fi unul dintre pluginurile sau software-ul de marketing prin e-mail pe care le-am acoperit mai sus.

Odată ce v-ați dat seama de e-mailurile tranzacționale ale magazinului dvs., puteți citi ghidul nostru de marketing prin e-mail WooCommerce pentru a vă obține și e-mailurile de marketing.

Dacă aveți nevoie de clarificări despre cum să personalizați e-mailurile WooCommerce sau dacă doriți să împărtășiți orice sfaturi pe care le aveți altor utilizatori care le editează e-mailurile, trimiteți-ne o notă în comentarii!