„Stripo“ nuvilkimo ir numetimo el. laiškų rengyklės nustatymai

Published: 2024 m. spalio 22 d. · Last updated: 2026 m. liepos 21 d. · By Marcus Biel

Dešinėje „Maildroppa“ el. laiškų rengyklės pusėje rasite el. laiškų nustatymų stulpelį, kuriame pateikiami įrankiai, padedantys struktūruoti ir tinkinti el. laiško turinį bei išvaizdą. Šis stulpelis padalytas į du skirtukus: Turinys ir Išvaizda.

Turinio skirtukas

Skirtuke Turinys kuriate ir tvarkote el. laiško turinį. Jį sudaro dvi pagrindinės skiltys: Struktūros ir Blokai.

1. Struktūros

Struktūros apibrėžia el. laiško išdėstymą, suskirstydamos turinį į eilutes ir stulpelius. Galite rinktis iš įvairių iš anksto sukurtų išdėstymų, pavyzdžiui:

• Vieno stulpelio
• Dviejų stulpelių
• Kelių stulpelių

Šiomis parinktimis neapsiribojate – galite derinti kelis blokus ir kurti bet kokį norimą pasirinktinį išdėstymą, todėl turite visišką laisvę pritaikyti dizainą savo poreikiams.

• Nuvilkimas: tiesiog nuvilkite struktūrą iš šios skilties į el. laiško kūrimo sritį, kad pradėtumėte pridėti turinį.
• Tinkinimas: pridėję struktūrą, galite ją užpildyti įvairiais turinio blokais, pavyzdžiui, vaizdais, tekstu ar mygtukais.

2. Blokai

Blokai yra turinio elementai, kuriuos dedate į struktūras, kad sukurtumėte el. laišką.

Galimi blokų tipai:

• Vaizdas: įkelkite vaizdus (PNG, JPG, GIF) ir tinkinkite jų išvaizdą.
• Tekstas: pridėkite ir formatuokite tekstą savo žinutei perteikti.
• Mygtukas: pridėkite spustelėjamus mygtukus su tinkinamu tekstu, nuorodomis ir stiliais.
• Tarpas: įterpkite tuščią tarpą išdėstymui tarp kitų blokų sureguliuoti.
• Vaizdo įrašas: įterpkite vaizdo įrašų iš tokių platformų kaip „YouTube“, „Vimeo“ ir kitų.
• HTML: pridėkite pasirinktinį HTML ir CSS kodą, kad galėtumėte išplėstiniu būdu tinkinti el. laiško turinį.

Kiekvienas blokas sukurtas taip, kad būtų lankstus ir tinkinamas, todėl galite sukurti el. laišką, atitinkantį jūsų prekės ženklo išvaizdą ir pojūtį.

Išsamus turinio blokų paaiškinimas

Vaizdo blokas

Vaizdo blokas „Stripo“ nuvilkimo ir numetimo el. laiškų rengyklėje leidžia pridėti ir tinkinti vaizdus el. laiškų kampanijoje.

Vaizdo bloko pridėjimas

Vaizdo bloką į el. laišką galite pridėti dviem būdais:

1 parinktis

Užveskite pelės žymeklį ant struktūroje esančios srities „Nuleiskite turinį čia“, tada spustelėkite vaizdo piktogramą. Pasirinkta struktūra iškart bus paversta vaizdo bloku.

2 parinktis

Skirtuke Turinys eikite į skiltį Blokai. Nuvilkite vaizdo bloką į norimą el. laiško išdėstymo struktūrą. Šis būdas suteikia daugiau kontrolės tiksliai parenkant vaizdo vietą.

Vaizdo įkėlimas

Pridėję vaizdo bloką, vaizdą galite įkelti dviem būdais:

Nuvilkimas

Vaizdo failą (PNG, JPG, GIF) galite tiesiogiai nuvilkti iš kompiuterio į vaizdo bloke rodomą įkėlimo laukelį.

Įkėlimas iš kompiuterio

Taip pat galite spustelėti debesies piktogramą vaizdo bloke, kad atidarytumėte failų naršyklę ir pasirinktumėte vaizdą iš kompiuterio (iki 2 MB). Pasirinktas vaizdas bus rodomas ir bloke, ir dešinėje esančiame turinio skirtuke.

Vaizdo keitimas

Norėdami pakeisti vaizdą, naudokite turinio skirtuke esančią parinktį Keisti vaizdą. Spustelėkite apskritą piktogramą Keisti vaizdą – galėsite įkelti naują vaizdą arba susieti vaizdą iš išorinio URL.

Vaizdo redagavimas

Įkėlę vaizdą, galbūt norėsite jį papildomai redaguoti tiesiog platformoje. Integruotas „Stripo“ vaizdų redaktorius leidžia patobulinti ir pakoreguoti vaizdus neišeinant iš el. laiškų rengyklės.

Vaizdų rengyklės atidarymas

1. Įkėlę vaizdą spustelėkite mygtuką Redaguoti vaizdą. Bus atidaryta vaizdų rengyklės sąsaja.
2. Rengyklė siūlo daugybę įrankių, rodomų viršutinėje meniu juostoje.

Galimi vaizdų redagavimo įrankiai

• Filtrai Vienu spustelėjimu pritaikykite įvairius filtrus, pavyzdžiui:

  • Pilkumo tonai
  • Nespalvotas
  • Ryškinimas
  • Invertavimas
  • Sepija
  • Ryškumas
  • Spalva

