Stripo vilkšanas un nomešanas e-pasta redaktora iestatījumi

Published: 2024. gada 22. oktobris · Last updated: 2026. gada 21. jūlijs · By Marcus Biel

Maildroppa e-pasta redaktora labajā pusē atradīsiet E-pasta iestatījumu kolonnu, kurā pieejami rīki e-pasta satura struktūras un izskata veidošanai un pielāgošanai. Šī kolonna ir sadalīta divās cilnēs: Saturs un Izskats.

Cilne Saturs

Cilnē Saturs veidojat un kārtojat e-pasta saturu. Tajā ir divas galvenās sadaļas: Struktūras un Bloki.

1. Struktūras

Struktūras nosaka e-pasta izkārtojumu, sakārtojot saturu rindās un kolonnās. Varat izvēlēties kādu no iepriekš izveidotiem izkārtojumiem, piemēram:

• Viena kolonna
• Divas kolonnas
• Vairākas kolonnas

Jums nav jāierobežojas tikai ar šīm iespējām — varat kombinēt vairākus blokus, lai izveidotu jebkādu pielāgotu izkārtojumu un pilnībā pielāgotu dizainu savām vajadzībām.

• Vilkšana un nomešana: vienkārši velciet struktūru no šīs sadaļas un nometiet to e-pasta dizaina zonā, lai sāktu pievienot saturu.
• Pielāgošana: pēc struktūras pievienošanas varat to aizpildīt ar dažādiem satura blokiem, piemēram, attēliem, tekstu vai pogām.

2. Bloki

Bloki ir satura elementi, kurus ievietojat struktūrās, lai izveidotu e-pastu.

Pieejami šādi bloku veidi:

• Attēls: augšupielādējiet attēlus (PNG, JPG, GIF) un pielāgojiet to izskatu.
• Teksts: pievienojiet un formatējiet tekstu sava ziņojuma nodošanai.
• Poga: pievienojiet klikšķināmas pogas ar pielāgojamu tekstu, saitēm un stiliem.
• Atstarpe: ievietojiet tukšu vietu, lai pielāgotu izkārtojumu starp citiem blokiem.
• Video: ieguliet video saturu no tādām platformām kā YouTube, Vimeo un citām.
• HTML: pievienojiet pielāgotu HTML un CSS kodu uzlabotai e-pasta satura pielāgošanai.

Katrs bloks ir elastīgs un pielāgojams, ļaujot izveidot e-pastu, kas atbilst jūsu zīmola izskatam un noskaņai.

Detalizēts satura bloku skaidrojums

Attēla bloks

Attēla bloks Stripo vilkšanas un nomešanas e-pasta redaktorā ļauj pievienot un pielāgot attēlus e-pasta kampaņā.

Attēla bloka pievienošana

Attēla bloku e-pastam varat pievienot divos veidos:

1. iespēja

Novietojiet kursoru virs zonas "Nometiet saturu šeit" struktūrā un pēc tam noklikšķiniet uz attēla ikonas. Atlasītā struktūra nekavējoties tiks pārveidota par attēla bloku.

2. iespēja

Cilnes Saturs sadaļā Bloki atrodiet vajadzīgo bloku. Ievelciet attēla bloku vajadzīgajā struktūrā e-pasta izkārtojumā. Šī metode sniedz lielāku kontroli pār precīzu attēla novietojumu.

Attēla augšupielāde

Kad attēla bloks ir pievienots, attēlu varat augšupielādēt divos veidos:

Vilkšana un nomešana

Varat tieši vilkt un nomest attēla failu (PNG, JPG, GIF) no sava datora augšupielādes lodziņā, kas parādās attēla blokā.

Augšupielāde no datora

Varat arī noklikšķināt uz mākoņa ikonas attēla blokā, lai atvērtu failu pārlūku un izvēlētos attēlu no sava datora (līdz 2 MB). Pēc izvēles attēls parādīsies gan blokā, gan satura cilnē labajā pusē.

Attēla maiņa

Lai aizstātu attēlu, izmantojiet satura cilnē pieejamo opciju Mainīt attēlu. Noklikšķiniet uz apaļās ikonas Mainīt attēlu, lai augšupielādētu jaunu attēlu vai pievienotu attēlu no ārēja URL.

Attēla rediģēšana

Pēc attēla augšupielādes, iespējams, vēlēsieties veikt papildu labojumus tieši platformā. Stripo iebūvētais Attēlu redaktors ļauj uzlabot un pielāgot attēlus, neatstājot e-pasta redaktoru.

Attēlu redaktora atvēršana

1. Kad attēls ir augšupielādēts, noklikšķiniet uz pogas Rediģēt attēlu. Tiks atvērts attēlu redaktora interfeiss.
2. Redaktors piedāvā plašu rīku klāstu, kas redzams augšējā izvēļņu joslā.

Pieejamie attēlu rediģēšanas rīki

