culoare:#234322; - comanda de setare a culorii nu este relevantă pentru imagine.

border="0" - comanda de încadrare a imaginii. O valoare de 0 elimină chenarul alb din jurul imaginii, valori mai mari decât acestea vor exploda lățimea pixelilor corespunzătoare.

Asigurați-vă că introduceți această comandă. De exemplu, Outlook atribuie automat un cadru unei imagini dacă nu înregistrați această comandă.

Găsirea unei bucăți de cod cu o imagine va fi mai ușoară în browser. Pentru a face acest lucru, faceți clic dreapta pe imaginea dorită și selectați „Vizualizare cod” (acestea sunt numele acestei opțiuni în Google Chrome, numele și calea către acesta pot diferi în alte browsere). Browserul va evidenția automat partea potrivită pentru dvs., va copia codul și îl va lipi în căutarea Sublime.

Când înlocuiți o imagine, aveți grijă - dacă dimensiunea noii imagini diferă de dimensiunea celei anterioare, trebuie să modificați toți parametrii lăţimeși înălţime la cele actuale.

Postfaţă

V-am spus despre cele mai „nedureroase” opțiuni pentru editarea codului de e-mail. Dacă trebuie să faceți modificări mai semnificative, vă recomandăm insistent să încredințați o astfel de sarcină unui specialist în aspect sau cel puțin să creați o copie a codului înainte de editare.

Citiți cele două părți anterioare, stăpâniți pe a treia și veți fi înarmat cu toate cunoștințele tehnice pentru a lucra pe deplin în noul editor!

Cum să trageți codul de e-mail din noul editor?

Deci, am lucrat în noua versiune a constructorului. În general, mi-a plăcut de el. Cu toate acestea, dezavantajul este că nu vă permite să convertiți litera creată, împreună cu textul și imaginile, în cod HTML. Este trist. Dar există o cale de ieșire. Trebuie să extrageți singur codul. Cum să o facă?

Acum o să vă spun. În general, ai o scrisoare. Sau un șablon de scrisoare. Dacă nu, atunci reveniți la citirea acestei părți după ce creați un șablon (sau o scrisoare gata făcută pe baza acestuia).

De la bun început

Deci, să parcurgem complet întreaga procedură. De la bun început. Facem totul în patru pași.

Pasul doi. Selectați un șablon salvat.

Pasul trei. Faceți clic pe butonul „Previzualizare”. În continuare, voi descrie procedura în browser Google Chrome. Făcând clic pe butonul „Previzualizare”, scrisoarea este deschisă în forma în care abonatul o va vedea.

Pasul patru. Faceți clic dreapta pentru a afișa meniul, unde selectăm opțiunea „Vizualizare cod”. În browserul Chrome, după aceea, se deschide o fereastră suplimentară („fereastră într-o fereastră”) din partea de jos cu codul HTML al literei.

Pentru a fi mai clar, mai jos sunt capturi de ecran ale tuturor pașilor.

Cum să obțineți codul HTML de e-mail

Dacă mutați cursorul mouse-ului peste orice linie de cod, atunci în fereastra de previzualizare a mesajului (o avem deschisă, nu a mers nicăieri) câmpul pe care îl descrie această linie va fi marcat.

Trecând în sus, ajungem la începutul scrisorii noastre. Acesta poate fi primul text, de exemplu, „Bună ziua, dragă abonat”, sau o imagine - sigla site-ului dvs.

Scrisoarea mea începe cu un logo. Deci vom căuta codul de la care începe descrierea tuturor elementelor scrisorii: text și imagini.

Fereastra cu codul poate fi plasată orizontal (în partea de jos a ferestrei browserului), vertical (în partea dreaptă a ferestrei browserului) sau ca o fereastră independentă separată. Dar nu avem nevoie de o fereastră independentă separată, deoarece vom rătăci prin cod și vom vedea ce element al literei afișează. Este mai convenabil pentru mine ca fereastra suplimentară să fie situată în partea de jos a ferestrei browserului.