• Dydžio keitimas Koreguokite vaizdo matmenis. Galite:

  • Nurodyti konkretų plotį ir aukštį.
  • Išlaikyti proporcijas.

• Apkarpymas Pasirinkite paliekamą vaizdo dalį ir pašalinkite nereikalingas sritis.

• Transformavimas Pasukite arba apverskite vaizdą:

  • Horizontaliai
  • Vertikaliai

• Piešimas Naudokite piešimo įrankį laisva ranka nupieštiems elementams, pavyzdžiui, linijoms ar pasirinktinėms figūroms, ant vaizdo pridėti.

• Tekstas Pridėkite tekstą tiesiai ant vaizdo. Tinkinkite:

  • Šriftą
  • Dydį
  • Spalvą
  • Lygiuotę

• Figūros ir lipdukai Patobulinkite vaizdą ant jo uždėdami:

  • Iš anksto sukurtas figūras
  • Smagius lipdukus

• Rėmeliai Rinkitės iš įvairių rėmelių, kad suteiktumėte vaizdui stilingą apvadą.

• Kampai Koreguokite kampų stilių, kad vaizdas atrodytų išbaigtas.

• Fonas Pašalinkite arba pakeiskite vaizdo foną, kad išvaizda būtų švaresnė.

Pakeitimų išsaugojimas

Atlikę norimus pakeitimus, spustelėkite rengyklės viršuje kairėje esantį mygtuką Išsaugoti. Redaguotas vaizdas automatiškai pakeis originalų vaizdą jūsų el. laiško išdėstyme.

Vaizdo nustatymai

Įkėlę vaizdą, galite jį tinkinti naudodami vaizdo nustatymų parinktis, esančias dešinėje, skirtuke Turinys.

Nuoroda

Pridėkite vaizdui nuorodą. Galite rinktis iš įvairių nuorodų tipų, pavyzdžiui:

• Svetainė (HTTP, HTTPS)
• El. paštas (mailto:)
• Failas (ftp)
• Bendrinimas socialiniuose tinkluose („Facebook“, „X“ (anksčiau „Twitter“), „LinkedIn“, „Pinterest“)

Šias parinktis rasite nuorodų nustatymų išskleidžiamajame meniu.

Alternatyvusis tekstas

Pridėkite alternatyvųjį tekstą, kuris bus rodomas, jei vaizdas neįkeliamas. Šis tekstas taip pat naudingas prieinamumui, nes ekrano skaitytuvai gali apibūdinti vaizdą regos negalią turintiems gavėjams.

Lygiuotė

Pasirinkite, kaip vaizdas turi būti lygiuojamas savo konteineryje. Galite lygiuoti jį kairėje, centre arba dešinėje.

Dydis

Rankiniu būdu koreguokite vaizdo plotį ir aukštį naudodami pliuso / minuso mygtukus arba įvesdami norimus matmenis.

Taip pat galite įjungti parinktį „Pritaikyti prie pločio“, kad vaizdas automatiškai užpildytų visą konteinerio plotį.

Prisitaikantis vaizdas

Įjunkite parinktį „Prisitaikantis vaizdas“, kad vaizdas prisitaikytų prie skirtingų ekrano dydžių, ypač mobiliuosiuose įrenginiuose.

Vidiniai tarpai

Tinkinkite aplink vaizdą esančius vidinius tarpus, kad kontroliuotumėte tarp vaizdo ir aplinkinio turinio esantį atstumą. Galite taikyti vienodus vidinius tarpus arba tinkinti kiekvieną pusę (viršų, apačią, kairę, dešinę).

Inkarinės nuorodos

Vaizdui galite priskirti inkarinę nuorodą, kurią spustelėję gavėjai bus nukreipti į konkrečią to paties el. laiško skiltį. Tačiau atminkite, kad inkarinės nuorodos gali neveikti kai kuriose el. pašto programose, pavyzdžiui, „Gmail“ ir „Apple Mail“.

Teksto blokas

Patobulinkite teksto blokus tinkindami jų išvaizdą ir funkcionalumą naudodami toliau nurodytus nustatymus. Kiekviena parinktis leidžia tiksliai kontroliuoti, kaip rodomas tekstas, kad jis puikiai atitiktų jūsų dizaino pasirinkimus.

Teksto įrankių juosta

Spustelėjus teksto bloką, virš turinio srities rodoma teksto įrankių juosta, suteikianti greitą prieigą prie daugelio įprastų teksto formatavimo parinkčių. Įrankių juostoje galimos šios funkcijos:

1. Pastraipos formatas

Nustatykite pastraipos stilių pasirinkdami Įprastas įprastam tekstui arba įvairius antraščių lygius (1 antraštė–6 antraštė), kad el. laiške sukurtumėte struktūruotą hierarchiją. Tai padeda turinį padaryti lengviau skaitomą ir geriau organizuotą.

2. Šriftų šeima

Numatytasis šriftas yra Arial, tačiau galite rinktis iš įvairių šriftų, įskaitant įprastus variantus, tokius kaip Georgia, Helvetica ir Courier New. Taip pat yra paieškos funkcija, padedanti greitai rasti konkretų šriftą.

3. Šrifto dydis

