Editorul Drag'n'Drop

Designul e-mailurilor tale nu a fost niciodată mai ușor!

Agata Machnik avatar
Scris de Agata Machnik
Actualizat cu mai mult de o săptămână în urmă

Newsletterele sunt o modalitate fantastică de a comunica cu clienții tăi. Dar trimiterea de newslettere în format text simplu este departe de a fi suficientă și, având în vedere concurența tot mai mare care se luptă pentru a atrage atenția în căsuța poștală a clienților, a face ca e-mailurile tale să iasă în evidență nu este doar o chestiune de branding bun - este o necesitate.

De aceea, edrone caută în mod constant modalități de a te ajuta să obții cele mai bune rezultate de la newslettere până la crearea de emailuri frumoase și eficiente cât mai ușor posibil, iar asta este exact ceea ce va face pentru tine noul editor Drag 'n' Drop!

Dacă cauți ceva anume, mergi direct la locul unde ai nevoie.:


Primii pași

Pentru a începe, accesează ENGAGEMENTS și selectează orice scenariu. Editorul Drag'n'Drop este disponibil în etapa de DESIGN.

NOTĂ: Dacă ești un client nou, se va deschide în mod implicit editorul Drag'n'Drop. Dacă ai folosit editorul anterior, vei avea acum posibilitatea de a alege între ambele. Dacă dorești să folosești noul editor Drag'n'Drop, fă clic pe butonul NOUL EDITOR DRAG'N'DROP, plasat în prezent sub editorul existent. Dar te avertizăm că vei pierde vechiul tău design atunci când treci la noul editor Drag'n'Drop!

Interfață utilizator

Să ne uităm la fiecare element pe care îl vei vedea pe ecran atunci când deschizi editorul. Mergând de sus în jos, de la stânga la dreapta:

  • File de limbă: Dacă ai o campanie în mai multe limbi, aici vei selecta limba în care lucrezi. Reține că e-mailurile pentru fiecare limbă vor trebui configurate separat, așa că, în acest caz, îți recomandăm să creezi mai întâi un e-mail pentru o limbă, apoi să îl copiezi și să îl lipești (vezi mai jos) în cealaltă limbă după aceea.

  • Tipul de menu de mesaj drop-down: Dacă scenariul tău implică mai multe e-mailuri (de exemplu, programul "Recomandă un prieten"), aici vei alege pe care e-mail vei lucra. Din nou, fiecare tip de mesaj va implica construirea unui nou e-mail.

  • Informații privind expeditorul și linia Subiect: Acestea sunt destul de explicite. Ai ales expeditorul la pasul anterior, iar aici veți scrie subiectul. Din nou, câte unul pentru fiecare variantă (limbă și tip de mesaj).

  • Butoane de acțiuni: Aici poți alege din cele cinci acțiuni de mai jos.

    • Salvare: va salva progresul

    • Copiază: va copia totul

    • Lipește: va lipi totul

    • Curățare: va șterge totul și vei începe din nou de la zero

    În partea de jos a editorului Drag'n'Drop vei găsi, de asemenea, butoane de anulare și refacere sub formă de săgeți.

  • Butonul Șabloane: Editorul Drag'n'Drop vine cu mai multe șabloane predefinite pe care le poți folosi ca punct de plecare pentru propriile e-mailuri. Pentru a face și mai ușoară și mai rapidă crearea de e-mailuri excelente, șabloanele specifice vor fi preîncărcate pentru fiecare angajament. Dacă dorești să începi de la zero, poți oricând să faci clic pe butonul "Șterge” din bara de navigare a editorului. Pentru a restabili șablonul anterior, fă clic pe ”Anulare". Pentru a selecta un alt șablon, poți deschide lista de șabloane făcând clic pe butonul "Șabloane".

NOTĂ: În prezent, nu este posibil să îți creezi un șablon nou.

  • Menu: În partea stângă a ecranului, vei vedea o coloană gri cu cinci butoane. Aici este locul unde vei selecta și edita elementele vizuale ale e-mailurilor. Acestea sunt discutate în detaliu mai jos.

  • Spațiu de lucru: În centrul ecranului se află spațiul în care vei construi efectiv e-mailul.