• Filtri Lietojiet dažādus filtrus ar vienu klikšķi, piemēram:

  • Pelēktoņi
  • Melnbalts
  • Asināt
  • Invertēt
  • Sēpija
  • Spilgtums
  • Krāsa

• Mainīt izmēru Pielāgojiet attēla izmērus. Varat:

  • Norādīt konkrētu platumu un augstumu.
  • Saglabāt malu attiecību.

• Apgriezt Atlasiet saglabājamo attēla daļu un noņemiet nevēlamās daļas.

• Transformēt Pagrieziet vai apvērsiet attēlu:

  • Horizontāli
  • Vertikāli

• Zīmēt Izmantojiet zīmēšanas rīku, lai virs attēla pievienotu ar brīvu roku veidotus elementus, piemēram, līnijas vai pielāgotas formas.

• Teksts Pievienojiet tekstu tieši attēlam. Pielāgojiet:

  • Fontu
  • Izmēru
  • Krāsu
  • Līdzinājumu

• Formas un uzlīmes Uzlabojiet attēlu, virs tā novietojot:

  • Iepriekš izveidotas formas
  • Jautras uzlīmes

• Rāmji Izvēlieties kādu no rāmjiem, lai piešķirtu attēlam stilīgu apmali.

• Stūri Pielāgojiet stūru stilu noslīpētam izskatam.

• Fons Noņemiet vai aizstājiet attēla fonu tīrākam izskatam.

Labojumu saglabāšana

Kad esat veicis nepieciešamās izmaiņas, redaktora augšējā kreisajā stūrī noklikšķiniet uz pogas Saglabāt. Rediģētais attēls automātiski aizstās sākotnējo attēlu e-pasta izkārtojumā.

Attēla iestatījumi

Pēc attēla augšupielādes varat to pielāgot, izmantojot attēla iestatījumus, kas pieejami cilnes Saturs labajā pusē.

Saite

Pievienojiet attēlam saiti. Varat izvēlēties no dažādiem saišu veidiem, piemēram:

• Tīmekļa vietne (HTTP, HTTPS)
• Pasts (mailto:)
• Fails (ftp)
• Sociālā kopīgošana (Facebook, X (iepriekš Twitter), LinkedIn, Pinterest)

Šīs opcijas atradīsiet saišu iestatījumu nolaižamajā izvēlnē.

Alternatīvais teksts

Pievienojiet alternatīvo tekstu, kas tiks parādīts, ja attēls netiks ielādēts. Šis teksts ir noderīgs arī piekļūstamībai, jo ekrāna lasītāji to var izmantot, lai aprakstītu attēlu adresātiem ar redzes traucējumiem.

Līdzinājums

Izvēlieties, kā attēlam jābūt līdzinātam konteinerā. Varat to līdzināt pa kreisi, centrā vai pa labi.

Izmērs

Manuāli pielāgojiet attēla platumu un augstumu, izmantojot plusa/mīnusa pogas vai ievadot vajadzīgos izmērus.

Varat arī iespējot opciju "Pielāgot platumam", lai attēls automātiski ietilptu visā konteinera platumā.

Adaptīvais attēls

Iespējojiet opciju "Adaptīvais attēls", lai attēls pielāgotos dažādiem ekrāna izmēriem, īpaši mobilajās ierīcēs.

Atkāpes

Pielāgojiet atkāpes ap attēlu, lai kontrolētu atstarpi starp attēlu un apkārtējo saturu. Varat izmantot vienādas atkāpes visām malām vai pielāgot katru malu atsevišķi (augšā, apakšā, pa kreisi, pa labi).

Enkura saites

Attēlam varat piešķirt enkura saiti, kas ļaus adresātiem, noklikšķinot uz attēla, pāriet uz konkrētu sadaļu tajā pašā e-pastā. Tomēr ņemiet vērā, ka enkura saites var nedarboties noteiktos e-pasta klientos, piemēram, Gmail un Apple Mail.

Teksta bloks

Uzlabojiet teksta blokus, pielāgojot to izskatu un funkcionalitāti, izmantojot tālāk norādītos iestatījumus. Katra opcija ļauj precīzi kontrolēt teksta attēlojumu, nodrošinot tā atbilstību jūsu dizaina vēlmēm.

Teksta rīkjosla

Noklikšķinot teksta blokā, virs satura zonas parādās Teksta rīkjosla, kas nodrošina ātru piekļuvi daudzām bieži izmantotām teksta formatēšanas opcijām. Rīkjoslā pieejamas šādas funkcijas:

1. Rindkopas formāts

Iestatiet rindkopas stilu, izvēloties, piemēram, Parasts parastam tekstam vai dažādus virsrakstu līmeņus (Virsraksts 1 līdz Virsraksts 6), lai e-pastā izveidotu strukturētu hierarhiju. Tas padara saturu lasāmāku un pārskatāmāku.

2. Fontu saime

Noklusējuma fonts ir Arial, taču varat izvēlēties dažādus fontus, tostarp tādus izplatītus fontus kā Georgia, Helvetica un Courier New. Pieejama arī meklēšanas funkcija, lai ātri atrastu konkrētu fontu.