Koreguokite šrifto dydį nuo 8 pt iki 72 pt. Numatytasis dydis yra 14 pt, kuris tinka daugumai pagrindinio el. laiško teksto. Naudokite išskleidžiamąjį meniu norimam šrifto dydžiui greitai nustatyti.

4. Teksto stilius

Stilizuokite tekstą naudodami šias parinktis:

• Pusjuodis (B): paryškina tekstą.
• Kursyvas (I): tekstą pateikia kursyvu, kad išvaizda būtų labiau stilizuota.
• Pabraukimas (U): pabraukia tekstą; dažniausiai naudojamas hipersaitams.
• Perbraukimas (S): per tekstą nubrėžia liniją; naudinga taisant ar šalinant turinį.

5. Išplėstinis teksto stilius (trijų taškų meniu)

Spustelėjus tris taškus įrankių juostoje, išskleidžiamos papildomos parinktys:

• Apatinis indeksas: nuleidžia tekstą žemiau bazinės linijos (naudinga išnašoms ar cheminėms formulėms).
• Viršutinis indeksas: pakelia tekstą virš bazinės linijos (dažniausiai naudojamas laipsniams ar kelintiniams skaičiams).
• Pašalinti formatavimą: pašalina pritaikytą formatavimą ir grąžina numatytąjį teksto stilių.

6. Teksto ir fono spalva

• Teksto spalva: spustelėkite teksto spalvos mygtuką, kad pasirinktumėte spalvą iš paletės arba įvestumėte šešioliktainį kodą ir tiksliai nustatytumėte teksto spalvą.
• Fono spalva: pasirinkite teksto fono (paryškinimo) spalvą.

7. Teksto lygiuotė

Lygiuokite tekstą bloke:

• Lygiuoti kairėje: lygiuoja tekstą kairėje.
• Centruoti: centruoja tekstą.
• Lygiuoti dešinėje: lygiuoja tekstą dešinėje.
• Abipusė lygiuotė: tolygiai paskirsto tekstą per visą bloko plotį.

8. Sąrašai

Kurkite numeruotus ir nenumeruotus sąrašus:

• Įterpti / pašalinti sąrašą su ženkleliais: prideda arba pašalina ženklelius.
• Įterpti / pašalinti numeruotą sąrašą: prideda arba pašalina numeruotą sąrašą.

9. Eilučių laužymas

Įjunkite arba išjunkite eilučių laužymą teksto bloke. Įjungus šią funkciją, ilgos teksto eilutės automatiškai perkeliamos į kitą eilutę.

10. Įtrauka

Koreguokite teksto įtrauką:
- **Padidinti įtrauką**: atitraukia tekstą toliau nuo paraštės; naudinga papildomiems punktams ar citatoms.
- **Sumažinti įtrauką**: sumažina įtrauką ir priartina tekstą prie kairiosios paraštės.
![Teksto įtrauka](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Įterpti hipersaitą

Sužinokite, kaip pridėti, redaguoti ir tvarkyti hipersaitus el. laiško turinyje.

Nuorodos pridėjimo arba redagavimo veiksmai

a) Pažymėkite tekstą

Pažymėkite tekstą, kurį norite paversti hipersaitu.

b) Spustelėkite nuorodos piktogramą

Teksto įrankių juostoje spustelėkite nuorodos piktogramą.

c) Redaguokite nuorodą nustatymų skydelyje

Dešinėje bus parodytas nustatymų skydelis su nuorodos parinktimis:

• Nuorodos laukas: įveskite URL arba pasirinkite iš iš anksto nustatytų parinkčių.
• Žyma: pridėkite žymas prenumeratoriams pažymėti arba automatizavimui suaktyvinti.

Nuorodų taisymas išsiuntus el. laišką

Nėra nieko blogiau, kaip išsiųsti naują kampaniją 2 365 prenumeratoriams ir tik tada pastebėti, kad viena nuoroda neveikia dėl paprastos rašybos klaidos. Sudie, Juodojo penktadienio išpardavimai!

Laimei, suteikėme galimybę ištaisyti neveikiančias nuorodas net ir po to, kai el. laiškas jau išsiųstas prenumeratoriams.

a) Peržiūrėkite kampaniją

Apžvalgoje raskite išsiųstą kampaniją, spustelėkite tris taškus ir pasirinkite Peržiūrėti kampaniją.

b) Pakeiskite nuorodas arba žymas

Kampanijos išsamioje informacijoje slinkite iki nuorodų sąrašo, kad galėtumėte:

• Atnaujinti nuorodų paskirties vietas: ištaisyti neteisingus URL.
• Tvarkyti žymas: pridėti arba pašalinti automatizavimo žymas.

Pastaba: kad galėtumėte naudoti nuorodų paskirties keitimo funkciją, kampanijos nustatymuose įsitikinkite, kad įjungtas paspaudimų stebėjimas.

Nuorodų išvaizdos tinkinimas

Dešiniajame nustatymų skydelyje galite koreguoti nuorodos išvaizdą:

• Nuorodos spalva: pasirinkite spalvą arba įveskite šešioliktainį kodą.

• Pabraukti nuorodas: įjunkite arba išjunkite pabraukimą, kad išvaizda būtų švaresnė.

12. Personalizavimo žymos

Naudokite personalizavimo žymas, kad pridėtumėte dinaminį turinį, pavyzdžiui, gavėjo vardą ar kitus pasirinktinius laukus.