Content

În această secțiune, vei vedea toate elementele pe care le poți explora în e-mailurile tale. În timp ce secțiunea Blocks (a se vedea mai jos) formează structura e-mailului tău, aici vei defini ceea ce intră în interiorul acestuia: text, imagini, butoane etc.

Pentru a adăuga fiecare element în e-mailul tău, trebuie doar să faci clic, să tragi și să îl fixezi. Este chiar atât de simplu!

Prima opțiune pe care o ai atunci când editezi fiecare element este alegerea între filele Desktop și Mobile. Fiecare e-mail conceput cu ajutorul editorului Drag'n'Drop va fi 100% responsiv, dar poți crea o variantă specifică a e-mailului tău pentru fiecare tip de dispozitiv.

Coloane

Aceasta este aceeași opțiune pe care o găsești în secțiunea Blocks. Utilizând acest element, vei crea, în esență, un nou rând pentru e-mailul tău, unde vei putea determina structura coloanelor acelui rând. Consultă secțiunea Blocks pentru a afla mai multe.

Text

Utilizează acest element pentru a adăuga o casetă de text.

  • Menu hover: la editarea unei casete de text, va apărea un meniu hover cu mai multe opțiuni:

    • Familia de caractere și dimensiunea fontului

    • Bold, italic, subliniere, barare, superscript, subscript

    • Emoji

    • Aliniere la stânga, centru sau dreapta

    • Liste ordonate și neordonate

    • Culoarea textului și culoarea de fundal

    • Orientarea textului (de la stânga la dreapta sau de la dreapta la stânga)

    • Legături

    • Combină etichetele (acestea sunt elemente variabile utilizate pentru a personaliza conținutul. De exemplu, eticheta de fuziune "prenume" va apărea ca *|FIRST_NAME|* în timp ce construiești e-mailul, dar va apărea ca prenumele real al destinatarului atunci când acesta primește e-mailul - cu condiția ca această informație să se afle în baza ta de date, desigur).

CUM POȚI ADĂUGA CUPOANE

Pentru a adăuga cupoane de reducere în e-mailurile tale, utilizează eticheta de fuziune *|COUPON|* în interiorul unei casete de text. Te rugăm să reține că, atunci când folosești această etichetă de fuziune, va fi necesar să încărcă un fișier CSV cu cupoanele tale în secțiunea COUPONS a scenariului tău.

  • Fila TEXT: aici poți modifica culoarea textului, alinierea (stânga, centru sau dreapta) și înălțimea liniei.

  • Fila LEGĂTURI: în această opțiune poți alege dacă legăturile din această casetă de text vor moșteni stilul întregului corp al e-mailului (a se vedea secțiunea Corp de mai jos).

  • Fila GENERAL: aici poți modifica padding-ul casetei de text, care reprezintă distanța dintre marginile elementului și conținutul acestuia. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan padding-ul pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, întreaga casetă de text va apărea numai în versiunea mobilă a e-mailului tău.

Titlu

Foloseste acest element pentru a adăuga titluri și subtitluri la e-mailul tău. Acesta este diferit de elementul "Text" prin faptul că creează o ierarhie diferită a informațiilor, specificând că acest text este un titlu în loc de un paragraf.