3. Fonta izmērs

Pielāgojiet fonta izmēru no 8pt līdz 72pt. Noklusējuma izmērs ir 14pt, kas parasti labi piemērots e-pasta pamattekstam. Izmantojiet nolaižamo izvēlni, lai ātri iestatītu vajadzīgo fonta izmēru.

4. Teksta stils

Formatējiet tekstu, izmantojot šādas opcijas:

• Treknraksts (B): izceļ tekstu, padarot to treknu.
• Kursīvs (I): padara tekstu slīprakstā stilizētākam izskatam.
• Pasvītrojums (U): pasvītro tekstu, ko bieži izmanto hipersaitēm.
• Pārsvītrojums (S): novelk līniju caur tekstu, kas noder labojumiem vai noņemtam saturam.

5. Papildu teksta stils (trīs punktu izvēlne)

Noklikšķinot uz trim punktiem rīkjoslā, tiek atvērtas papildu opcijas:

• Apakšraksts: novieto tekstu zem bāzes līnijas (noder zemsvītras piezīmēm vai ķīmiskām formulām).
• Augšraksts: novieto tekstu virs bāzes līnijas (bieži izmanto kāpinātājiem vai kārtas skaitļiem).
• Noņemt formatējumu: noņem visu lietoto formatējumu un atgriež tekstu noklusējuma stilā.

6. Teksta un fona krāsa

• Teksta krāsa: noklikšķiniet uz teksta krāsas pogas, lai izvēlētos krāsu no paletes vai ievadītu hex kodu precīzai teksta krāsas kontrolei.
• Fona krāsa: izvēlieties teksta fona (izcēluma) krāsu.

7. Teksta līdzinājums

Līdziniet tekstu blokā:

• Līdzināt pa kreisi: līdzināt tekstu pa kreisi.
• Centrēt: centrēt tekstu.
• Līdzināt pa labi: līdzināt tekstu pa labi.
• Izlīdzināt: vienmērīgi izkārtot tekstu visā bloka platumā.

8. Saraksti

Izveidojiet numurētus un aizzīmētus sarakstus:

• Ievietot/noņemt aizzīmētu sarakstu: pievieno vai noņem aizzīmes.
• Ievietot/noņemt numurētu sarakstu: pievieno vai noņem numurētu sarakstu.

9. Rindu aplaušana

Iespējojiet vai atspējojiet rindu aplaušanu teksta blokā. Kad tā ir iespējota, garas teksta rindas automātiski pāriet nākamajā rindā.

10. Atkāpe

Pielāgojiet teksta atkāpi:
- **Palielināt atkāpi**: pārvieto tekstu tālāk no malas, kas noder apakšpunktiem vai citātiem.
- **Samazināt atkāpi**: samazina atkāpi, pārvietojot tekstu tuvāk kreisajai malai.
![Teksta atkāpe](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Ievietot hipersaiti

Uzziniet, kā e-pasta saturā pievienot, rediģēt un pārvaldīt hipersaites.

Saites pievienošanas vai rediģēšanas darbības

a) Iezīmējiet tekstu

Atlasiet tekstu, kuru vēlaties pārvērst par hipersaiti.

b) Noklikšķiniet uz saites ikonas

Teksta rīkjoslā noklikšķiniet uz Saites ikonas.

c) Rediģējiet saiti iestatījumu panelī

Labajā pusē parādīsies Iestatījumu panelis ar saišu opcijām:

• Saites lauks: ievadiet URL vai izvēlieties kādu no iepriekš definētām opcijām.
• Tagi: pievienojiet tagus abonentu iezīmēšanai vai automatizāciju aktivizēšanai.

Saišu labošana pēc nosūtīšanas

Nekas nav nepatīkamāks par jaunas kampaņas nosūtīšanu jūsu 2,365 abonentiem, lai tikai konstatētu, ka viena no saitēm vienkāršas drukas kļūdas dēļ nedarbojas. Ardievu, Melnās piektdienas izpārdošana!

Par laimi, mēs esam nodrošinājuši iespēju labot nedarbojošās saites pat pēc tam, kad e-pasts jau ir nosūtīts abonentiem.

a) Skatīt kampaņu

Atrodiet nosūtīto kampaņu pārskatā, noklikšķiniet uz trim punktiem un izvēlieties Skatīt kampaņu.

b) Mainiet saites vai tagus

Kampaņas informācijā ritiniet līdz saišu sarakstam, lai:

• Atjauninātu saišu mērķus: labotu nepareizus URL.
• Pārvaldītu tagus: pievienotu vai noņemtu automatizāciju tagus.

Piezīme: lai izmantotu saišu atkārtotas mērķēšanas funkciju, kampaņas iestatījumos jābūt iespējotai klikšķu izsekošanai.

Saites izskata pielāgošana

Labās puses iestatījumu panelī varat pielāgot saites izskatu:

• Saites krāsa: izvēlieties krāsu vai ievadiet hex kodu.

• Pasvītrot saites: iespējojiet vai atspējojiet pasvītrojumu tīrākam izskatam.

12. Personalizācijas tagi

Izmantojiet personalizācijas tagus, lai pievienotu dinamisku saturu, piemēram, adresāta vārdu vai citus pielāgotus laukus.

• Rīkjoslā atveriet nolaižamo izvēlni Personalizācijas tagi, lai izvēlētos bieži izmantotus laukus, piemēram, Vārds, E-pasts vai Valsts, vai definētu pielāgotus laukus e-pastu personalizēšanai katram adresātam.

13. Emocijzīmes

Piešķiriet tekstam vizuālu pievilcību, pievienojot emocijzīmes.

• Lai atvērtu kategorijās sakārtotu emocijzīmju sarakstu, rīkjoslā noklikšķiniet uz Emocijzīmes ikonas.
• Saderības piezīme: pārbaudiet e-pastus noteiktos klientos, piemēram, Outlook, jo dažos no tiem emocijzīmes var netikt parādītas pareizi.

14. Tabula un īpašās rakstzīmes

Rīkjoslas beigās noklikšķiniet uz trim punktiem, lai atklātu papildu opcijas.

Tabulas ievietošana

Izveidojiet un pielāgojiet tabulas, lai uzlabotu e-pasta izkārtojumu.

• Pēc vajadzības definējiet rindas, kolonnas, šūnu atstarpes, atkāpes un apmales izmēru.

Īpašo rakstzīmju ievietošana

Uzlabojiet tekstu ar simboliem, diakritiskajām zīmēm un citām nestandarta rakstzīmēm.

• Atveriet opciju Īpašās rakstzīmes, lai pārlūkotu plašu rakstzīmju klāstu.

Papildu teksta bloka iestatījumi (labais panelis)

Labais panelis piedāvā plašas teksta bloku izskata un funkcionalitātes kontroles iespējas. Tālāk norādīti pieejamie iestatījumi:

1. Teksta krāsa

Definējiet teksta krāsu, izmantojot krāsu izvēli vai ievadot hex kodu.

2. Fona krāsa

Iestatiet teksta bloka pielāgotu fona krāsu. Pēc noklusējuma fons ir caurspīdīgs.

3. Saišu specifiskie iestatījumi

Ja teksta blokā ir saites, iestatījumos parādās papildu opcijas:

• Saites krāsa: pielāgojiet saišu krāsu, izmantojot krāsu izvēli vai hex kodu.

• Pasvītrot saites: ieslēdziet vai izslēdziet teksta bloka saišu pasvītrojumu.

• Saišu rediģēšana: Satura zonā atlasiet saiti, lai iestatījumu panelī rediģētu tās URL. Varat arī piešķirt vai atjaunināt saites tagus, izmantojot nolaižamo izvēlni ar nosaukumu "Tagi".

4. Līdzinājums

Līdziniet teksta bloku konteinerā: pa kreisi, centrā vai pa labi.

5. Fiksēts augstums

Iespējojot šo opciju, iestatiet teksta blokam fiksētu augstumu. Varat arī kontrolēt teksta vertikālo līdzinājumu: augšā, vidū vai apakšā.

6. Rindu atstarpe

Kontrolējiet atstarpi starp teksta rindām. Izvēlieties šauru, parastu vai platu atstarpi.

7. Atkāpes

Pielāgojiet atstarpi ap teksta bloku. Izmantojiet vienādas atkāpes visām malām vai pielāgojiet katru malu atsevišķi: augšā, apakšā, pa kreisi un pa labi.

8. Enkura saites

Izveidojiet enkura saites, lai lasītāji varētu pāriet uz konkrētām e-pasta sadaļām. Ņemiet vērā, ka daži e-pasta klienti enkura saites neatbalsta.

Pogas bloks

Pogas bloks ļauj e-pastam pievienot klikšķināmu pogu ar pielāgojamiem funkcionalitātes un stila iestatījumiem.

Saišu iestatījumi

Opcija Saite nosaka darbību, kas tiek aktivizēta, kad adresāts noklikšķina uz pogas.

Pieejamie saišu veidi

• Parasta vietnes saite (HTTP vai HTTPS): novirza lietotāju uz tīmekļa lapu.
• Pasta saite: atver lietotāja e-pasta klientu jauna e-pasta izveidei.
• Faila saite (FTP, FTPS): izveido saiti uz failu FTP serverī.
• Skype: sāk Skype zvanu vai tērzēšanu.
• Tālrunis (tel): sāk tālruņa zvanu saderīgās ierīcēs.
• SMS: atver ziņojumapmaiņas lietotni ar iepriekš aizpildītu adresāta numuru.
• Viber: atver Viber lietotni ziņojumu sūtīšanai vai zvaniem.
• Cits protokola veids: norādiet pielāgotu protokolu, kas nav iekļauts iepriekš.

Sociālās kopīgošanas opcijas