• Įrankių juostoje atidarykite išskleidžiamąjį meniu Personalizavimo žymos, kad pasirinktumėte įprastus laukus, pavyzdžiui, Vardas, El. paštas arba Šalis, arba apibrėžtumėte pasirinktinius laukus ir pritaikytumėte el. laiškus kiekvienam gavėjui.

13. Jaustukai

Suteikite tekstui daugiau vizualinio patrauklumo pridėdami jaustukų.

• Spustelėkite įrankių juostoje esančią jaustuko piktogramą, kad atidarytumėte suskirstytą jaustukų sąrašą ir lengvai rastumėte norimą.
• Suderinamumo pastaba: išbandykite el. laiškus tokiose programose kaip „Outlook“, nes kai kurios iš jų jaustukus gali rodyti netinkamai.

14. Lentelė ir specialieji simboliai

Įrankių juostos pabaigoje spustelėkite tris taškus, kad būtų rodomos išplėstinės parinktys.

Lentelės įterpimas

Kurkite ir tinkinkite lenteles, kad patobulintumėte el. laiško išdėstymą.

• Prireikus nustatykite eilutes, stulpelius, langelių tarpus, vidinius tarpus ir kraštinės dydį.

Specialiųjų simbolių įterpimas

Papildykite tekstą simboliais, diakritiniais ženklais ir kitais nestandartiniais simboliais.

• Atidarykite parinktį Specialieji simboliai, kad galėtumėte peržiūrėti įvairius simbolius.

Papildomi teksto bloko nustatymai (dešinysis skydelis)

Dešiniajame skydelyje galite išsamiai kontroliuoti teksto blokų išvaizdą ir funkcionalumą. Galimi šie nustatymai:

1. Teksto spalva

Nustatykite teksto spalvą naudodami spalvų parinkiklį arba įvesdami šešioliktainį kodą.

2. Fono spalva

Nustatykite pasirinktinę teksto bloko fono spalvą. Pagal numatytuosius nustatymus fonas yra skaidrus.

3. Su nuorodomis susiję nustatymai

Kai teksto bloke yra nuorodų, nustatymuose rodomos papildomos parinktys:

• Nuorodos spalva: koreguokite nuorodų spalvą naudodami spalvų parinkiklį arba šešioliktainį kodą.

• Pabraukti nuorodas: įjunkite arba išjunkite teksto bloko nuorodų pabraukimą.

• Nuorodų redagavimas: Pasirinkite nuorodą turinio srityje, kad galėtumėte redaguoti jos URL nustatymų skydelyje. Taip pat galite priskirti arba atnaujinti nuorodos žymas naudodami išskleidžiamąjį meniu, pažymėtą „Žymos“.

4. Lygiuotė

Lygiuokite teksto bloką jo konteineryje: kairėje, centre arba dešinėje.

5. Fiksuotas aukštis

Įjungę šią parinktį nustatykite fiksuotą teksto bloko aukštį. Taip pat galite kontroliuoti vertikalią teksto lygiuotę: viršuje, viduryje arba apačioje.

6. Eilučių intervalas

Kontroliuokite atstumą tarp teksto eilučių. Rinkitės iš parinkčių Siauras, Įprastas arba Platus.

7. Vidiniai tarpai

Koreguokite aplink teksto bloką esančią erdvę. Taikykite vienodus vidinius tarpus arba tinkinkite kiekvieną pusę: viršų, apačią, kairę ir dešinę.

8. Inkarinės nuorodos

Sukurkite inkarines nuorodas, kad skaitytojai galėtų pereiti į konkrečias jūsų el. laiško skiltis. Atminkite, kad kai kurios el. pašto programos inkarinių nuorodų nepalaiko.

Mygtuko blokas

Mygtuko blokas leidžia pridėti į el. laišką spustelėjamą mygtuką su tinkinamais funkcionalumo ir stiliaus nustatymais.

Nuorodų nustatymai

Parinktis Nuoroda nustato veiksmą, kuris bus atliekamas gavėjui spustelėjus mygtuką.

Galimi nuorodų tipai

• Įprasta svetainės nuoroda (HTTP arba HTTPS): nukreipia naudotoją į tinklalapį.
• El. pašto nuoroda: atidaro naudotojo el. pašto programą ir parengia naują el. laišką.
• Failo nuoroda (FTP, FTPS): nukreipia į FTP serveryje esantį failą.
• „Skype“: pradeda „Skype“ skambutį arba pokalbį.
• Telefonas (tel): suderinamuose įrenginiuose pradeda telefono skambutį.
• SMS: atidaro žinučių programą su iš anksto įvestu gavėjo numeriu.
• „Viber“: atidaro „Viber“ programą žinutėms arba skambučiams.
• Kitas protokolo tipas: nurodykite pasirinktinį protokolą, kurio nėra sąraše.

Bendrinimo socialiniuose tinkluose parinktys

Taip pat galite nustatyti, kad mygtukas būtų naudojamas bendrinti socialiniuose tinkluose arba el. paštu:

• „Facebook“
• „X“ (anksčiau „Twitter“)
• „LinkedIn“
• „Pinterest“
• Bendrinimas el. paštu

URL laukas