Acest element este deosebit de util pentru versiunile text simplu și HTML ale e-mailului tău, care pot apărea dacă imaginile tale nu se încarcă, dacă conexiunea la internet a abonatului tău este slabă sau pentru utilizatorii cu deficiențe de vedere care folosesc cititoare de ecran.

  • Menu hover: la editarea unui titlu, va apărea un meniu hover cu mai multe opțiuni:

    • Bold, italic, subliniat, barat, superscript, subscript, subscript

    • Legături

    • Emojis

    • Merge Tags (acestea sunt elemente variabile utilizate pentru a personaliza conținutul. De exemplu, tagul "prenume" va apărea ca *|FIRST_NAME|* în timp ce construiești e-mailul, dar va apărea ca prenumele real al destinatarului atunci când acesta primește e-mailul - cu condiția ca această informație să se afle în baza ta de date, desigur).

  • Fila TEXT: aici poți schimba proprietățile titlului:

    • Tip de rubrică: H1 este cea mai înaltă ierarhie, H4 este cea mai joasă.

    • Familia de caractere

    • Dimensiunea fontului

    • Culoare

    • Alinierea textului (stânga, centru sau dreapta)

    • Înălțimea liniei

  • Fila LEGĂTURI: în această opțiune poți alege dacă legăturile din această rubrică vor moșteni stilul întregului corp al e-mailului (a se vedea secțiunea Corp de mai jos).

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, rubrica respectivă va apărea doar pe versiunea mobilă a e-mailului tău.

Imagine

Folosește acest element pentru a adăuga o imagine (statică sau GIF).

  • Fila IMAGINE: aici vei încărca imaginea ta. Facând clic pe butonul Aplică efecte și mai multe, vei deschide editorul de imagini încorporat, care oferă mai multe opțiuni de editare, cum ar fi aplicarea de filtre, decuparea, adăugarea de text și multe altele. Atunci când adaugi o imagine, vor exista câteva opțiuni:

    • Lățime automată: prin selectarea acestei opțiuni, imaginea ta va fi cât mai largă posibil. Atunci când acest comutator este dezactivat, vei putea alege lățimea imaginii ca procent din lățimea totală.

    • Aliniere: aliniază imaginea la stânga, în centru sau la dreapta.

    • Text alternativ: acesta este textul pe care browserele abonaților tău îl vor afișa dacă imaginea nu se încarcă, sau într-o versiune în text simplu sau HTML a e-mailului tău. Acest lucru este important și pentru persoanele cu deficiențe de vedere care folosesc cititoare de ecran. Te recomandăm să incluzi întotdeauna aici o scurtă descriere a fiecărei imagini.

  • Fila ACȚIUNE: aici poți alege dacă dorești să se întâmple ceva atunci când cititorii tăi fac clic pe imagine și care ar trebui să fie acea acțiune. Faci clic pe meniul drop-down din dreapta sus a acestei secțiuni pentru a găsi aceste opțiuni:

    • Deschidere site web: aceasta este cea mai comună opțiune, prin care, practic, faci ca o imagine să acționeze ca un buton. Trebuie doar să inserezi linkul pe care dorești să îl deschidă cititorii tăi și să alegi dacă dorești ca acel link să se deschidă în "Aceeași file" sau într-un "Filă nouă".

    • Abonează-te: alege această opțiune pentru a transforma imaginea ta într-un buton "Abonează-te".

    • Dezabonare: Alege această opțiune pentru a transforma imaginea ta într-un buton de "dezabonare".

    • Confirmare sex (bărbat / femeie / refuzat să treacă / altul): alege această opțiune pentru a transforma imaginea ta în butoane de confirmare a sexului.

    • Referrer link / Referrer code / Referrer code / Confirmare link de participare la programul de afiliere: aceste opțiuni sunt specifice e-mailurilor pentru programele de afiliere. Fă clic aici pentru mai multe informații.

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, imaginea respectivă va apărea doar pe versiunea mobilă a e-mailului tău.

Buton