Cum să configurați o fereastră suplimentară

Selectarea locației ferestrei suplimentare este simplă.

1. În meniul de sus al ferestrei suplimentare, în partea dreaptă, lângă cruce, există un element indicat prin trei puncte verticale. Se numește Customize and control DevTools (numele este afișat când treceți cu mouse-ul). O deschidem.
2. Selectați modul Dock to bottom.

Tot. Acum fereastra noastră suplimentară este situată în partea de jos. În acest caz, modul Elemente trebuie selectat în partea stângă a meniului de sus.

Copierea codului de e-mail din browser

Acum să trecem prin cod de sus în jos. Odată ce am găsit codul care acoperă simultan toate elementele din pagina scrisorii noastre, apelăm meniul cu butonul din dreapta al mouse-ului și selectăm Editare ca HTML.

Se deschide un bloc: un dreptunghi, în interiorul căruia există mult cod. Copiați tot codul din acest dreptunghi (mai întâi apăsați combinația de taste Ctrl + A, apoi Ctrl + C).

Gata, am copiat codul HTML în clipboard, adică în memoria temporară a computerului nostru. Acum puteți salva acest cod ca șablon pe SmartResponder.

Se deschide un câmp gol al unui nou șablon, în meniul căruia trebuie neapărat să faceți clic pe butonul „Sursă” (tocmai astăzi am văzut că acum acest buton a fost redenumit „Cod HTML”).

Apoi lipim codul HTML cu comanda rapidă de la tastatură Ctrl + V . Apoi indicați subiectul scrisorii (acesta este un câmp obligatoriu) și apăsați butonul „Salvați”. Gata!

Salvarea corectă a codului de e-mail

Da, asta s-a rezolvat. Acum puteți salva suplimentar codul ca fișier HTML pe computer. Pentru a face acest lucru, trebuie doar să deschideți Notepad și să salvați codul în el. Apoi schimbați extensia *.txt în *.html și deschideți fișierul. Veți vedea o copie a scrisorii dvs. în fereastra browserului.

Strict vorbind, pentru salvarea codurilor de program, este mai bine descărcați editorul NotePad++. Îl folosesc întotdeauna pentru că Notepad este:

a) afișarea vizuală a structurii codului;
b) evidențierea sintaxelor (adică legăturile dintre elementele de cod: unde se deschide și se închide și ce se scrie între acestea „unde ce” este scris).

Adevărat, în învățând cum să procesez codul unei scrisori create special în serviciul de corespondență SmartResponder, nici măcar NotePad ++ nu m-a ajutat să obțin un cod frumos de marcare. Ajutat aici Adobe Dreamweaver CC.

Doar datorită lui a fost posibilă structurarea codului folosind comanda „Format cod sursă”.

Acum puteți transfera codul în NotePad++ și îl puteți salva. Deși, nu. Înainte de a salva, trebuie să faceți clic pe „Convertire în ANSI”, astfel încât să nu existe nicio mâzgălare în loc de text când vizualizați.

De asemenea, puteți selecta „Vizualizare” - „Linii de înfășurare”. Apoi tot codul va fi localizat pe lățimea paginii și nu într-o linie.

După aceea, totul ar trebui să se deschidă și să se afișeze ca în șablonul de scrisoare pe serviciul SmartResponder.

Rețea de siguranță: salvați codul în SmartResponder

Deoarece am „descoperit” codul din scrisoarea noastră creată în noul editor, deoarece îl avem deja, îl putem salva în serviciul SmartResponder pentru siguranță. Pentru ce? Pentru a crea litere noi pe baza acestuia, schimbați-le și, cel mai important, folosiți-le pe alte resurse (vă reamintesc că pur și simplu nu există astfel de caracteristici în noul editor).

Pentru a face acest lucru, codul copiat din browserul Google Chrome trebuie să fie lipit în vechiul constructor SmartResponder.

Acest lucru se face cu ușurință.

