Cum să faci un șablon de e-mail personalizat în WordPress

Publicat: 2024-04-03

Căutați o modalitate simplă de a vă personaliza notificările de formular cu funcția de șablon de e-mail personalizat WPForms?

Prin WPForms, puteți schimba cu ușurință aspectul e-mailurilor de notificare pentru a crea o experiență mai personalizată.

Creați un șablon de e-mail personalizat acum

Deci, fără alte prelungiri, să parcurgem pașii despre cum să creați un șablon de e-mail personalizat în WordPress folosind WPForms!

În acest articol

  • Pasul 1. Configurați un e-mail de notificare de bază
  • Pasul 2: Alegeți un șablon de e-mail
  • Pasul 3: Setați o imagine de antet de e-mail
  • Pasul 4: Schimbați schema de culori
  • Pasul 5: previzualizați șablonul dvs. de e-mail
  • Pasul 6: Alegeți șabloane de e-mail pentru formulare individuale

Cum să faci un șablon de e-mail personalizat în WordPress

Crearea unui șablon de e-mail personalizat în WordPress este foarte ușoară, mai ales cu un șablon de e-mail personalizat WPForms. Urmați pașii de mai jos pentru a începe.

Pasul 1. Configurați un e-mail de notificare de bază

Fiind cel mai bun plugin de generare de formulare, WPForms permite proprietarilor de site-uri web să creeze formulare de contact, formulare de comandă, formulare de calculator și numeroase alte șabloane de formulare care se adresează unei game largi de public și industrii.

the wpforms homepage

Deci, primul pas este să instalați pluginul WPForms și apoi să creați un formular. După aceea, navigați la fila Setări » Notificări din generatorul de formulare pentru a configura un e-mail de bază de notificare a formularului.

form notifications

După ce ați creat formularul și e-mailul de notificare, salvați setările pentru formular și notificare înainte de a trece la pasul următor, astfel încât să nu vă pierdeți progresul. Doar apăsați butonul Salvare din colțul din dreapta sus al ecranului.

Save the form

În mod implicit, toate WordPress utilizează PHP pentru a trimite e-mailuri de pe site-ul dvs., care pot fi semnalate ca spam de multe căsuțe de e-mail. Pentru a evita acest lucru, se recomandă să utilizați un plugin SMTP precum WP Mail SMTP.

Pasul 2: Alegeți un șablon de e-mail

Sunteți gata să vă creați propriul șablon de e-mail acum. Accesați WPForms » Setări din tabloul de bord WordPress și faceți clic pe fila E-mail .

wpforms email settings

De aici, dacă te uiți la secțiunea Șabloane , vei găsi șase șabloane de e-mail diferite disponibile la diferite niveluri de licență:

  • Clasic
  • Compact
  • Modern (Pro)
  • Elegant (Pro)
  • Tehnologie (Pro)
  • Text simplu

În mod implicit, toate e-mailurile de notificare prin formulare folosesc șablonul Clasic , dar puteți face upgrade la Pro pentru a accesa șabloanele Modern, Elegant sau Tech.

Pentru acest exemplu, vom alege șablonul Elegant , dar nu ezitați să alegem unul din listă care se potrivește cel mai bine nevoilor și cerințelor dumneavoastră.

select elegant template

Dacă doriți să vedeți cum arată șablonul în căsuța de e-mail a utilizatorilor dvs., puteți, de asemenea, să faceți clic pe butonul Previzualizare pentru a obține o scurtă privire asupra aspectului său.

preview elegant template

Iată un exemplu despre cum arată șablonul Elegant și mesajul său de e-mail dacă utilizatorii au o temă întunecată setată pe desktop sau pe dispozitivul mobil.

elegant theme dark mode preview

Pasul 3: Setați o imagine de antet de e-mail

Dacă doriți să creați un e-mail personalizat, WPForms oferă utilizatorilor chiar și opțiunea de a seta o imagine de antet de e-mail pentru a reprezenta logo-ul mărcii dvs.

Tot ce trebuie să faceți este să navigați la secțiunea Imagine antet și apoi să faceți clic pe butonul Încărcare pentru a alege o siglă care se afișează în partea de sus a e-mailului.

upload header image

Acest lucru vă va oferi opțiunea fie de a încărca un fișier nou, fie de a selecta unul existent din Biblioteca dvs. media WordPress.

upload header image

După ce adăugați o nouă imagine sau alegeți una existentă, trebuie doar să faceți clic pe butonul Utilizați imaginea , iar logo-ul dvs. ar trebui să fie acum vizibil.

preview header image

Dacă doriți să modificați dimensiunea siglei din partea de sus a notificărilor prin e-mail, utilizați meniul drop-down cu opțiuni precum Mic, Mediu și Mare.

size header image

Rezoluția imaginii se modifică în funcție de dimensiunea pe care o alegeți și de ecranul utilizatorului. Cu alte cuvinte, dacă citiți un e-mail pe un telefon, acesta se va adapta automat pentru a se potrivi ecranului.

Pasul 4: Schimbați schema de culori

Veți fi încântați să auziți că WPForms vă permite și să ajustați culorile din e-mailul dvs. prin secțiunea Schema de culori .

color scheme selection

Puteți schimba oricare dintre culori în două moduri. Puteți fie să tastați numărul HEX în câmpul de culoare, fie să faceți clic pe el pentru a ajunge la selectorul de culori.

change color schemes

În cazul în care utilizatorii Pro pot ajusta culorile de fundal, corpul, textul și linkurile, utilizatorii Lite pot modifica doar culoarea de fundal. Iată cum funcționează aceste opțiuni:

fundal