Buttons sunt fundamentale pentru e-mail marketing! Iată ce poți face cu ele în Editorul Drag'n'Drop!

  • Fila ACȚIUNE: aici poți alege dacă dorești să se întâmple ceva atunci când cititorii tăi fac clic pe butonul tău și care ar trebui să fie acea acțiune. Fă clic pe menul drop-down din partea dreaptă-sus a acestei secțiuni pentru a găsi aceste opțiuni:

    • Open website (Deschidere site web): aceasta este cea mai frecventă opțiune. Trebuie doar să inserezi linkul pe care dorești ca cititorii tăi să îl deschidă și să alegi dacă vrei ca acel link să se deschidă în "Același tab" sau într-un "Tab nou".

    • Subscribe (Abonare): alege această opțiune pentru a face un buton "subscribe".

    • Unsubscribe (Dezabonare): alegeți această opțiune pentru a face un buton de "dezabonare".

    • Confirmare sex (bărbat / femeie / refuzat să treacă / altul): alegeți această opțiune pentru a face butoane de confirmare a sexului.

    • Referrer link / Referrer code / Confirmare link de participare la programul de afiliere: aceste opțiuni sunt specifice e-mailurilor pentru programul de afiliere. Fă clic aici pentru mai multe informații.

  • Fila OPȚIUNI BUTON: aici poți modifica culoarea textului a butonului, culoarea de fundal (culoarea butonului), lățimea (lățime totală sau procentuală) și alinierea (stânga, centru sau dreapta).

  • Fila SPACING: aici poți modifica înălțimea liniei butonului, padding (distanța dintre marginea butonului și text), marginea (tip, lățime, culoare) și colțurile rotunjite.

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, butonul respectiv va apărea doar pe versiunea mobilă a e-mailului tău.

Separator

Acest element creează o linie pe toată lățimea containerului. Folosește-l pentru a separa secțiuni ale e-mailului tău.

  • Fila LINIE: aici poți modifica lățimea separatorului, tipul de linie (solidă, punctată, punctată), înălțimea liniei (în pixeli), culoarea liniei și alinierea (stânga, centru sau dreapta).

  • fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, separatorul respectiv va apărea doar pe versiunea mobilă a e-mailului tău.

HTML

Unul dintre cele mai mari avantaje ale utilizării editorului Drag'n'Drop este că nu trebuie să codezi nimic, dar uneori s-ar putea să dorești să incluzi un element HTML. Nicio problemă! Iată ce poți face cu el.

  • Fila HTML: aici se află codul HTML.

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, HTML-ul respectiv va apărea doar pe versiunea mobilă a e-mailului tău.

Menu

Poți adăuga un menu la mesajele tale de e-mail, care funcționează în mod similar cu un menu pe un site web.

  • Fila ELEMENTE MENU: aici vei scrie numele fiecărui element și vei alege un tip de acțiune. De obicei, acesta va fi "deschide site web", care necesită un URL și o alegere între deschiderea acelui link în aceeași filă sau în una nouă. De asemenea, poți schimba poziția fiecărui element făcând clic și trăgând butonul din colțul din stânga sus al elementului.

  • Fila STILURI: aici poți modifica proprietățile vizuale ale menului:

    • Familie de fonturi

    • Mărimea fontului

    • Culoarea fontului

    • Culoarea linkului

    • Aliniere (stânga, centru sau dreapta)

    • Aspect (orizontal sau vertical)

    • Separator: un caracter sau un simbol care separă fiecare element de menu (de exemplu | )

    • Padding: distanța dintre marginea fiecărui element și conținutul său

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, menul respectiv va apărea doar pe versiunea mobilă a e-mailului tău.

Social

S-ar putea să dorești să-ți duci cititorii de la e-mail la canalele de socializare. Acest lucru este ușor de realizat cu ajutorul elementului Social.

  • Fila ICONIȚE: aici vei alege butoanele de socializare pe care vrei să le adaugi, aspectul lor (cerc, rotunjit sau pătrat / color sau alb-negru) și URL-urile.

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, socialul respectiv va apărea doar pe versiunea mobilă a e-mailului tău.

Temporizator