Šalia nuorodos tipo esančiame URL lauke (paprastai prasidedančiame https://) galite įvesti konkretų atitinkamos nuorodos adresą.

Mygtuko etiketė

Tinkinkite mygtuko etiketę, kad ji atspindėtų jūsų raginimą veikti. Numatytoji etiketė yra „Mygtukas“, tačiau galite ją pakeisti į tokias parinktis kaip „Sužinoti daugiau“, „Prenumeruoti dabar“ arba „Pirkti dabar“.

Teksto stilius

Teksto stiliaus nustatymai leidžia koreguoti mygtuko teksto išvaizdą.

Šrifto pasirinkimas

Galite rinktis iš įvairių standartinių šriftų, įskaitant:

• Arial
• Comic Sans MS
• Courier New
• Georgia
• Helvetica
• Lucida Sans Unicode
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

Nestandartiniams šriftams papildomai galimos šios parinktys:

• Arvo
• Lato
• Lora
• Merriweather
• Merriweather Sans
• Noticia Text
• Open Sans
• Playfair Display
• Roboto
• Source Sans Pro

Šriftų sąrašo viršuje esantis paieškos laukelis padeda greitai rasti konkretų šriftą.

Šrifto dydis ir formatavimas

• Šrifto dydis: pasirinkite dydį nuo 8 iki 72, atsižvelgdami į tai, kiek išryškintas turi būti mygtuko tekstas.
• Teksto formatavimas: naudodami piktogramas „B“ arba „I“ pritaikykite pusjuodį arba kursyvą, kad išryškintumėte mygtuko tekstą.

Spalvų nustatymai

Tinkinkite mygtuko išvaizdą koreguodami jo spalvų nustatymus.

1. Mygtuko spalva: Pakeiskite mygtuko fono spalvą. Numatytoji spalva yra žalia (#31cb4b). Naują spalvą pasirinkite naudodami šešioliktainio kodo lauką arba spalvų parinkiklį.

2. Teksto spalva: Nustatykite mygtuko teksto spalvą. Numatytoji spalva yra balta (#ffffff). Kad tekstas būtų įskaitomas, pasirinkite spalvą, kuri gerai kontrastuoja su mygtuko fonu.

3. Fono spalva: Koreguokite mygtuko konteinerio foną. Pagal numatytuosius nustatymus jis yra skaidrus, tačiau galite jį pakeisti, kad mygtukas labiau išsiskirtų el. laiško fone.

Kraštinės spindulys

Naudodami nustatymą Kraštinės spindulys kontroliuokite mygtuko kampų apvalumą.

• Numatytoji reikšmė: 30 (vidutiniškai suapvalinti kampai).
• Intervalas: nuo 0 (kvadratiniai kampai) iki 100 (kapsulės formos mygtukas).

Pastaba: Kad suapvalinti kampai būtų tinkamai rodomi „Microsoft Outlook“, skirtuke Išvaizda įjunkite parinktį „„Outlook“ palaikymas“.

Lygiuotė

Naudodami nustatymą Lygiuotė nustatykite mygtuko vietą turinio srityje.

• Parinktys: kairėje, centre, dešinėje.
• Dažnas naudojimas: lygiuotė centre siekiant išryškinti, lygiuotė kairėje arba dešinėje siekiant išlaikyti dizaino nuoseklumą.

Fiksuotas aukštis

Įjunkite parinktį Fiksuotas aukštis, kad išlaikytumėte vienodus mygtuko matmenis.

1. Numatytoji būsena: išjungta.
2. Mažiausias aukštis: 44 pikseliai.
3. Turinio vertikali lygiuotė: įjungus fiksuotą aukštį, mygtuko turinį galite lygiuoti viršuje, viduryje arba apačioje, kad tiksliai nustatytumėte jo padėtį.

Mygtukas su piktograma

Parinktis Mygtukas su piktograma leidžia šalia mygtuko teksto įtraukti piktogramą, taip suteikiant daugiau vizualinio patrauklumo ir sustiprinant raginimą veikti. Pagal numatytuosius nustatymus ši funkcija išjungta.

• Palaikomi formatai: įkelkite PNG, JPG arba GIF formato piktogramas, kurių didžiausias failo dydis – 2 MB.
• Piktogramos vieta: pasirinkite, ar piktograma turi būti rodoma mygtuko teksto kairėje, ar dešinėje.

Pastaba: tam tikrose „Microsoft Outlook“, skirtos „Windows“, versijose piktogramos nerodomos, įskaitant:

• „Outlook“ 2002, 2007, 2010, 2013, 2016 ir 2019. Šį apribojimą lemia tai, kaip šios el. pašto programos atvaizduoja HTML el. laiškus. Atsižvelkite į tai, jei didelė jūsų auditorijos dalis naudoja šias programas.

Kraštinės nustatymai

Tinkinkite mygtuko kraštines, kad suteiktumėte jam daugiau stiliaus ir išskirtinumo.

• Kraštinės plotis: nustatykite kiekvienos pusės (kairės, dešinės, viršutinės ir apatinės) plotį atskirai, iki 40 pikselių.
• Kraštinės stilius: rinkitės ištisinę, brūkšninę arba taškuotą kraštinę.
• Kraštinės spalva: naudokite spalvų parinkiklį arba įveskite šešioliktainį kodą, kad kraštinės spalva atitiktų jūsų prekės ženklą ar dizaino schemą.

Vidiniai mygtuko tarpai

Koreguokite mygtuko viduje esančią erdvę tarp turinio (teksto ir piktogramos) ir mygtuko kraštinės.

• Tinkinimo parinktys: nustatykite kairės, dešinės, viršutinės ir apatinės pusių vidinius tarpus, kurių didžiausia reikšmė – 99 pikseliai.
• Poveikis: vidiniai tarpai daro įtaką bendram mygtuko dydžiui ir turinio padėčiai mygtuke.

Išoriniai mygtuko tarpai

Kontroliuokite aplink mygtuką esančią erdvę, kad koreguotumėte jo padėtį kitų el. laiško išdėstymo elementų atžvilgiu.

• Tinkinimo parinktys: nustatykite kairės, dešinės, viršutinės ir apatinės pusių išorinius tarpus, kurių didžiausia reikšmė – 40 pikselių.
• Naudojimo atvejis: užtikrina, kad mygtukas nebūtų per arti kito turinio ar el. laiško kraštų.

Inkaro nuorodos pridėjimas

Naudokite inkarines nuorodas, kad nukreiptumėte skaitytojus į konkrečias to paties el. laiško skiltis ir suteiktumėte greitą navigaciją ilgesniuose naujienlaiškiuose.

• Inkaro pavadinimas: apibrėžkite el. laiške paskirties vietą ir susiekite mygtuką su šiuo inkaru. Spustelėjus el. laiškas slinks iki nurodytos skilties, todėl navigacija taps patogesnė.

Svarbu: inkarinės nuorodos nepalaikomos kai kuriose el. pašto programose, įskaitant:

• „Gmail“ programėlę „iOS“
• „Apple Mail“ programėlę „iOS“
• „Outlook“ programėlę „Android“
• „Outlook“ programėlę „macOS“
• AMP el. laiškus

Kruopščiai išbandykite el. laišką, kad užtikrintumėte veikimą skirtingose el. pašto programose ir nustatytumėte, ar ši funkcija tinka jūsų auditorijai.

Tarpų blokas

Tarpų blokas leidžia pridėti reguliuojamą erdvę el. laiško turinyje ir kontroliuoti jos dydį, lygiuotę, išvaizdą bei vidinius tarpus. Toliau pateikiama informacija apie du tarpų tipus: įprastą tarpą ir dinaminį tarpą.

1. Įprastas tarpas

Įprastas tarpas yra linijos elementas, vizualiai atskiriantis el. laiško skiltis.

Pagrindiniai nustatymai

1. Linijos storis ir stilius Tinkinkite linijos storį, stilių ir spalvą:

   • Storis: koreguokite naudodami + ir - mygtukus (pradedant nuo 1).
   • Stilius: rinkitės ištisinę, brūkšninę arba taškuotą liniją.
   • Spalva: nustatykite pasirinktinę spalvą naudodami šešioliktainį kodą arba spalvų parinkiklį (numatytoji: #cccccc).

2. Plotis Nustatykite, kokią turinio dalį apima tarpo linija. Koreguokite plotį pikseliais naudodami + ir - mygtukus.

3. Lygiuotė Lygiuokite liniją kairėje, centre arba dešinėje, kad ji atitiktų jūsų išdėstymą.

4. Vidiniai tarpai Kontroliuokite aplink tarpą esančius vidinius tarpus:

   • Numatytoji reikšmė: visose pusėse nustatyta 20.
   • Naudokite perjungiklį Daugiau, kad nurodytumėte kiekvienos pusės vidinius tarpus:
     • Viršus
     • Dešinė
     • Apačia
     • Kairė

Naudojimo atvejis

Įprastas tarpas idealiai tinka švarioms, vizualioms el. laiško skilčių atskirtims kurti ir tvarkingam, profesionaliam išdėstymui užtikrinti.

2. Dinaminis tarpas

Dinaminis tarpas yra nematomas tuščios erdvės blokas, skirtas erdvei el. laiško išdėstyme sukurti.

Pagrindinės funkcijos

1. Aukščio koregavimas Koreguokite aukštį tiesiai turinio srityje arba valdymo skydelyje naudodami + ir - mygtukus. Aukštis nustato, kiek vertikalios erdvės pridedama tarp skilčių.

2. Fono spalva Pagal numatytuosius nustatymus tarpo fonas yra skaidrus, tačiau galite pritaikyti pasirinktinę fono spalvą naudodami šešioliktainį kodą arba spalvų parinkiklį. Taip prireikus tarpas gali veikti kaip matomas blokas.

3. Prisitaikantis veikimas Parinktis Prisitaikantis tarpas užtikrina, kad tarpas dinamiškai prisitaikytų prie skirtingų ekrano dydžių ir visuose įrenginiuose išdėstymas būtų optimalus. Ši funkcija įjungta pagal numatytuosius nustatymus.

Pagrindiniai įprasto ir dinaminio tarpų skirtumai

• Dinaminis tarpas: prideda tuščią erdvę be matomos linijos.
• Įprastas tarpas: apima konkrečias linijos nuostatas, tokias kaip:
  • Linijos plotis
  • Lygiuotė
  • Linijos stiliai
  • Vidiniai tarpai

Dinaminis tarpas šių funkcijų nepalaiko ir skirtas tik atskyrimui be vizualių elementų.

3. Inkaro nuorodos pridėjimas

Inkarines nuorodas galima taikyti abiem tarpų tipams, kad naudotojai galėtų iš kitos el. laiško vietos tiesiogiai pereiti į tarpo vietą. Tai ypač naudinga kuriant navigaciją ilgesniuose naujienlaiškiuose.

Pastaba: kai kurios el. pašto programos inkarinių nuorodų nepalaiko, įskaitant:

• „Microsoft Outlook“
• „Gmail“ (mobiliajame įrenginyje)

Vaizdo įrašo blokas

Vaizdo įrašo blokas leidžia įterpti vaizdo įrašus į el. laišką ir tinkinti jų išvaizdą bei veikimą. Jis palaiko vaizdo įrašų nuorodas iš tokių platformų kaip „YouTube“ ir „Vimeo“, todėl suteikia lankstumo ir kontrolės, kaip vaizdo įrašas pateikiamas.

1. Nuoroda į vaizdo įrašą

Į lauką Nuoroda į vaizdo įrašą įrašykite vaizdo įrašo URL. Palaikomos platformos: „YouTube“, „Vimeo“ ir kitos įterpimą palaikančios paslaugos.

• Automatinis veikimas: Įvedus tinkamą URL:

  • Automatiškai sugeneruojamas peržiūros vaizdas, naudojant platformos vaizdo įrašo miniatiūrą.
  • Laukas Alternatyvusis tekstas automatiškai užpildomas vaizdo įrašo pavadinimu arba aprašu (jei jie prieinami).

• Redaguojami laukai: Prireikus galite rankiniu būdu redaguoti arba pakeisti sugeneruotą peržiūros vaizdą ir tekstą.

2. Alternatyvusis tekstas

Laukas Alternatyvusis tekstas užtikrina prieinamumą, rodydamas vaizdo įrašo aprašą, jei jo nepavyksta įkelti.

• Automatiškai užpildomas pridėjus palaikomo vaizdo įrašo URL.
• Galima tinkinti pagal jūsų turinio poreikius.

3. Pasirinktinė miniatiūra

Įkelkite pasirinktinį vaizdą, kad pakeistumėte numatytąją vaizdo įrašo peržiūrą.

• Kaip įjungti: įjunkite parinktį Pasirinktinė miniatiūra.
• Palaikomi formatai: PNG, JPG arba GIF.
• Kada naudoti: pakeiskite sugeneruotą miniatiūrą, kai ji neatitinka jūsų el. laiško dizaino.

4. Paleidimo mygtukas

Tinkinkite ant vaizdo įrašo miniatiūros rodomą paleidimo mygtuką.

• Galimos parinktys:
  • Rinkitės iš „YouTube“, „Vimeo“ ar kitų paleidimo mygtuko stilių.
  • Pasirinkite „Nėra“, kad paleidimo mygtukas būtų visiškai paslėptas.

5. Dydis

Koreguokite vaizdo įrašo matmenis, kad jie atitiktų jūsų el. laiško dizainą.

• Plotis ir aukštis: naudokite + ir - mygtukus arba rankiniu būdu įveskite reikšmes dydžiui kontroliuoti.
• Prisitaikantis dizainas: užtikrinkite, kad vaizdo įrašas sklandžiai tilptų įvairiuose įrenginiuose.

6. Pritaikyti prie pločio

Įjunkite perjungiklį Pritaikyti prie pločio, kad vaizdo įrašas automatiškai užpildytų konteinerio plotį. Taip vaizdo įrašas išliks prisitaikantis įvairiuose įrenginiuose.

7. Prisitaikantis vaizdas

Perjungiklis Prisitaikantis vaizdas užtikrina, kad vaizdo įrašo miniatiūra prisitaikytų prie ekrano pločio mobiliuosiuose įrenginiuose.

• Pastaba: prisitaikymas priklauso nuo įrenginio ir el. pašto programos palaikymo.

8. Lygiuotė

Naudokite nustatymą Lygiuotė, kad kontroliuotumėte horizontalią vaizdo įrašo padėtį bloke:

• Kairėje: lygiuoja vaizdo įrašą kairėje.
• Centre: centruoja vaizdo įrašą.
• Dešinėje: lygiuoja vaizdo įrašą dešinėje.

9. Mobiliesiems įrenginiams skirtos parinktys

Tinkinkite vaizdo įrašo veikimą ir išvaizdą mobiliuosiuose įrenginiuose:

1. Slėpti elementą mobiliajame įrenginyje Jei reikia, paslėpkite vaizdo įrašo bloką mobiliuosiuose įrenginiuose.

   • Pastaba: ši funkcija priklauso nuo medijos užklausų palaikymo ir gali neveikti visose el. pašto programose.

2. Mobiliojo įrenginio vidiniai tarpai Koreguokite aplink vaizdo įrašą esančius vidinius tarpus mobiliuosiuose įrenginiuose.

   • Naudokite perjungiklį Daugiau, kad nustatytumėte atskiras reikšmes:
     • Viršus
     • Dešinė
     • Apačia
     • Kairė

10. Įtraukti į AMPHTML arba HTML

Pasirinkite, kuriose konkrečiose el. laiško versijose turi būti rodomas vaizdo įrašo blokas:

• Tiek AMPHTML, tiek HTML
• Tik AMPHTML
• Tik HTML

Ši parinktis užtikrina, kad vaizdo įrašas būtų tinkamai įtrauktas pagal siunčiamą el. laiško versiją.

HTML blokas

HTML blokas leidžia į el. laišką įterpti pasirinktinį HTML ir CSS kodą, suteikdamas lankstumo išplėstiniam tinkinimui ir kartu atsižvelgdamas į el. pašto programų suderinamumą. Nesvarbu, ar pridedate vieną HTML elementą, ar kuriate visą el. laišką, šis blokas skirtas individualiems dizainams kurti.

1. Kodo rengyklės sąsaja

Pasirinkus HTML bloką, turinio srityje rodomas juodas kodo rengyklės langas. Šioje rengyklėje galite rašyti, įklijuoti arba keisti pasirinktinį kodą. Rengyklę sudaro dvi skiltys:

• HTML skiltis: pridėkite arba redaguokite el. laiško HTML struktūrą.
• CSS skiltis: atidarykite atskirą CSS rengyklę turiniui stilizuoti.

2. Šrifto dydžio koregavimas

Koreguokite kodo šrifto dydį rengyklėje, kad būtų lengviau skaityti:

• Naudokite mygtuką A+, kad padidintumėte šrifto dydį.
• Naudokite mygtuką A-, kad sumažintumėte šrifto dydį.

3. Rengyklės lango dydžio koregavimas

Pakeiskite kodo rengyklės lango dydį pagal savo darbo poreikius:

• Kaip koreguoti:
  • Užveskite pelės žymeklį ant rengyklės lango viršuje, centre esančių trijų taškų.
  • Vilkite slankiklio valdiklį aukštyn arba žemyn, kad padidintumėte arba sumažintumėte rengyklės dydį.

Ši funkcija ypač naudinga tvarkant didesnius arba išsamesnius kodo blokus.

4. CSS rengyklė

CSS rengyklė leidžia tvarkyti HTML turinio stilius. Ją galite pasiekti naudodami kodo rengyklės viršutiniame dešiniajame kampe esantį mygtuką.

Svarbūs aspektai:

• Ribotas palaikymas: daugelis el. pašto programų nepalaiko išplėstinių CSS funkcijų, tokių kaip Flexbox, Grid ar medijos užklausos.
• Laikykitės pagrindinių funkcijų: kad suderinamumas būtų kuo didesnis, naudokite pagrindinį įterptinį CSS.
• Iš anksto sukonfigūruoti stiliai: venkite šalinti iš anksto sukonfigūruotus stilius, nes jie užtikrina tinkamą atvaizdavimą pagrindinėse el. pašto programose.

5. El. pašto programų suderinamumas

El. laiškų HTML reikia skirti ypatingą dėmesį dėl daugelyje el. pašto programų naudojamų pasenusių atvaizdavimo variklių.

Pagrindinės gairės:

• Geresniam palaikymui naudokite lentelėmis pagrįstus išdėstymus, o ne išdėstymus, pagrįstus <div>.
• Venkite išplėstinių CSS funkcijų, tokių kaip animacijos, Flexbox ar Grid.
• Tikėkitės nevienodo medijos užklausų ir smulkių CSS savybių veikimo.
• Testavimas: visada išbandykite el. laiškus keliose programose (pvz., „Gmail“, „Outlook“, „Apple Mail“), kad užtikrintumėte tinkamą atvaizdavimą.

6. Vidiniai tarpai

Nustatymas Vidiniai tarpai koreguoja aplink HTML turinį esančią erdvę:

• Numatytieji vidiniai tarpai: pagal numatytuosius nustatymus nustatyta 0.
• Pasirinktiniai vidiniai tarpai: įjunkite perjungiklį Daugiau, kad galėtumėte atskirai koreguoti:
  • Viršų
  • Dešinę
  • Apačią
  • Kairę

Ši funkcija idealiai tinka HTML turiniui sulygiuoti el. laiško išdėstyme.

7. Inkaro nuorodos pridėjimas

Funkcija Pridėti inkarinę nuorodą leidžia sukurti spustelėjamą nuorodą kitoje el. laiško vietoje, kuri nukreips į HTML bloką.

Kaip naudoti:

• Įjunkite parinktį ir lauke įveskite inkaro pavadinimą.

Apribojimai:

• Kai kurios el. pašto programos inkarinių nuorodų nepalaiko, pavyzdžiui:
  • „Gmail“ programėlė „iOS“
  • „Apple Mail“ programėlė „iOS“
  • „Outlook“ programėlė („Android“ ir „macOS“)
  • AMP el. laiškai

8. Pasirinktinio HTML rašymas

HTML rengyklė skirta jūsų el. laiško pasirinktinei HTML struktūrai rašyti arba įklijuoti.

Geriausios praktikos:

• Naudokite paprastą, plačiai palaikomą HTML.
• Venkite sudėtingų išdėstymų ar tokių elementų kaip <div>.
• Naudokite lentelėmis pagrįstus dizainus, kad užtikrintumėte geresnį suderinamumą.

9. Sėkmės patarimai

1. Pradėkite nuo mažo: jei dar tik pradedate kurti el. laiškus, naudokite HTML bloką konkrečioms skiltims.
2. Patikrinkite kodą: įsitikinkite, kad jūsų HTML atitinka el. pašto programų reikalavimus.
3. Kruopščiai išbandykite: naudokite įrankius el. laiškui peržiūrėti ir išbandyti įvairiose programose bei įrenginiuose.