Culoarea pe care o alegeți pentru fundal decide cum arată șablonul de e-mail în exterior. Culoarea de fundal, în acest caz, este albastru închis.

email background color

Corp

Culoarea corpului stabilește aspectul containerului șablonului de e-mail. Acesta este locul unde este stocată notificarea prin e-mail.

Pentru referință, iată un exemplu de imagine a unui container Body într-o schemă de culori albe. Simțiți-vă liber să îl schimbați cu orice vă place!

email body color

Text

Cuvintele din notificarea prin e-mail vor avea toate această culoare. Schema de culori implicită prezintă o culoare de text închisă, așa cum se arată în imaginea de mai jos.

email text color

Legături

Această culoare se aplică tuturor Linkurilor din e-mailul de notificare. Imaginea de mai jos arată o adresă de e-mail care este afișată ca link și este afișată în verde.

email links color

Tipografie

Tipografia este crucială în selectarea familiei de fonturi pentru e-mailurile de notificare trimise de pe site-ul dvs. web. WPForms oferă suport atât pentru fonturile Sans Serif, cât și pentru Serif.

email typography

Pentru a schimba familia de fonturi a notificării prin e-mail, tot ce trebuie să faceți este să faceți clic pe meniul derulant Tipografie și să alegeți fontul dorit din listă.

typography dropdown

Pasul 5: previzualizați șablonul dvs. de e-mail

Când ați terminat de modificat șablonul de e-mail, derulați în jos și faceți clic pe butonul Salvare setări pentru a păstra modificările.

save settings

După ce ați salvat modificările, le puteți previzualiza pentru a vedea cum vor apărea în căsuța de e-mail a utilizatorului. Pur și simplu faceți clic pe linkul Previzualizare șablon de e-mail .

preview email template

Se va deschide o filă nouă, unde puteți vedea o mostră din noul dvs. e-mail de notificare. Ceea ce ați schimbat în setări va apărea și în eșantion!

preview custom email template

Pasul 6: Alegeți șabloane de e-mail pentru formulare individuale

Dacă doriți să schimbați designul e-mailului pentru formulare individuale, este posibil și acest lucru. În generatorul de formulare, pur și simplu navigați la Setări » Notificări .

notifications settings

Apoi, derulați în jos și faceți clic pe Avansat pentru a ajunge la opțiunile mai avansate. Ar trebui să existe un buton derulant sub Șablon de e-mail .

advanced tab form builder

Alegerea este setată la Șablon implicit pentru toate formularele de pe site-ul dvs. Faceți clic pe meniul derulant Șablon de e-mail și selectați șablonul dorit pentru a-l înlocui.

email template dropdown

Dacă sunteți mulțumit de modul în care arată formularul și șablonul dvs. de e-mail, transmiteți-vă formularul live și lăsați acele notificări personalizate prin e-mail să fie difuzate!

Yashwardhan Rana, șeful echipei de conținut la WPForms

„Prin personalizarea notificărilor din formular, puteți prelua controlul asupra branding-ului și asupra designului e-mailului. Caracteristica șablonului de e-mail personalizat WPForms face ca această sarcină să fie o plimbare. Puteți personaliza e-mailurile din formular în câteva minute și le puteți face în concordanță cu designul mărcii dvs. Foarte recomandat!"

-Yashwardhan Rana, șeful echipei de conținut la WPForms

Mai multe întrebări despre șabloanele de e-mail personalizate WPForms

Cauți răspunsuri la întrebările tale? Consultați câteva dintre cele mai frecvente întrebări pe care le primim despre șabloanele de e-mail personalizate WPForms:

Cum schimb șablonul de e-mail în WPForms?

În generatorul de formulare, pur și simplu navigați la Setări » Notificări . Apoi, faceți clic pe Avansat pentru a ajunge la opțiunile mai avansate. Ar trebui să existe un buton derulant sub Șablon de e-mail . Alegeți șablonul de e-mail dorit de aici.

Cum creez un șablon de e-mail personalizat în WordPress?

Pentru a crea un șablon de e-mail personalizat, navigați la WPForms » Setări și faceți clic pe fila E-mail . Aici, puteți alege dintre diferite șabloane, cum ar fi Clasic, Compact sau Modern. Apoi, puteți personaliza șablonul adăugând o imagine de antet, selectând schema de culori preferată și alegând un stil de tipografie.

Cum îmi personalizez șablonul de e-mail?

Selectați fila E-mail din WPForms » Setări . Apoi puteți alege un șablon care se potrivește stilului dvs. și îl puteți face al dvs. adăugând o imagine de antet, schimbând culorile și alegând un font în zona de text. Utilizați butonul Previzualizare pentru a vedea cum va arăta șablonul și pentru a vă asigura că se potrivește cu regulile de stil de brand.

Apoi, aflați cum să atașați fișiere la notificările prin e-mail din formular

Câmpul de încărcare a fișierelor WPForms este o funcție puternică care le permite vizitatorilor site-ului web să încarce fișiere atunci când completează un formular pe front-end-ul site-ului dvs. Consultați acest ghid pentru a afla cum să atașați aceste fișiere la notificările prin e-mail din formular.

Creați un șablon de e-mail personalizat acum

Sunteți gata să vă construiți formularul? Începeți astăzi cu cel mai simplu plugin pentru generatorul de formulare WordPress. WPForms Pro include o mulțime de șabloane gratuite și oferă o garanție de rambursare a banilor de 14 zile.

Dacă acest articol v-a ajutat, vă rugăm să ne urmăriți pe Facebook și Twitter pentru mai multe tutoriale și ghiduri WordPress gratuite.