Elementul Temporizator este perfect pentru a genera un sentiment de urgență. Acesta creează o numărătoare inversă pe baza setărilor de mai jos:

  • Fila COUNTDOWN: aici vei seta principalele proprietăți ale temporizatorului tău:

    • End Time (Ora de încheiere): momentul în care se va termina cronometrul. După acel moment, când cineva va deschide e-mailul tău, cronometrul va arăta 00:00:00:00:00:00.

    • Fusul orar: fusul orar al orei de încheiere.

    • Limba: în ce limbă vor fi etichetele tale (alege din 16 opțiuni)

    • Etichete: dacă această opțiune este activă, cronometrul tău va avea etichete pentru Zile, Ore, Minute și Secunde

    • Culori pentru fundal, cifre și etichete

    • Fontul cifrelor și Dimensiunea fontului

    • Fontul și mărimea fontului pentru etichete

  • Fila IMAGINE: temporizatorul tău va avea unele dintre aceleași proprietăți ca și imaginile:

    • Lățime automată: dacă această opțiune este activă, temporizatorul se va întinde pe întreaga lățime a containerului său. Dacă este dezactivată, vei putea alege o lățime.

    • Aliniere (stânga, centru sau dreapta)

    • Alternate text (Text alternativ): consultați Setări imagine de mai sus pentru a afla mai multe.

  • Fila ACȚIUNE: aici poți transforma practic temporizatorul într-un buton. Consultă setările pentru butoane de mai sus pentru a afla mai multe.

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, temporizatorul respectiv va apărea doar pe versiunea mobilă a e-mailului tău.

Video

Adăugarea unui videoclip în e-mailurile tale este la fel de simplă ca și lipirea unui URL într-o casetă de text!

NOTĂ: videoclipul tău nu va fi încorporat direct în e-mail, ceea ce înseamnă că nu va fi posibilă redarea lui în interiorul e-mailului. Editorul Drag'n'Drop creează automat o miniatură a videoclipului tău și o transformă într-un buton, care îi va redirecționa pe cititorii tăi către link-ul pe care l-ai folosit.

  • Fila VIDEO tab: lipește URL-ul videoclipului tău (Youtube sau Vimeo) aici

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, videoul respectiv va apărea doar pe versiunea mobilă a e-mailului tău.

Obiecte dinamice: Bestsellers

edrone îți permite să adaugi elemente dinamice în mesajele tale de e-mail. Utilizând elementul Bestsellers, poți prezenta cititorilor tăi recomandări personalizate de produse. Elementul Bestsellers este disponibil pentru toate angajamentele.

  • Fila BESTSELLERS: aici vei alege câte produse dorești să prezinți, categoriile lor pe site-ul tău și dacă dorești sau nu să apelezi la recomandări (recomandări standard de produse în cazul în care nu ai cele mai bine vândute produse pentru acea categorie).

  • Fila PROPRIETĂȚILE PRODUSELOR: aici vei alege dacă dorești să afișezi numele produselor tale și/sau să adaugi un apel la acțiune. De reținut că, dacă alegi să adaugi un apel la acțiune, va apărea o nouă filă dedesubt, care va avea aceleași opțiuni de setare ca și butoanele obișnuite. Vezi Setările butoanelor de mai sus pentru a afla mai multe.

  • Fila NUME PERSONALIZATE: aici poți modifica fontul denumirii produsului, dimensiunea fontului, culoarea, alinierea (stânga, centru sau dreapta) și poți alege între titluri scurte și lungi.

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, recomandările de produse vor apărea doar pe versiunea mobilă a e-mailului tău.

Obiecte dinamice: Vizualizat, Abandonat, Cumpărat, Recomandat, Observat

Acest element funcționează în același mod ca și Bestseller, dar numele și funcția sa vor varia în funcție de fiecare scenariu:

  • ABONARE NEWSLETTER, NEWSLETTER PRIN SMS, ZI DE NAȘTERE, ABONARE CHAT: Acest element nu va apărea

  • RESTAUREAZĂ CLIENȚII, NEWSLETTER DINAMIC, PERSONALIZAT, PRODUSE VIZUALIZATE, NEWSLETTER A/B, CATEGORII NEWSLETTER: Produse vizualizate

  • PROGRAME DE LOIALITATE, AFTER SALE: Produse achiziționate

  • RECUPEREAZĂ COȘURILE ABANDONATE: Produse abandonate

  • CROSS-SELLING, RECOMANDĂ: Produse recomandate

  • LISTĂ DE DORINȚE: Produse observate

  • Fila PRODUSE VIZUALIZATE / ABANDONATE / ACHIZIȚIONATE / RECOMANDATE / OBSERVATE: aici vei alege câte produse dorești să prezinți și dacă dorești sau nu să apelezi la recomandări.

  • Fila PROPRIETĂȚI PRODUS: aici vei alege dacă dorești să afișezi numele produselor tale și/sau să adaugi un CTA. De reținut că, dacă alegi să adaugi un apel la acțiune, va apărea o nouă filă dedesubt (PERSONALIZEAZĂ CTA), care va avea aceleași opțiuni de setare ca și butoanele obișnuite. Consultă Setările butoanelor de mai sus pentru a afla mai multe.

  • Fila PERSONALIZEAZĂ NUMELE: aici poți modifica fontul denumirii produsului, dimensiunea fontului, culoarea, alinierea (stânga, centru sau dreapta) și poți alege între titluri scurte și lungi.

  • Fila GENERAL: aici poți modifica padding-ul rubricii, care reprezintă distanța dintre marginile elementului și conținutul său. Dacă comutatorul Mai multe opțiuni este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi Mai multe opțiuni, vei putea modifica individual umplutura fiecărei părți.

  • Fila DESIGN REACTIV: dacă activezi comutatorul Ascunde pe desktop, recomandările de produse vor apărea doar pe versiunea mobilă a e-mailului tău.

