Cum să creați și să trimiteți un e-mail pentru buletinul informativ gratuit
Există multe opțiuni plătite furnizate de mulți furnizori de buletine de știri de e-mail, dar dacă puteți să le trimiteți unul de la Gmail, Yahoo, Hotmail și orice alt cont de e-mail gratuit, puteți să vă rezervați mai mult din bugetul dvs. pe alte articole.
Dacă sunteți în căutarea unor servicii de newsletter mai bine gestionate cu instrumente pentru monitorizarea campaniei dvs. de e-mail, mergeți cu serviciul plătit, dar dacă sunteți în căutarea de a trimite doar un buletin informativ câtorva prieteni, vă place acest tutorial.
Vă vom îndruma asupra modului de salvare a șablonului dvs. de newsletter ca șablon HTML și începeți să îl trimiteți, cu ajutorul CampaignMonitor.
Începeți cu șablon de e-mail în Photoshop
Dacă aveți o idee despre cum doriți să arați șablonul dvs. de newsletter, puteți începe să lucrați cu Photoshop. În caz contrar, puteți descărca un șablon de la mulți furnizori de șablon de e-mail gratuit. Nu există lățimea și înălțimea specifică a unui șablon de e-mail, dar pentru a vă asigura că este compatibil și lizibil pe orice e-mail fără pauze, vă sugerăm să setați dimensiunea la cel mult 650px. Cu toate acestea, nu există limite de înălțime, astfel încât parametrul să fie valabil pentru dvs..
Șablon de e-mail
Puteți fi la fel de creativ cum doriți cu șablonul dvs. de e-mail, dar aveți în minte, cu mai multe elemente creative incluse, va fi mai mult de lucru în felierea fiecare element. Șablonul pe care îl vom folosi are doar câteva elemente simple: antet, fotografie, linii și text, în folosul acestui ghid.
Selectarea fonturilor
Puteți folosi cu siguranță orice tip de font disponibil în Photoshop. Dar dacă creați un buletin informativ, este recomandabil să folosiți fonturi web precum Times New Roman, Arial și Georgia. În caz contrar, utilizați fonturile speciale, dar salvați-le ca imagini, nu ca text.
Încercați să limitați să salvați prea multe imagini în șablonul dvs., deoarece acest lucru va face mai mare și, prin urmare, durează mai mult pentru încărcare.
1. Slicați-vă șablonul de e-mail
În acest ghid, vom folosi o versiune editată a șablonului de e-mail gratuit de către CampaignMonitor. Descărcați-l aici pentru a urma acest tutorial.
Acum că sunteți pregătit cu șablonul de e-mail, deschideți-l cu Photoshop, selectați Slice Tool și începeți să felieți fiecare element al șablonului.
În acest proces, trebuie să tăiați fiecare spațiu, text, linie și imagine.
Când comprimați un text, asigurați-vă că selectați dimensiunea exactă, nu lăsați niciun spațiu suplimentar în zona de text. Pentru spațiile goale, le tăiați într-o felie mare, dar le separați în pătrate.
Următorul instrument pe care trebuie să îl utilizați cu Photoshop este Slice Select Tool. Utilizați acest instrument pentru a repara fiecare element din felie în șablonul dvs. Asigurați-vă că fiecare linie este conectată, nu lăsați nici o zonă goală fără a le tăia.
Cu instrumentul Slice Select, măriți șablonul și verificați fiecare felie făcută. Asigurați-vă că fiecare linie este conectată și fixată.
Rezultatul va arăta astfel.
2. Salvați ca șablon HTML
Când sunteți pregătit cu șablonul tău tăiat, accesați Fișier și selectați Salvați pentru Web și dispozitive.
Va apărea o fereastră cu opțiuni de salvare. În primul rând, faceți dublu clic pe elementul de imagine și îl denumiți astfel încât să puteți recunoaște cu ușurință fișierul imagine atunci când este salvat. Clic O.K după ce le-ați numit.
În colțul din dreapta sus al ferestrei pop-up, setați tipul imaginii ca JPEG din meniul derulant. Calitatea poate fi setată la 60 sau 80. Dacă setați calitatea la 100, calitatea imaginii va fi maximă, dar va face ca șablonul dvs. să fie greu.
Acum faceți clic pe Salvați butonul din partea de jos a ferestrei.
Va apărea o nouă fereastră pop-up. Aici selectați destinația unde doriți să fie salvat fișierul, apoi schimbați formatul HTML și imagini și setați felii la Toate feliile.
Apoi, sub Setări meniul derulant, selectați Alte.
O altă fereastră pop-up va apărea, sub HTML , asigurați-vă că opțiunile de sub "Formatare" sunt cele de mai jos; faceți același lucru pentru secțiunea "Codificare".
Acum din HTML meniul derulant, selectați felii, și selectați Rezultatul tăierii la Generați tabelul și setați coloanele după cum urmează.
Acum de la felii, mergi la Salvarea fișierelor din meniul derulant, mergeți la secțiunea "Fișiere optimizate" și verificați Puneți imaginile în dosar și setați numele folderului imaginii. Dosarul de imagine implicit va fi "imagini". Apoi apasa 'O.K'.
Dacă faceți clic pe OK, veți reveni la fereastra pop-up anterioară, faceți clic acum Salvați.
După ce apăsați butonul de salvare, deschideți dosarul de locație în care ați salvat fișierul și veți vedea folderul html și imaginile care conțin imagini feliate deja salvate pentru șablonul dvs. de e-mail.
Deschideți fișierul ".html" din browserul dvs. și veți vedea că newsletter-ul dvs. a fost acum convertit într-un șablon HTML.
3. Fix HTML, Modificați imaginea textului în fonturile web
La sfârșitul pașilor următori, veți primi șablonul de e-mail finalizat în format HTML.
Toate elementele din buletinul informativ HTML sunt salvate în imagini, care includ întregul text. Acum trebuie să convertiți imaginile text în fonturi web. Pentru aceasta, deschideți fișierul ".html" cu editor HTML. În acest exemplu, folosesc Dreamweaver.
Faceți clic pe antet și verificați HTML-ul evidențiat.
HTML-ul va fi ceva de genul acesta;
Acum, ștergeți fiecare linie care este evidențiată sau, alternativ, faceți clic pe imaginea antetului și apăsați pe ștergere. Odată șters, veți vedea zona plină cu culoarea de fundal implicită.
Acum mergeți înapoi la Photoshop, verificați detaliile fontului antetului. Trebuie să obțineți tipul, culoarea și dimensiunea fontului.
După ce obțineți detaliile fontului, introduceți textul antetului în zona antetului șablonului și includeți detaliile fontului. În exemplul meu, textul antetului HTML este după cum urmează:
ABC Newsletter
Linia HTML de mai sus include "stil". Acesta este locul unde definiți culoarea de fundal, familia fontului, dimensiunea fontului, precum și spațiul dintre litere. Încercați să umpleți spațiul de text cu spațierea corespunzătoare a literelor și dimensiunea fontului; asigurați-vă că nu vă sparge șablonul.
Acum trebuie să repetați același proces pentru fiecare text din șablon. Asigurați-vă că toate imaginile text sunt transformate în fonturi web și evitați imaginile inutile în HTML.
Următorul este opțional, dar puteți seta newsletter-ul în centru, adăugați alinierea în Pentru a revedea șablonul final, deschideți fișierul ".html" în browser; De asemenea, puteți descărca șablonul final aici pentru referință. Iată un mic truc pentru a vă trimite mesajele HTML direct din Gmail. Pentru a obține acest lucru, trebuie să încărcați dosarul de newsletter pe serverul dvs. web, dar în cazul în care nu aveți unul, permiteți-l să se încheie cu Dropbox. Dacă ați înregistrat contul dvs. Dropbox înainte de 1 august 2012, puteți urma pașii de mai jos. Înregistrați un cont gratuit la Dropbox și apoi instalați aplicația pe PC sau Mac, astfel încât să puteți sări peste procesul de încărcare pe Web. Lăsați aplicația să facă încărcarea pentru dvs.. Șablonul de e-mail pe care l-ați creat a fost salvat într-un dosar. Copiați dosarul și lipiți-l în Public folderul găsit în Dropbox (Dropbox> Public). Acum, localizați fișierul ".html" în folder, faceți clic dreapta și selectați Copiați linkul public. Odată ce ați selectat "Copy Link Public", link-ul va fi salvat în memoria computerului. Inserați acest link spre browserul dvs. web, apoi deschideți-l ca pagină web. Trebuie să copiați conținutul acestui buletin informativ, prin urmare, utilizați tastatura și apăsați Ctrl + A pentru a selecta toate și apoi Crtl + C pentru a copia întregul conținut (pentru Mac, utilizați Cmd + A pentru a selecta toate și Cmd + C pentru a copia) Deschideți Gmail, faceți clic pe Compune pentru a obține un e-mail gol, faceți clic pe mouse-ul în câmpul de text și apoi apăsați pe Ctrl + V pentru a insera newsletter-ul dvs. în câmpul de conținut e-mail. Utilizatorii de Mac pot apăsa Cmd + V Buletinul dvs. de știri apare acum ca conținut de e-mail. Introduceți subiectul și adresa de e-mail și trimiteți primul dvs. buletin informativ de e-mail! Deoarece Dropbox nu mai oferă funcția Dosar public pentru utilizatorul Dropbox care sa înregistrat după data de 1 august 2012, puteți încerca Site44, o aplicație care transformă directoarele Dropbox în site-uri Web. Vizitați Site44 și conectați-vă cu Dropbox pentru a începe. Permiteți site-ului 44 să se conecteze cu contul Dropbox. În cele mai multe cazuri, vi se cere să vă confirmați adresa de e-mail. Faceți clic pe "Faceți clic pe un nou site Web" pentru a începe. În secțiunea "Utilizați un domeniu site44.com", introduceți numele folderului dvs. preferat pentru acest site web în Dropbox și faceți clic pe "Creați". În acest caz, folosesc "mynewsletter"ca numele dosarului meu, după care acceptați termenii de utilizare pentru a continua. Acum, Site44 a creat foldere noi pentru site-ul Dropbox. Copiați newsletter.html și dosarul cu imagini pe care l-ați creat anterior în folderul mynewsletter.site44.com Dropbox. Deschideți browserul web și accesați http://mynewsletter.site44.com/newsletter.html. Trebuie să copiați conținutul acestui buletin informativ, prin urmare, utilizați tastatura și apăsați Ctrl + A pentru a selecta toate și apoi Crtl + C pentru a copia întregul conținut (pentru Mac, utilizați Cmd + A pentru a selecta toate și Cmd + C pentru a copia) Deschideți Gmail, faceți clic pe Compune pentru a obține un e-mail gol, faceți clic pe mouse-ul în câmpul de text și apoi apăsați pe Ctrl + V pentru a insera newsletter-ul dvs. în câmpul de conținut e-mail. Utilizatorii de Mac pot apăsa Cmd + V Buletinul dvs. de știri apare acum ca conținut de e-mail. Introduceți subiectul și adresa de e-mail și trimiteți primul dvs. buletin informativ de e-mail! Atâta timp cât folderul HTML al buletinului informativ este încă salvat în dosarul dvs. public Dopbox, destinatarul vă va putea vizualiza corect buletinul informativ, dar odată ce eliminați dosarul, linkul va fi rupt și destinatarul va putea vizualiza numai text. Sper că puteți urma acest tutorial cu privire la modul în care poate fi creat un buletin HTML de bază cu Photoshop, apoi trimis în formă HTML prin Gmail. Dacă aveți alte moduri, împărtășiți-le cu ceilalți cititori. secțiune.
4. Trimiteți HTML ca buletin informativ prin Gmail
Folosind folderul public Dropbox
Utilizarea aplicației Site44
Concluzie