Varat arī iestatīt pogu sociālajai vai e-pasta kopīgošanai:

• Facebook
• X (iepriekš Twitter)
• LinkedIn
• Pinterest
• Kopīgošana e-pastā

URL lauks

Blakus saites veidam URL lauks (parasti sākas ar https://) ļauj ievadīt konkrēto adresi, kas atbilst saites veidam.

Pogas etiķete

Pielāgojiet pogas etiķeti, lai tā atspoguļotu jūsu aicinājumu uz darbību. Noklusējuma etiķete ir "Poga", taču varat to mainīt, piemēram, uz "Uzzināt vairāk", "Abonēt tagad" vai "Iepirkties tagad".

Teksta stils

Teksta stila iestatījumi ļauj pielāgot pogas teksta izskatu.

Fonta izvēle

Izvēlieties kādu no standarta fontiem, tostarp:

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

Nestandarta fontiem pieejamas arī šādas opcijas:

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

Fontu saraksta augšdaļā esošais meklēšanas lodziņš palīdzēs ātri atrast konkrētu fontu.

Fonta izmērs un formatēšana

• Fonta izmērs: izvēlieties no 8 līdz 72 atkarībā no tā, cik izteiksmīgam jābūt pogas tekstam.
• Teksta formatēšana: izmantojiet ikonas "B" vai "I", lai pogas tekstam lietotu treknrakstu vai kursīvu.

Krāsu iestatījumi

Pielāgojiet pogas izskatu, mainot tās krāsu iestatījumus.

1. Pogas krāsa: Mainiet pogas fona krāsu. Noklusējuma krāsa ir zaļa (#31cb4b). Izmantojiet hex koda lauku vai krāsu izvēli, lai atlasītu citu krāsu.

2. Teksta krāsa: Norādiet pogas teksta krāsu. Noklusējuma krāsa ir balta (#ffffff). Labākai lasāmībai izvēlieties krāsu, kas labi kontrastē ar pogas fonu.

3. Fona krāsa: Pielāgojiet pogas konteinera fonu. Pēc noklusējuma tas ir caurspīdīgs, taču varat to mainīt, lai poga izceltos uz e-pasta fona.

Apmales rādiuss

Kontrolējiet pogas stūru noapaļojumu, izmantojot iestatījumu Apmales rādiuss.

• Noklusējuma vērtība: 30 (vidēji noapaļoti stūri).
• Diapazons: no 0 (kvadrātveida stūri) līdz 100 (kapsulas formas poga).

Piezīme: Lai noapaļotie stūri pareizi tiktu parādīti programmā Microsoft Outlook, cilnē Izskats aktivizējiet opciju "Outlook atbalsts".

Līdzinājums

Novietojiet pogu satura zonā, izmantojot iestatījumu Līdzinājums.

• Opcijas: pa kreisi, centrā, pa labi.
• Biežākais lietojums: centrēts līdzinājums izcelšanai, līdzinājums pa kreisi vai pa labi dizaina konsekvences nodrošināšanai.

Fiksēts augstums

Iespējojiet opciju Fiksēts augstums, lai saglabātu nemainīgus pogas izmērus.

1. Noklusējums: deaktivizēts.
2. Minimālais augstums: 44 pikseļi.
3. Satura vertikālais līdzinājums: kad ir iespējots fiksēts augstums, līdziniet pogas saturu augšā, vidū vai apakšā, lai to precīzi novietotu.

Poga ar ikonu

Opcija Poga ar ikonu ļauj blakus pogas tekstam iekļaut ikonu, uzlabojot vizuālo pievilcību un pastiprinot aicinājumu uz darbību. Pēc noklusējuma šī funkcija ir deaktivizēta.

• Atbalstītie formāti: augšupielādējiet ikonas PNG, JPG vai GIF formātā, ar maksimālo faila izmēru 2 MB.
• Ikonas novietojums: izvēlieties, vai ikonu rādīt pogas teksta kreisajā vai labajā pusē.

Piezīme: ikonas netiek rādītas noteiktās Microsoft Outlook for Windows versijās, tostarp:

• Outlook 2002, 2007, 2010, 2013, 2016 un 2019. Šo ierobežojumu izraisa tas, kā šie e-pasta klienti atveido HTML e-pastus. Ņemiet to vērā, ja liela daļa jūsu auditorijas izmanto šos klientus.

Apmales iestatījumi

Pielāgojiet pogas apmales, lai piešķirtu tai papildu stilu un izceltu to.

• Apmales platums: iestatiet katras malas (kreisās, labās, augšējās un apakšējās) platumu atsevišķi, līdz 40 pikseļiem.
• Apmales stils: izvēlieties nepārtrauktu, pārtrauktu vai punktotu stilu.
• Apmales krāsa: izmantojiet krāsu izvēli vai ievadiet hex kodu, lai apmales krāsa atbilstu jūsu zīmolam vai dizaina shēmai.

Iekšējās atkāpes

Pielāgojiet atstarpi pogas iekšpusē starp saturu (tekstu un ikonu) un pogas apmali.

• Pielāgošanas opcijas: definējiet atkāpju vērtības kreisajai, labajai, augšējai un apakšējai malai līdz maksimāli 99 pikseļiem.
• Ietekme: iekšējās atkāpes ietekmē pogas kopējo izmēru un satura novietojumu pogā.

Ārējās atkāpes

Kontrolējiet atstarpi ārpus pogas, lai pielāgotu tās novietojumu attiecībā pret citiem e-pasta izkārtojuma elementiem.

• Pielāgošanas opcijas: iestatiet ārējo atkāpju vērtības kreisajai, labajai, augšējai un apakšējai malai līdz maksimāli 40 pikseļiem.
• Lietošanas gadījums: nodrošina, ka poga neatrodas pārāk tuvu citam saturam vai e-pasta malām.

Enkura saites pievienošana

Izmantojiet enkura saites, lai novirzītu lasītājus uz konkrētām sadaļām tajā pašā e-pastā un nodrošinātu ātru navigāciju garākos informatīvajos izdevumos.

• Enkura nosaukums: definējiet mērķi e-pastā un izveidojiet pogas saiti uz šo enkuru. Pēc noklikšķināšanas e-pasts ritinās līdz norādītajai sadaļai, uzlabojot lietotāja navigāciju.

Svarīgi: enkura saites netiek atbalstītas noteiktos e-pasta klientos, tostarp:

• iOS Gmail lietotnē
• iOS Apple Mail
• Outlook lietotnē Android ierīcēm
• Outlook lietotnē macOS
• AMP e-pastos

Rūpīgi pārbaudiet e-pastu, lai nodrošinātu tā darbību dažādos e-pasta klientos un noteiktu, vai šī funkcija ir piemērota jūsu auditorijai.

Atstarpes bloks

Atstarpes bloks ļauj e-pasta saturā pievienot pielāgojamu atstarpi, kontrolējot tās izmēru, līdzinājumu, izskatu un iekšējās atstarpes. Tālāk ir aprakstīti divi atstarpju veidi: Parastā atstarpe un Dinamiskā atstarpe.

1. Parastā atstarpe

Parastā atstarpe ir līnijas elements, kas vizuāli atdala e-pasta sadaļas.

Galvenie iestatījumi

1. Līnijas biezums un stils Pielāgojiet līnijas biezumu, stilu un krāsu:

   • Biezums: pielāgojiet, izmantojot pogas + un - (sākot no 1).
   • Stils: izvēlieties nepārtrauktu, pārtrauktu vai punktotu līniju.
   • Krāsa: iestatiet pielāgotu krāsu, izmantojot hex kodu vai krāsu izvēli (noklusējums: #cccccc).

2. Platums Norādiet, cik lielā platumā atstarpes līnijai jāstiepjas pāri saturam. Pielāgojiet platumu pikseļos, izmantojot pogas + un -.

3. Līdzinājums Līdziniet līniju pa kreisi, centrā vai pa labi, lai tā atbilstu izkārtojumam.

4. Atkāpes Kontrolējiet iekšējo atstarpi ap atstarpi:

   • Noklusējums: atkāpe no visām malām ir iestatīta uz 20.
   • Izmantojiet pārslēgu Vairāk, lai norādītu atkāpi katrai malai atsevišķi:
     • Augšā
     • Pa labi
     • Apakšā
     • Pa kreisi

Lietošanas gadījums

Parastā atstarpe ir ideāli piemērota tīrai, vizuālai e-pasta sadaļu atdalīšanai, nodrošinot labi sakārtotu un profesionālu izkārtojumu.

2. Dinamiskā atstarpe

Dinamiskā atstarpe ir neredzams tukšas vietas bloks, kas paredzēts, lai e-pasta izkārtojumā radītu vairāk brīvas vietas.

Galvenās funkcijas

1. Augstuma pielāgošana Pielāgojiet augstumu tieši satura zonā vai vadības panelī, izmantojot pogas + un -. Augstums nosaka, cik daudz vertikālās vietas tiek pievienots starp sadaļām.

2. Fona krāsa Pēc noklusējuma atstarpei ir caurspīdīgs fons, taču varat lietot pielāgotu fona krāsu, izmantojot hex kodu vai krāsu izvēli. Tādējādi atstarpe vajadzības gadījumā var darboties kā redzams bloks.

3. Adaptīva darbība Opcija Adaptīvā atstarpe nodrošina atstarpes dinamisku pielāgošanos dažādiem ekrāna izmēriem, lai dažādās ierīcēs saglabātu optimālu izkārtojumu. Šī funkcija pēc noklusējuma ir iespējota.

Galvenās atšķirības starp parastajām un dinamiskajām atstarpēm

• Dinamiskā atstarpe: pievieno tukšu vietu bez redzamas līnijas.
• Parastā atstarpe: ietver līnijai specifiskus iestatījumus, piemēram:
  • Līnijas platumu
  • Līdzinājumu
  • Līnijas stilu
  • Atkāpes

Dinamiskā atstarpe šīs funkcijas neatbalsta un ir paredzēta tikai atdalīšanai bez vizuāliem elementiem.

3. Enkura saites pievienošana

Enkura saites var lietot abiem atstarpju veidiem, ļaujot lietotājiem no citas e-pasta daļas pāriet tieši uz atstarpes atrašanās vietu. Tas ir īpaši noderīgi, veidojot navigāciju garākos informatīvajos izdevumos.

Piezīme: enkura saites neatbalsta noteikti e-pasta klienti, tostarp:

• Microsoft Outlook
• Gmail (mobilajā ierīcē)

Video bloks

Video bloks ļauj iegult video e-pastā un pielāgot tā izskatu un darbību. Tas atbalsta video saites no tādām platformām kā YouTube un Vimeo, sniedzot elastību un kontroli pār video attēlojumu.

1. Saite uz video

Ievadiet video URL laukā Saite uz video. Atbalstītās platformas ietver YouTube, Vimeo un citus iegulšanas pakalpojumus.

• Automātiskā darbība: Kad tiek pievienots derīgs URL:

  • Automātiski tiek izveidots priekšskatījuma attēls, izmantojot platformas video sīktēlu.
  • Lauks Alternatīvais teksts tiek automātiski aizpildīts ar video nosaukumu vai aprakstu (ja tas ir pieejams).

• Rediģējami lauki: Ja nepieciešams, varat manuāli rediģēt vai aizstāt izveidoto priekšskatījuma attēlu un tekstu.

2. Alternatīvais teksts

Lauks Alternatīvais teksts nodrošina piekļūstamību, parādot video aprakstu, ja to neizdodas ielādēt.

• Tiek automātiski aizpildīts, kad tiek pievienots atbalstīta video URL.
• Varat to pielāgot atbilstoši sava satura vajadzībām.

3. Pielāgots sīktēls

Augšupielādējiet pielāgotu attēlu, lai aizstātu noklusējuma video priekšskatījumu.

• Kā iespējot: aktivizējiet opciju Pielāgots sīktēls.
• Atbalstītie formāti: PNG, JPG vai GIF.
• Kad izmantot: aizstājiet izveidoto sīktēlu, ja tas neatbilst e-pasta dizainam.

4. Atskaņošanas poga

Pielāgojiet video sīktēla pārklājuma Atskaņošanas pogu.

• Pieejamās opcijas:
  • Izvēlieties YouTube, Vimeo vai citu atskaņošanas pogas stilu.
  • Izvēlieties “Nav”, lai pilnībā paslēptu atskaņošanas pogu.

5. Izmērs

Pielāgojiet video izmērus, lai tie atbilstu e-pasta dizainam.

• Platums un augstums: izmantojiet pogas + un - vai manuāli ievadiet vērtības, lai kontrolētu izmēru.
• Adaptīvais dizains: nodrošiniet, ka video vienmērīgi ietilpst dažādās ierīcēs.

6. Pielāgot platumam

Iespējojiet pārslēgu Pielāgot platumam, lai video automātiski ietilptu konteinera platumā. Tas nodrošina, ka video dažādās ierīcēs saglabā adaptīvu dizainu.

7. Adaptīvais attēls

Pārslēgs Adaptīvais attēls nodrošina, ka video sīktēls mobilajās ierīcēs pielāgojas ekrāna platumam.

• Piezīme: adaptīvā darbība ir atkarīga no ierīces un e-pasta klienta atbalsta.

8. Līdzinājums

Izmantojiet iestatījumu Līdzinājums, lai kontrolētu video horizontālo novietojumu blokā:

• Pa kreisi: līdzināt video pa kreisi.
• Centrā: centrēt video.
• Pa labi: līdzināt video pa labi.

9. Mobilajām ierīcēm specifiskās opcijas

Pielāgojiet video darbību un izskatu mobilajās ierīcēs:

1. Paslēpt elementu mobilajā ierīcē Ja nepieciešams, paslēpiet video bloku mobilajās ierīcēs.

   • Piezīme: šī funkcija balstās uz multivides vaicājumu atbalstu un var nedarboties visos e-pasta klientos.

2. Mobilās atkāpes Pielāgojiet atkāpes ap video mobilajiem displejiem.

   • Izmantojiet pārslēgu Vairāk, lai iestatītu atsevišķas atkāpju vērtības:
     • Augšā
     • Pa labi
     • Apakšā
     • Pa kreisi

10. Iekļaut AMPHTML vai HTML

Izvēlieties, kurās e-pasta versijās jāparādās video blokam:

• Gan AMPHTML, gan HTML
• Tikai AMPHTML
• Tikai HTML

Šī opcija nodrošina, ka video tiek atbilstoši iekļauts atkarībā no piegādātās e-pasta versijas.

HTML bloks

HTML bloks ļauj e-pastā ievietot pielāgotu HTML un CSS kodu, sniedzot elastību uzlabotai pielāgošanai, vienlaikus ņemot vērā e-pasta klientu saderību. Neatkarīgi no tā, vai pievienojat vienu HTML elementu vai veidojat visu e-pastu, šis bloks ir paredzēts pielāgotu dizainu izveidei.

1. Koda redaktora interfeiss

Atlasot HTML bloku, satura panelī parādās melns koda redaktora logs. Šajā redaktorā varat rakstīt, ielīmēt vai mainīt pielāgotu kodu. Redaktorā ir divas sadaļas:

• HTML sadaļa: pievienojiet vai rediģējiet e-pasta HTML struktūru.
• CSS sadaļa: atveriet atsevišķu CSS redaktoru sava satura stilizēšanai.

2. Fonta izmēra pielāgošana

Pielāgojiet koda fonta izmēru redaktorā, lai uzlabotu lasāmību:

• Izmantojiet pogu A+, lai palielinātu fonta izmēru.
• Izmantojiet pogu A-, lai samazinātu fonta izmēru.

3. Redaktora loga izmēra pielāgošana

Mainiet koda redaktora loga izmēru atbilstoši savām darba vajadzībām:

• Kā pielāgot:
  • Novietojiet kursoru virs trim punktiem redaktora loga augšējā centrā.
  • Velciet slīdņa vadīklu uz augšu vai uz leju, lai palielinātu vai samazinātu redaktora izmēru.

Šī funkcija ir īpaši noderīga, strādājot ar lielākiem vai detalizētākiem koda blokiem.

4. CSS redaktors

CSS redaktors ļauj pārvaldīt HTML satura stilus, un tam var piekļūt, izmantojot pogu koda redaktora augšējā labajā stūrī.

Svarīgi apsvērumi:

• Ierobežots atbalsts: daudzi e-pasta klienti neatbalsta uzlabotas CSS funkcijas, piemēram, Flexbox, Grid vai multivides vaicājumus.
• Izmantojiet pamata risinājumus: maksimālai saderībai izmantojiet pamata iekļauto CSS.
• Iepriekš konfigurētie stili: neizdzēsiet iepriekš konfigurētos stilus, jo tie nodrošina pareizu atveidi galvenajos e-pasta klientos.

5. E-pasta klientu saderība

E-pasta HTML nepieciešama īpaša uzmanība, jo daudzi e-pasta klienti izmanto novecojušus atveides dzinējus.

Galvenās vadlīnijas:

• Labākam atbalstam izmantojiet tabulās balstītus izkārtojumus, nevis uz <div> balstītus izkārtojumus.
• Izvairieties no uzlabotām CSS funkcijām, piemēram, animācijām, Flexbox vai Grid.
• Rēķinieties ar nekonsekventu multivides vaicājumu un nelielu CSS rekvizītu darbību.
• Testēšana: vienmēr pārbaudiet e-pastus vairākos klientos (piemēram, Gmail, Outlook un Apple Mail), lai nodrošinātu pareizu attēlojumu.

6. Atkāpes

Iestatījums Atkāpes pielāgo atstarpi ap HTML saturu:

• Noklusējuma atkāpe: pēc noklusējuma iestatīta uz 0.
• Pielāgotas atkāpes: iespējojiet pārslēgu Vairāk, lai pielāgotu atkāpi katrai malai:
  • Augšā
  • Pa labi
  • Apakšā
  • Pa kreisi

Šī funkcija ir ideāli piemērota HTML satura līdzināšanai e-pasta izkārtojumā.

7. Enkura saites pievienošana

Funkcija Pievienot enkura saiti ļauj citur e-pastā izveidot klikšķināmu saiti, kas novirza uz HTML bloku.

Kā izmantot:

• Ieslēdziet opciju un laukā ievadiet enkura nosaukumu.

Ierobežojumi:

• Enkura saites neatbalsta daži e-pasta klienti, piemēram:
  • iOS Gmail lietotne
  • iOS Apple Mail
  • Outlook lietotne (Android un macOS)
  • AMP e-pasti

8. Pielāgota HTML rakstīšana

HTML redaktors ir paredzēts e-pasta pielāgotās HTML struktūras rakstīšanai vai ielīmēšanai.

Labākā prakse:

• Izmantojiet vienkāršu, plaši atbalstītu HTML.
• Izvairieties no sarežģītiem izkārtojumiem vai tādiem elementiem kā <div>.
• Izmantojiet tabulās balstītus dizainus, lai nodrošinātu labāku saderību.

9. Padomi veiksmīgam rezultātam

1. Sāciet ar mazu apjomu: ja esat iesācējs e-pasta izstrādē, izmantojiet HTML bloku konkrētām sadaļām.
2. Validējiet kodu: pārliecinieties, ka HTML atbilst e-pasta klientu prasībām.
3. Rūpīgi testējiet: izmantojiet rīkus, lai priekšskatītu un pārbaudītu e-pastu dažādos klientos un ierīcēs.