Stripo pukseeri-lohista e-posti redaktori seaded

Published: 22. oktoober 2024 · Last updated: 21. juuli 2026 · By Marcus Biel

Maildroppa e-posti redaktori paremal küljel asub e-posti seadete veerg, mis sisaldab tööriistu e-kirja sisu struktureerimiseks ja välimuse kohandamiseks. Veerg on jagatud kaheks vahekaardiks: Sisu ja Välimus.

Vahekaart Sisu

Vahekaardil Sisu kujundate ja korraldate oma e-kirja sisu. See sisaldab kahte põhijaotist: Struktuurid ja Plokid.

1. Struktuurid

Struktuurid määravad teie e-kirja paigutuse, korraldades sisu ridadeks ja veergudeks. Saate valida mitme valmis paigutuse vahel, näiteks:

• Üheveeruline
• Kaheveeruline
• Mitmeveeruline

Te ei pea piirduma nende valikutega – kombineerides mitut plokki, saate luua endale sobiva paigutuse ning kohandada kujundust täielikult vastavalt oma vajadustele.

• Pukseerimine: lohistage struktuur sellest jaotisest oma e-kirja kujundusalale, et alustada sisu lisamist.
• Kohandamine: pärast struktuuri lisamist saate selle täita erinevate sisublokkidega, näiteks piltide, teksti või nuppudega.

2. Plokid

Plokid on sisuelemendid, mille paigutate struktuuridesse oma e-kirja koostamiseks.

Saadaval on järgmised plokitüübid:

• Pilt: laadige üles pilte (PNG, JPG, GIF) ja kohandage nende välimust.
• Tekst: lisage ja vormindage teksti oma sõnumi edastamiseks.
• Nupp: lisage kohandatava teksti, linkide ja stiilidega klõpsatavaid nuppe.
• Tühik: lisage tühi ala teiste plokkide vahelise paigutuse kohandamiseks.
• Video: manustage videosisu platvormidelt nagu YouTube, Vimeo ja teised.
• HTML: lisage täiustatud e-kirja sisu kohandamiseks kohandatud HTML- ja CSS-koodi.

Iga plokk on paindlik ja kohandatav, võimaldades teil luua e-kirja, mis sobib teie brändi ilme ja tunnetusega.

Sisublokkide üksikasjalik selgitus

Pildiplokk

Stripo pukseeri-ja-lohista e-posti redaktori pildiplokk võimaldab teil e-kirjakampaaniasse pilte lisada ja neid kohandada.

Pildiploki lisamine

Pildiploki saate e-kirja lisada kahel viisil:

1. võimalus

Viige kursor struktuuris alale „Drop Content Here“ ja klõpsake seejärel pildiikoonil. Valitud struktuur muudetakse kohe pildiplokiks.

2. võimalus

Avage vahekaardi Sisu jaotis Plokid. Lohistage pildiplokk oma e-kirja paigutuses soovitud struktuuri. See meetod annab teile suurema kontrolli pildi täpse asukoha üle.

Pildi üleslaadimine

Pärast pildiploki lisamist saate pildi üles laadida kahel viisil:

Pukseerimine

Lohistage pildifail (PNG, JPG, GIF) otse arvutist pildiploki sees kuvatavasse üleslaadimiskasti.

Arvutist üleslaadimine

Teise võimalusena klõpsake pildiplokis pilveikoonil, et avada failibrauser ja valida arvutist pilt (kuni 2 MB). Pärast valimist kuvatakse pilt nii plokis kui ka paremal asuval sisuvahekaardil.

Pildi muutmine

Pildi asendamiseks kasutage sisuvahekaardil olevat valikut Change Image. Klõpsake ringikujulisel ikoonil Change Image, mis võimaldab teil uue pildi üles laadida või lisada pildi välise URL-i.

Pildi redigeerimine

Pärast pildi üleslaadimist võite soovida seda otse platvormil täiendavalt töödelda. Stripo sisseehitatud Image Editor võimaldab pilte täiustada ja kohandada ilma e-posti redaktorist lahkumata.

Pildiredaktori avamine

1. Pärast pildi üleslaadimist klõpsake nuppu Edit Image. See avab pildiredaktori.
2. Redaktor pakub laia valikut tööriistu, mis kuvatakse ülemisel menüüribal.

Saadaval olevad pildi redigeerimise tööriistad