Revenire la Bestsellers

Pentru a crește conversiile globale din e-mailuri, dorim să prezentăm mai multe produse în fața utilizatorului. Prin urmare, în interiorul elementelor dinamice, cum ar fi:

  • Produse vizualizate (implicit dezactivat)

  • Coșuri abandonate (implicit dezactivat)

  • Produse recomandate (activat în mod implicit)

Există acum o opțiune numită " Revenire la Bestsellers":

Atunci când această opțiune este activată și nu există suficiente produse pentru a fi prezentate în e-mail, produsele suplimentare (cele mai bine vândute) vor fi adăugate automat în grila de produse. Acest lucru va evita spațiile goale din interiorul e-mailului și, sperăm, va crește vânzările!

De reținut că este adăugată o etichetă BESTSELLER pentru a diferenția aceste sugestii de rezervă de celelalte. Culorile pot fi personalizate pentru a se potrivi cu brandingul tău.


Blocks

Fiecare rând de elemente se numește block. Poți avea oricâte elemente dorești în interiorul unui bloc, dar acestea vor respecta întotdeauna structura de coloane a blocului, care poate fi de până la 4 coloane pe rând.

În această secțiune, poți alege între diferite structuri de coloane și îți poți edita e-mailul la nivel de block. Fă clic pe un rând pentru a vizualiza opțiunile:

Desktop sau Mobile

Prima opțiune pe care o ai atunci când editezi un rând este alegerea între filele Desktop și Mobil. Fiecare e-mail conceput cu ajutorul editorului Drag'n'Drop va fi 100% responsiv, dar poți crea o variantă specifică a e-mailului tău pentru fiecare tip de dispozitiv.

Proprietăți coloane

Aici, vei putea modifica proprietățile fiecărei coloane în parte. Selectează fiecare coloană chiar sub antetul Proprietăți coloană.

  • Culoare de fundal: modifică culoarea de fundal a coloanei. Reține că acest lucru va schimba doar fundalul coloanei respective, nu și pe cel al coloanei de lângă ea. Dacă dorești să modifici simultan culoarea de fundal a ambelor coloane, accesează opțiunea "Culoare de fundal a conținutului” din Proprietăți rând (mai jos).

  • Padding: acesta este spațiul interior dintre marginile coloanei și conținutul acesteia. Dacă comutatorul "Mai multe opțiuni" este dezactivat, vei modifica simultan umplutura pe toate laturile. Dacă activezi "Mai multe opțiuni”, vei putea modifica individual umplutura fiecărei laturi.

  • Margine: aici poți modifica tipul de margine a coloanei (solidă, punctată sau punctată), lățimea (în pixeli) și culoarea. Spre deosebire de culoarea de fundal, nu este posibil să modifici marginile pentru toate coloanele simultan.