1. În fila „Mailouts”, selectați secțiunea „Lista șabloane de scrisori”.
2. Faceți clic pe butonul „Creați șablon”.
3. Selectați tipul „E-mail HTML colorat (editor vechi)” și faceți clic pe „Următorul”.
4. În editorul care se deschide, în meniul de instrumente pentru crearea unei litere, faceți clic pe butonul „Cod HTML”.
5. Lipiți codul nostru (apăsați Ctrl + V). Putem face clic din nou pe butonul „Cod HTML”, adică să dezactivăm modul de afișare a codului și să pornim modul de vizualizare aspect scrisori.
6. Asigurați-vă că completați câmpul „Subiectul scrisorii” (în rusă: dăm numele șablonului nostru).
7. Apăs pe butonul „Salvează”.

Asta, de fapt, este tot ceea ce am vrut să vă spun despre noul editor SmartResponder după ce am creat prima mea scrisoare în el.

Vreau să spun că nu eram deloc familiarizat cu serviciul SmartResponder înainte. Adică nu aveam abilități în a lucra nici în editorul vechi, nici în noul editor. Dar m-am înscris și mi-am dat seama. Ei bine, acum știi cum să lucrezi în noul constructor SmartResponder.

Și ce servicii de creare și trimitere de scrisori folosiți în munca dvs.?

Salutare tuturor!

Rustem ne-a plecat la Soci, pentru a ne bucura de climatul maritim cald. Alina și cu mine am fost instruiți să continuăm povestea despre Email marketing. Ei bine, săptămâna aceasta este postarea mea. Vă voi spune despre OpenRate.

Rata de deschidere a literelor (Open Rate în engleză) este una dintre cele mai importante. Ai trimis 10.000 de scrisori și doar 10 persoane le-au citit. OpenRate a fost de 0,1%. Tristeţe! Dar dacă există 2.000 de oameni, atunci nu este rău - 20%. Dar se pune întrebarea, cum să afli câți oameni au citit scrisoarea? Servicii precum Unisender, Mailchimp etc. furnizează aceste informații în interfață. Să încercăm să ne dăm seama cum obțin aceste date. Din fericire, există puține moduri - doar două.

Opțiunea 1. Imagine cu un singur pixel.

Metoda este extrem de simplă! Serviciul inserează o imagine transparentă de 1×1 pixel în e-mail. Când utilizatorul deschide e-mailul, imaginea este încărcată în browser. În același timp, imaginea pare să fie localizată pe serverele „mailerului”. Când vine o solicitare de imagine (o solicitare către server), serviciul poate urmări ce imagine a fost solicitată. Și să tragem o concluzie - care scrisoare, din ce listă de corespondență a fost deschisă.

Apropo, puteți urmări deschiderea literelor simple în acest fel inserând codul GoogleAnalytics în cod în loc de adresa imaginii. Și apoi numărul de deschideri va fi afișat în statisticile sale.

Dezavantajele unei astfel de urmăriri: nu funcționează în toate interfețele de e-mail (și programele de e-mail), iar metoda este, de asemenea, aplicabilă numai dacă scrisoarea dvs. este în format HTML. La urma urmei, acesta este un anumit cod HTML. Într-un mesaj text obișnuit, metoda nu va funcționa.

Opțiunea 2. Urmați linkurile.

A doua soluție este, de asemenea, la suprafață. Am marcat legăturile în scrisoare, am adăugat un cod special la adresa fiecărui link. Dacă cineva i-a urmărit pe site-ul nostru, atunci a deschis scrisoarea. Prin cod, puteți identifica din ce listă de corespondență provine utilizatorul. Aceasta metoda completează prima opțiune: dacă nu a funcționat, atunci statisticile vor fi clarificate prin clicuri pe link.

Apropo, a existat odată o idee de a urmări rata deschisă a scrisorilor nu pentru corespondență, ci pentru cele trimise de vânzători cu oferte comerciale. Au fost descoperite o serie de servicii străine, care funcționează în cele din urmă pe aproximativ aceleași principii.

Practic asta este. Să aveți o săptămână de lucru fructuoasă!