• Filtrid Rakendage ühe klõpsuga mitmesuguseid filtreid, näiteks:

  • Halltoonid
  • Mustvalge
  • Teravustamine
  • Inverteerimine
  • Seepia
  • Heledus
  • Värv

• Suuruse muutmine Kohandage pildi mõõtmeid. Saate:

  • määrata konkreetse laiuse ja kõrguse;
  • säilitada kuvasuhte.

• Kärpimine Valige pildist säilitatav osa ja eemaldage soovimatud piirkonnad.

• Teisendamine Pöörake või peegeldage pilti:

  • horisontaalselt;
  • vertikaalselt.

• Joonistamine Kasutage joonistustööriista vabakäeliste elementide, näiteks joonte või kohandatud kujundite lisamiseks pildile.

• Tekst Lisage tekst otse pildile. Kohandage:

  • fonti;
  • suurust;
  • värvi;
  • joondust.

• Kujundid ja kleebised Täiustage pilti, lisades sellele:

  • valmis kujundeid;
  • lõbusaid kleebiseid.

• Raamid Valige mitme raami hulgast, et anda pildile stiilne ääris.

• Nurgad Kohandage nurkade stiili viimistletud ilme saavutamiseks.

• Taust Eemaldage või asendage pildi taust puhtama välimuse saamiseks.

Muudatuste salvestamine

Kui olete soovitud muudatused teinud, klõpsake redaktori vasakus ülanurgas nuppu Save. Töödeldud pilt asendab teie e-kirja paigutuses automaatselt algse pildi.

Pildi seaded

Pärast pildi üleslaadimist saate seda kohandada paremal asuva vahekaardi Sisu pildiseadete abil.

Link

Lisage pildile link. Saate valida mitmesuguste lingitüüpide vahel, näiteks:

• Veebisait (HTTP, HTTPS)
• E-post (mailto:)
• Fail (ftp)
• Sotsiaalmeedias jagamine (Facebook, X (endine Twitter), LinkedIn, Pinterest)

Need valikud leiate lingiseadete rippmenüüst.

Alternatiivtekst

Lisage alternatiivtekst, mida kuvatakse juhul, kui pilti ei laadita. See tekst on kasulik ka juurdepääsetavuse seisukohast, võimaldades ekraanilugejatel kirjeldada pilti nägemispuudega adressaatidele.

Joondus

Valige, kuidas pilt konteineris joondatakse. Saate selle joondada vasakule, keskele või paremale.

Suurus

Kohandage pildi laiust ja kõrgust käsitsi pluss-/miinusnuppude abil või sisestades soovitud mõõtmed.

Samuti saate lubada valiku „Adjust to Width“, et pilt täidaks automaatselt kogu konteineri laiuse.

Responsive Image

Lubage valik „Responsive Image“, et pilt kohanduks eri ekraanisuurustega, eriti mobiilseadmetes.

Sisemine veeris

Kohandage pildi ümber olevat sisemist veerist, et määrata pildi ja ümbritseva sisu vaheline ruum. Veerise saab rakendada ühtlaselt või kohandada iga külje jaoks eraldi (ülemine, alumine, vasak, parem).

Ankrulingid

Saate määrata pildile ankrulingi, mis võimaldab adressaatidel pildil klõpsates liikuda sama e-kirja kindlasse jaotisse. Pange tähele, et ankrulingid ei pruugi teatud e-posti klientides, näiteks Gmailis ja Apple Mailis, toimida.

Tekstiplokk

Täiustage tekstiplokke, kohandades nende välimust ja funktsionaalsust järgmiste seadete abil. Iga valik võimaldab teil täpselt määrata, kuidas tekst kuvatakse, et see sobituks ideaalselt teie kujunduseelistustega.

Tekstitööriistariba

Kui klõpsate tekstiplokil, kuvatakse sisuala kohal tekstitööriistariba, mis annab kiire juurdepääsu levinud teksti vormindamise valikutele. Tööriistaribal on järgmised funktsioonid:

1. Lõigu vorming

Määrake lõigu stiil, valides näiteks Tavaline tavalise teksti jaoks või erinevad pealkirjatasemed (Pealkiri 1 kuni Pealkiri 6) e-kirja struktureeritud hierarhia loomiseks. See aitab muuta sisu loetavamaks ja korrastatumaks.

2. Fondi perekond