Proprietăți rând

  • Culoare de fundal: aici poți modifica culoarea de fundal a rândului, fără a afecta culoarea de fundal a coloanelor. Cu alte cuvinte, vei schimba culoarea spațiului gol de pe ambele părți ale e-mailului, aliniat cu înălțimea rândului respectiv.

  • Culoare de fundal pentru conținut: aici poți schimba simultan culoarea de fundal a tuturor coloanelor tale

  • Imagine de fundal: poți încărca o imagine pentru fundalul fiecărui rând. Ca și în cazul Culorii de fundal, aceasta va fi limitată la înălțimea rândului. Ai trei opțiuni pentru imaginea ta:

    • Lățime completă: prin activarea acestei opțiuni, imaginea ta va acoperi întreaga lățime a spațiului gol de pe ambele părți ale e-mailului. Prin dezactivarea acestei opțiuni, imaginea ta va fi fundalul conținutului, limitat la înălțimea rândului.

    • Repetă: prin activarea acestei opțiuni, imaginea ta se va repeta automat, pe orizontală și pe verticală. Acest lucru este deosebit de util atunci când creezi modele de fundal. Utilizând imagini mici repetate într-un model, dimensiunea fișierului e-mailului tău va fi mult mai mică decât dacă ai folosi o singură imagine de model pe toată lățimea.

    • Centrare: prin activarea acestei opțiuni, imaginea ta va fi aliniată în centru.

  • Padding: spațiul interior dintre marginile rândului și conținutul acestuia. Dacă comutatorul "Mai multe opțiuni" este dezactivat, vei modifica simultan padding-ul pe toate laturile. Dacă activezi "Mai multe opțiuni”, vei putea modifica individual padding-ul fiecărei laturi.

Design reactiv

Dacă activezi comutatorul "Ascunde pe desktop", întregul rând va apărea doar pe versiunea mobilă a e-mailului tău.

Sugestie 01: Dacă utilizezi frecvent aceleași blocuri (de exemplu, o combinație de titlu + imagine + buton) sau în cadrul campaniilor, este posibil să salvezi un bloc și să îl reutilizezi. Fă click aici pentru a vedea o înregistrare pe ecran despre cum se face acest lucru.

Sugestie 02: Blocurile sunt deosebit de utile atunci când creezi e-mailuri cu structuri mai complexe. Fă clic aici pentru a vedea o înregistrare a ecranului care arată cum să utilizezi blocurile pentru a crea un subsol de pagină receptiv.


Corp

În această secțiune, vei configura unele dintre cele mai generale aspecte ale e-mailului tău.

  • Culoarea fundalului: culoarea spațiului negativ din jurul newsletter-ului.

  • Lățimea conținutului: lățimea newsletter-ului tău pe ecranele desktop. În mod implicit, este setată la 600 de pixeli, dar poți să o modifici după cum dorești.

  • Aliniere conținut: Poți alege între alinierea la stânga sau alinierea la centru. În mod implicit, este setat la aliniere la centru.

  • Familie de fonturi: Aici poți alege din peste 25 de fonturi.

  • LINKURI: Aici poți modifica culoarea linkurilor și dacă acestea vor fi subliniate sau nu. Acestea sunt setări generale care pot fi modificate individual pe elementul "Text" din secțiunea Content.


Images

În această secțiune, poți alege din milioane de imagini de stoc gratuite de înaltă calitate. Trebuie doar să cauți ceea ce ai nevoie în bara de instrumente și să le alegi pe cele care îți plac cel mai mult.


Uploads

În această secțiune vei încărca propriile imagini și GIF-uri. Una dintre cele mai interesante caracteristici ale noului editor Drag'n'Drop este că toate imaginile tale vor fi salvate în biblioteca ta media.

Poți drag'n'drop direct din biblioteca media în e-mail. De asemenea, este posibil să ștergi orice imagine sau GIF de care nu mai ai nevoie, făcând clic pe butonul ⋯ și selectând "Șterge”.


Ai nevoie de mai mult ajutor?

Dacă ai întrebări suplimentare cu privire la editorul Drag'n'Drop, nu ezita să ne contactezi la hello@edrone.me


Nu este exact ceea ce cauți? Încearcă:

Ați primit răspuns la întrebare?