Vaikimisi kasutatakse fonti Arial, kuid saate valida mitmesuguste fontide hulgast, sealhulgas levinud valikud Georgia, Helvetica ja Courier New. Kindla fondi kiireks leidmiseks on olemas ka otsingufunktsioon.

3. Fondi suurus

Kohandage fondi suurust vahemikus 8pt kuni 72pt. Vaikimisi on suurus 14pt, mis sobib enamiku e-kirja põhitekstide jaoks. Soovitud fondisuuruse kiireks määramiseks kasutage rippmenüüd.

4. Teksti kujundus

Kujundage teksti järgmiste valikute abil:

• Paks kiri (B): rõhutab teksti, muutes selle paksuks.
• Kaldkiri (I): muudab teksti kaldkirjaks stiliseerituma välimuse saamiseks.
• Allajoonimine (U): joonib teksti alla, mida kasutatakse sageli hüperlinkide puhul.
• Läbikriipsutus (S): tõmbab tekstist joone läbi, mis on kasulik paranduste või eemaldatud sisu puhul.

5. Täpsem teksti kujundus (kolme punkti menüü)

Tööriistaribal kolmele punktile klõpsates avanevad lisavalikud:

• Alaindeks: viib teksti lähtejoonest allapoole (kasulik joonealuste märkuste või keemiliste valemite puhul).
• Ülaindeks: tõstab teksti lähtejoonest kõrgemale (kasutatakse sageli astendajate või järgarvude puhul).
• Vormingu eemaldamine: eemaldab rakendatud vormingu ja taastab teksti vaikevälimuse.

6. Teksti- ja taustavärv

• Tekstivärv: klõpsake tekstivärvi nuppu, et valida värvipaletist värv või sisestada täpseks määramiseks kuueteistkümnendkood.
• Taustavärv: valige tekstile tausta- ehk esiletõstevärv.

7. Teksti joondus

Joondage tekst plokis:

• Joonda vasakule: joondab teksti vasakule.
• Keskele: joondab teksti keskele.
• Joonda paremale: joondab teksti paremale.
• Rööpjoondus: jaotab teksti ühtlaselt kogu ploki laiuses.

8. Loendid

Looge järjestatud (nummerdatud) ja järjestamata (täpploendiga) loendeid:

• Täpploendi lisamine/eemaldamine: lisab või eemaldab täpid.
• Nummerdatud loendi lisamine/eemaldamine: lisab või eemaldab nummerdatud loendi.

9. Reavahetus

Lubage või keelake tekstiplokis reamurdmine. Lubamisel liiguvad pikad tekstiread automaatselt järgmisele reale.

10. Taane

Kohandage teksti taanet:
- **Suurenda taanet**: viib teksti veerisest kaugemale, mis on kasulik alampunktide või tsitaatide puhul.
- **Vähenda taanet**: vähendab taanet ja toob teksti vasakule veerisele lähemale.
![Teksti taane](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Hüperlingi lisamine

Õppige, kuidas oma e-kirja sisule hüperlinke lisada, muuta ja hallata.

Lingiga seotud teksti lisamise või muutmise juhised

a) Tõstke tekst esile

Valige tekst, mille soovite hüperlingiks muuta.

b) Klõpsake lingiikoonil

Klõpsake tekstitööriistaribal lingiikoonil.

c) Muutke linki seadete paneelil

Avaneb parempoolne seadete paneel koos lingivalikutega:

• Lingiväli: sisestage URL või valige eelmääratud valikute hulgast.
• Silt: lisage tellijate märgistamiseks või automaatikate käivitamiseks silte.

Linkide parandamine pärast saatmist

Pole midagi hullemat kui saata uus kampaania oma 2365 tellijale ja avastada siis, et üks link on lihtsa trükivea tõttu katki. Hüvasti, musta reede müük!

Õnneks oleme teinud võimalikuks katkiste linkide parandamise isegi pärast seda, kui e-kiri on tellijatele juba saadetud.

a) Vaadake kampaaniat

Leidke saadetud kampaania ülevaatest, klõpsake kolmel punktil ja valige View Campaign.

b) Muutke linke või silte

Kerige kampaania üksikasjades lingiloendini, et:

• Uuendada lingi sihtkohti: parandada valed URL-id.
• Hallata silte: lisada või eemaldada automaatikate jaoks silte.

Märkus: lingi ümbersuunamise funktsiooni kasutamiseks veenduge, et kampaania seadetes oleks lubatud Click Tracking.

Lingi välimuse kohandamine

Parempoolses seadete paneelis saate kohandada lingi välimust:

• Lingi värv: valige värv või sisestage kuueteistkümnendkood.

• Linkide allajoonimine: puhtama välimuse saamiseks lubage või keelake allajooned.

12. Personaliseerimissildid

Kasutage personaliseerimissilte, et lisada dünaamilist sisu, näiteks adressaadi eesnimi või muud kohandatud väljad.

• Avage tööriistaribal rippmenüü Personalization Tags, et valida levinud välju, näiteks First Name, Email või Country, või määratleda kohandatud välju e-kirjade kohandamiseks iga adressaadi jaoks.

13. Emotikonid

Lisage tekstile visuaalset külgetõmmet emotikonidega.

• Kategooriatesse jaotatud emotikonide loendi avamiseks klõpsake tööriistaribal emotikoniikoonil.
• Ühilduvuse märkus: testige e-kirju teatud klientides, näiteks Outlookis, sest mõni neist ei pruugi emotikone õigesti kuvada.

14. Tabel ja erimärgid

Täpsemate valikute kuvamiseks klõpsake tööriistariba lõpus kolmel punktil.

Tabeli lisamine

Looge ja kohandage tabeleid oma e-kirja paigutuse täiustamiseks.

• Määrake vajaduse korral read, veerud, lahtrite vahe, veeris ja äärise suurus.

Erimärkide lisamine

Täiustage teksti sümbolite, diakriitiliste märkidega tähtede ja muude mittestandardsete märkidega.

• Mitmesuguste märkide sirvimiseks avage valik Special Characters.

Tekstiploki lisaseaded (parempoolne paneel)

Parempoolne paneel annab ulatusliku kontrolli tekstiplokkide välimuse ja funktsionaalsuse üle. Saadaval on järgmised seaded:

1. Teksti värv

Määrake teksti värv värvivalija abil või sisestades kuueteistkümnendkoodi.

2. Taustavärv

Määrake tekstiplokile kohandatud taustavärv. Vaikimisi on taust läbipaistev.

3. Lingipõhised seaded

Kui tekstiplokk sisaldab linke, kuvatakse seadetes lisavalikud:

• Lingi värv: kohandage linkide värvi värvivalija või kuueteistkümnendkoodi abil.

• Linkide allajoonimine: lülitage tekstiploki linkide allajoonimine sisse või välja.

• Lingi muutmine: Valige sisualal link, et muuta selle URL-i seadete paneelil. Samuti saate rippmenüü „Tags“ abil lingile silte määrata või neid uuendada.

4. Joondus

Joondage tekstiplokk konteineris: vasakule, keskele või paremale.

5. Fikseeritud kõrgus

Määrake tekstiplokile fikseeritud kõrgus, lubades selle valiku. Samuti saate määrata teksti vertikaalse joonduse: üles, keskele või alla.

6. Reavahe

Määrake tekstiridade vaheline ruum. Valige tihe, tavaline või lai.

7. Veeris

Kohandage tekstiploki ümber olevat ruumi. Rakendage ühtlane veeris või kohandage iga külge eraldi: ülemine, alumine, vasak ja parem.

8. Ankrulingid

Looge ankrulinke, et lugejad saaksid liikuda teie e-kirja konkreetsetesse jaotistesse. Pange tähele, et mõned e-posti kliendid ei toeta ankrulinke.

Nupublokk

Nupublokk võimaldab lisada e-kirja klõpsatava nupu, mille funktsionaalsust ja stiili saab kohandada.

Lingiseaded

Valik Link määrab tegevuse, mis käivitatakse, kui adressaat nupul klõpsab.

Saadaval olevad lingitüübid

• Tavaline saidilink (HTTP või HTTPS): suunab kasutaja veebilehele.
• Meililink: avab kasutaja e-posti kliendi uue e-kirja koostamiseks.
• Faililink (FTP, FTPS): viitab FTP-serveris asuvale failile.
• Skype: alustab Skype'i kõnet või vestlust.
• Telefon (tel): alustab ühilduvates seadmetes telefonikõnet.
• SMS: avab sõnumirakenduse eeltäidetud adressaadinumbriga.
• Viber: avab Viberi sõnumite saatmiseks või kõnedeks.
• Muu protokollitüüp: määrake kohandatud protokoll, mida ülal loetletud pole.

Sotsiaalmeedias jagamise valikud

Samuti saate määrata nupu sotsiaalmeedias või e-posti teel jagamiseks:

• Facebook
• X (endine Twitter)
• LinkedIn
• Pinterest
• E-posti teel jagamine

URL-i väli

Lingitüübi kõrval olev URL-i väli (algab tavaliselt https://) võimaldab sisestada lingitüübile vastava konkreetse aadressi.

Nupu silt

Kohandage nupu silti, et see kajastaks teie üleskutset tegevusele. Vaikesilt on „Button“, kuid saate selle muuta näiteks väärtuseks „Learn More“, „Subscribe Now“ või „Shop Now“.

Teksti stiil

Seaded Text Style võimaldavad kohandada nupu teksti välimust.

Fondi valimine

Valige mitme standardfondi hulgast, sealhulgas:

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

Mittestandardsete fontide valikus on muu hulgas:

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

Fondi loendi ülaosas aitab otsingukast teil kindla fondi kiiresti leida.

Fondi suurus ja vormindus

• Fondi suurus: valige suurus vahemikus 8–72 vastavalt sellele, kui silmapaistev peaks nupu tekst olema.
• Teksti vormindus: rõhutage nupu teksti paksu või kaldkirjaga, kasutades ikoone „B“ või „I“.

Värviseaded

Kohandage nupu välimust värviseadete abil.

1. Nupu värv: Muutke nupu taustavärvi. Vaikimisi on see roheline (#31cb4b). Uue värvi valimiseks kasutage kuueteistkümnendkoodi välja või värvivalijat.

2. Teksti värv: Määrake nupu teksti värv. Vaikimisi on see valge (#ffffff). Loetavuse tagamiseks valige värv, mis eristub hästi nupu taustast.

3. Taustavärv: Kohandage nupu konteineri tausta. Vaikimisi on see läbipaistev, kuid saate seda muuta, et nupp e-kirja taustal paremini esile tuleks.

Äärise raadius

Juhtige nupu nurkade ümarust seade Border Radius abil.

• Vaikeväärtus: 30 (mõõdukalt ümarad nurgad).
• Vahemik: 0 (kandilised nurgad) kuni 100 (pillikujuline nupp).

Märkus: Selleks et ümarad nurgad Microsoft Outlookis õigesti kuvataksid, aktiveerige vahekaardil Välimus valik „Support of Outlook“.

Joondus

Paigutage nupp sisuosas seade Alignment abil.

• Valikud: vasak, keskel, parem.
• Levinud kasutus: keskele joondamine rõhutamiseks, vasakule või paremale joondamine kujunduse ühtsuse säilitamiseks.

Fikseeritud kõrgus

Ühtlaste nupu mõõtmete säilitamiseks lubage valik Fixed Height.

1. Vaikimisi: välja lülitatud.
2. Minimaalne kõrgus: 44 pikslit.
3. Sisu vertikaalne joondus: kui fikseeritud kõrgus on lubatud, joondage nupu sisu täpseks paigutamiseks üles, keskele või alla.

Ikooniga nupp

Valik Button with Icon võimaldab lisada nupu teksti kõrvale ikooni, mis muudab nupu visuaalselt atraktiivsemaks ja tugevdab üleskutset tegevusele. See funktsioon on vaikimisi välja lülitatud.

• Toetatud vormingud: laadige ikoonid üles vormingus PNG, JPG või GIF, maksimaalse failisuurusega 2 MB.
• Ikooni asukoht: valige, kas ikoon kuvatakse nupu tekstist vasakul või paremal.

Märkus: ikoone ei kuvata Microsoft Outlooki teatud Windowsi versioonides, sealhulgas:

• Outlook 2002, 2007, 2010, 2013, 2016 ja 2019. Piirang tuleneb sellest, kuidas need e-posti kliendid HTML-e-kirju renderdavad. Arvestage sellega, kui suur osa teie sihtrühmast neid kliente kasutab.

Äärise seaded

Kohandage nupu ääriseid täiendava stiili ja rõhutuse saamiseks.

• Äärise laius: määrake iga külje (vasak, parem, ülemine ja alumine) laius eraldi, kuni 40 pikslini.
• Äärise stiil: valige ühtlane, katkendlik või punktiir.
• Äärise värv: kasutage värvivalijat või sisestage kuueteistkümnendkood, et sobitada äärise värv oma brändi või kujundusega.

Sisemine veeris

Kohandage nupu sees olevat ruumi sisu (teksti ja ikooni) ning nupu äärise vahel.

• Kohandamisvalikud: määrake veerise väärtused vasakule, paremale, üles ja alla, maksimaalselt 99 pikslit.
• Mõju: sisemine veeris mõjutab nupu üldsuurust ja sisu asukohta nupus.

Väline veeris

Juhtige nupu välisküljele jäävat ruumi, et kohandada selle asukohta e-kirja paigutuse teiste elementide suhtes.

• Kohandamisvalikud: määrake välise veerise väärtused vasakule, paremale, üles ja alla, maksimaalselt 40 pikslit.
• Kasutusjuht: tagab, et nupp ei oleks muule sisule ega e-kirja servadele liiga lähedal.

Ankrulingi lisamine

Kasutage ankrulinke lugejate suunamiseks sama e-kirja kindlatesse jaotistesse, pakkudes pikemates uudiskirjades kiiret navigeerimist.

• Ankru nimi: määrake e-kirjas sihtkoht ja linkige nupp selle ankruga. Klõpsamisel keritakse e-kiri määratud jaotiseni, mis parandab kasutaja navigeerimist.

Oluline: ankrulinke ei toeta teatud e-posti kliendid, sealhulgas:

• iOS-i Gmaili rakendus
• iOS-i Apple Mail
• Outlooki rakendus Androidile
• Outlooki rakendus macOS-ile
• AMP-e-kirjad

Testige oma e-kirja põhjalikult, et tagada toimivus eri e-posti klientides ja otsustada, kas see funktsioon sobib teie sihtrühmale.

Tühikublokk

Tühikublokk võimaldab lisada e-kirja sisusse muudetava suurusega ruumi, andes kontrolli selle suuruse, joonduse, välimuse ja sisemise vahe üle. Allpool on kirjeldatud kahte tüüpi tühikuid: tavaline tühik ja dünaamiline tühik.

1. Tavaline tühik

Tavaline tühik on joon-element, mis eraldab teie e-kirja jaotisi visuaalselt.

Põhiseaded

1. Joone paksus ja stiil Kohandage joone paksust, stiili ja värvi:

   • Paksus: kohandage + ja - nuppude abil (alustades väärtusest 1).
   • Stiil: valige ühtlane, katkendlik või punktiir.
   • Värv: määrake kohandatud värv kuueteistkümnendkoodi või värvivalija abil (vaikimisi: #cccccc).

2. Laius Määrake, kui suure osa sisust tühikujoon katab. Kohandage laiust pikslites + ja - nuppude abil.

3. Joondus Joondage joon vasakule, keskele või paremale, et see sobituks paigutusega.

4. Veeris Juhtige tühiku ümber olevat sisemist ruumi:

   • Vaikimisi: veeris on kõigil külgedel 20.
   • Kasutage lülitit More, et määrata veeris külgede kaupa:
     • Ülemine
     • Parem
     • Alumine
     • Vasak

Kasutusjuht

Tavaline tühik sobib ideaalselt e-kirja jaotiste selgete visuaalsete eralduste loomiseks ning tagab korrastatud ja professionaalse paigutuse.

2. Dünaamiline tühik

Dünaamiline tühik on nähtamatu tühi plokk, mis on mõeldud e-kirja paigutusse õhuruumi loomiseks.

Põhifunktsioonid

1. Kõrguse kohandamine Kohandage kõrgust otse sisualal või juhtpaneeli kaudu, kasutades + ja - nuppe. Kõrgus määrab jaotiste vahele lisatava vertikaalse ruumi suuruse.

2. Taustavärv Vaikimisi on tühikul läbipaistev taust, kuid saate kuueteistkümnendkoodi või värvivalija abil rakendada kohandatud taustavärvi. Nii saab tühik vajaduse korral toimida nähtava plokina.

3. Kohanduv käitumine Valik Responsive Spacer tagab, et tühik kohandub dünaamiliselt eri ekraanisuurustega, et paigutus oleks eri seadmetes optimaalne. See funktsioon on vaikimisi lubatud.

Tavalise ja dünaamilise tühiku peamised erinevused

• Dünaamiline tühik: lisab tühja ruumi ilma nähtava jooneta.
• Tavaline tühik: sisaldab joonepõhiseid seadeid, näiteks:
  • joone laius;
  • joondus;
  • joone stiilid;
  • veeris.

Dünaamiline tühik neid funktsioone ei toeta ja on mõeldud üksnes eraldamiseks ilma visuaalsete elementideta.

3. Ankrulingi lisamine

Ankrulinke saab rakendada mõlemale tühikutüübile, võimaldades kasutajatel liikuda e-kirja teisest osast otse tühiku asukohta. See on eriti kasulik pikemate uudiskirjade e-kirjasisese navigeerimise loomisel.

Märkus: teatud e-posti kliendid, sealhulgas järgmised, ankrulinke ei toeta:

• Microsoft Outlook
• Gmail (mobiilis)

Videoplokk

Videoplokk võimaldab manustada e-kirja videoid ning kohandada nende välimust ja käitumist. See toetab videolinke platvormidelt nagu YouTube ja Vimeo, pakkudes paindlikkust ja kontrolli video kuvamise üle.

1. Link videole

Lisage video URL väljale Link to Video. Toetatud platvormid on YouTube, Vimeo ja muud manustamist võimaldavad teenused.

• Automaatne käitumine: Kehtiva URL-i lisamisel:

  • luuakse platvormi video pisipildi põhjal automaatselt eelvaatepilt;
  • väli Alternate Text täidetakse video pealkirja või kirjeldusega (kui see on saadaval).

• Muudetavad väljad: Vajaduse korral saate loodud eelvaatepilti ja teksti käsitsi muuta või asendada.

2. Alternatiivtekst

Väli Alternate Text tagab juurdepääsetavuse, kuvades video kirjelduse juhul, kui seda ei õnnestu laadida.

• Täidetakse toetatud videolingi lisamisel automaatselt.
• Saate seda oma sisuvajadustele vastavaks kohandada.

3. Kohandatud pisipilt

Laadige üles kohandatud pilt, et asendada video vaike-eelvaade.

• Kuidas lubada: lülitage sisse valik Custom Thumbnail.
• Toetatud vormingud: PNG, JPG või GIF.
• Millal kasutada: asendage loodud pisipilt, kui see ei sobi teie e-kirja kujundusega.

4. Esitusnupp

Kohandage video pisipildil kuvatavat esitusnuppu.

• Saadaval olevad valikud:
  • valige YouTube'i, Vimeo või muu esitusnupu stiil;
  • valige „None“, et esitusnupp täielikult peita.

5. Suurus

Kohandage video mõõtmeid, et see sobituks teie e-kirja kujundusega.

• Laius ja kõrgus: kasutage suuruse määramiseks + ja - nuppe või sisestage väärtused käsitsi.
• Kohanduv kujundus: tagage, et video sobituks sujuvalt eri seadmetega.

6. Laiusele kohandamine

Lubage lüliti Adjust to Width, et video sobituks automaatselt konteineri laiusega. Nii säilitab video eri seadmetes kohanduva kujunduse.

7. Kohanduv pilt

Lüliti Responsive Image tagab, et video pisipilt kohandub mobiiliseadmetes ekraani laiusega.

• Märkus: kohanduvus sõltub seadme ja e-posti kliendi toest.

8. Joondus

Kasutage seadet Alignment, et määrata video horisontaalne asukoht plokis:

• Vasak: joondab video vasakule.
• Keskel: joondab video keskele.
• Parem: joondab video paremale.

9. Mobiilispetsiifilised valikud

Kohandage video käitumist ja välimust mobiilseadmetes:

1. Peida element mobiilis Vajaduse korral peitke videoplokk mobiilseadmetes.

   • Märkus: see funktsioon sõltub meediapäringute toest ja ei pruugi kõigis e-posti klientides töötada.

2. Mobiili veeris Kohandage video ümber olevat veerist mobiilivaadetes.

   • Kasutage lülitit More, et määrata veerise väärtused eraldi:
     • Ülemine
     • Parem
     • Alumine
     • Vasak

10. Kaasa AMPHTML-is või HTML-is

Valige, millistes e-kirja versioonides videoplokk kuvatakse:

• Nii AMPHTML-is kui ka HTML-is
• Ainult AMPHTML-is
• Ainult HTML-is

See valik tagab video sobiva kaasamise vastavalt edastatavale e-kirja versioonile.

HTML-plokk

HTML-plokk võimaldab lisada e-kirja kohandatud HTML- ja CSS-koodi, pakkudes paindlikkust täiustatud kohandamiseks, arvestades samal ajal e-posti klientide ühilduvust. Olenemata sellest, kas lisate ühe HTML-elemendi või kujundate terve e-kirja, on see plokk teie tööriist kohandatud kujunduste loomiseks.

1. Koodiredaktori kasutajaliides

Kui valite HTML-ploki, kuvatakse sisuvaates must koodiredaktori aken. Selles redaktoris saate kohandatud koodi kirjutada, kleepida või muuta. Redaktor sisaldab kahte jaotist:

• HTML-i jaotis: lisage või muutke e-kirja HTML-struktuuri.
• CSS-i jaotis: avage eraldi CSS-redaktor oma sisu kujundamiseks.

2. Fondisuuruse kohandamine

Kohandage redaktoris oleva koodi fondisuurust parema loetavuse tagamiseks:

• kasutage fondisuuruse suurendamiseks nuppu A+;
• fondisuuruse vähendamiseks kasutage nuppu A-.

3. Redaktoriakna suuruse kohandamine

Muutke koodiredaktori akna suurust vastavalt oma tööeelistustele:

• Kuidas kohandada:
  • viige kursor redaktoriakna ülaosa keskel olevatele kolmele punktile;
  • lohistage liugurit üles või alla, et redaktori suurust suurendada või vähendada.

See funktsioon on eriti kasulik suuremate või üksikasjalikumate koodiplokkide haldamisel.

4. CSS-redaktor

CSS-redaktor võimaldab hallata HTML-sisu stiile ja sellele pääseb ligi koodiredaktori paremas ülanurgas oleva nupu kaudu.

Olulised kaalutlused:

• Piiratud tugi: paljud e-posti kliendid ei toeta täiustatud CSS-funktsioone, nagu Flexbox, Grid või meediapäringud.
• Jääge põhitõdede juurde: maksimaalse ühilduvuse tagamiseks kasutage lihtsat tekstisisest CSS-i.
• Eelkonfigureeritud stiilid: vältige eelkonfigureeritud stiilide kustutamist, sest need tagavad korrektse kuvamise peamistes e-posti klientides.

5. Ühilduvus e-posti klientidega

E-posti HTML nõuab erilist tähelepanu, sest paljud e-posti kliendid kasutavad aegunud renderdusmootoreid.

Põhijuhised:

• kasutage parema toe tagamiseks <div>-põhiste paigutuste asemel tabelipõhiseid paigutusi;
• vältige täiustatud CSS-funktsioone, nagu animatsioonid, Flexbox või Grid;
• arvestage meediapäringute ja väiksemate CSS-omaduste ebaühtlase käitumisega;
• Testimine: testige e-kirju alati mitmes kliendis (nt Gmail, Outlook, Apple Mail), et tagada korrektne kuvamine.

6. Veeris

Seade Padding kohandab teie HTML-sisu ümber olevat ruumi:

• Vaikimisi veeris: vaikimisi on väärtus 0.
• Kohandatud veeris: lubage lüliti More, et kohandada veerist eraldi:
  • Ülemine
  • Parem
  • Alumine
  • Vasak

See funktsioon sobib ideaalselt HTML-sisu joondamiseks e-kirja paigutuses.

7. Ankrulingi lisamine

Funktsioon Add Anchor Link võimaldab luua e-kirja mujale klõpsatava lingi, mis viib HTML-plokini.

Kuidas kasutada:

• lülitage valik sisse ja sisestage väljale ankru nimi.

Piirangud:

• ankrulinke ei toeta mõned e-posti kliendid, näiteks:
  • iOS-i Gmaili rakendus
  • iOS-i Apple Mail
  • Outlooki rakendus (Android ja macOS)
  • AMP-e-kirjad

8. Kohandatud HTML-i kirjutamine

HTML-redaktor on mõeldud e-kirja kohandatud HTML-struktuuri kirjutamiseks või kleepimiseks.

Head tavad:

• kasutage lihtsat ja laialt toetatud HTML-i;
• vältige keerukaid paigutusi või funktsioone, näiteks <div>-elemente;
• parema ühilduvuse tagamiseks kasutage tabelipõhiseid kujundusi.

9. Edu näpunäited

1. Alustage väikeselt: kui olete e-posti arenduses algaja, kasutage HTML-plokki konkreetsete jaotiste jaoks.
2. Valideerige kood: veenduge, et teie HTML vastaks e-posti klientide nõuetele.
3. Testige põhjalikult: kasutage tööriistu oma e-kirja eelvaate kuvamiseks ja testimiseks eri klientides ja seadmetes.