Chapters

Contents

the email tool that makes email marketing simple

Sign Up FreeNo credit card required.
maildroppa-promo-notebookmaildroppa-promo-spaceship

Nastavitve urejevalnika e-pošte Stripo s funkcijo povleci in spusti

Published: · Last updated: · By

In brief

Spoznajte nastavitve urejevalnika Stripo v Maildroppi: postavitve, vsebinske bloke, slike, besedilo, gumbe, video, HTML, povezave ter odzivni prikaz.

Na desni strani urejevalnika e-pošte Maildroppa boste našli stolpec z nastavitvami e-pošte, ki ponuja orodja za strukturiranje in prilagajanje vsebine ter videza vašega e-poštnega sporočila. Ta stolpec je razdeljen na dva zavihka: Vsebina in Videz.

Stolpec z nastavitvami e-pošte v urejevalniku e-pošte Stripo

Zavihek Vsebina

V zavihku Vsebina oblikujete in organizirate vsebino e-poštnega sporočila. Vsebuje dva glavna razdelka: Strukture in Bloki.

Glavna razdelka – strukture in bloki

1. Strukture

Strukture urejevalnika e-pošte

Strukture določajo postavitev vašega e-poštnega sporočila tako, da vsebino razporedijo v vrstice in stolpce. Izbirate lahko med različnimi vnaprej oblikovanimi postavitvami, kot so:

  • En stolpec
  • Dva stolpca
  • Več stolpcev

Niste omejeni na te možnosti – kombinirate lahko več blokov in ustvarite poljubno postavitev po meri, kar zagotavlja popolno prilagodljivost vašim oblikovalskim potrebam.

  • Povleci in spusti: Preprosto povlecite strukturo iz tega razdelka in jo spustite v območje za oblikovanje e-pošte, da začnete dodajati vsebino.
  • Prilagajanje: Ko dodate strukturo, jo lahko zapolnite z različnimi vsebinskimi bloki, kot so slike, besedilo ali gumbi.

2. Bloki

Bloki so vsebinski elementi, ki jih postavite v strukture in tako sestavite svoje e-poštno sporočilo.

Bloki urejevalnika e-pošte

Na voljo so naslednje vrste blokov:

  • Slika: Naložite slike (PNG, JPG, GIF) in prilagodite njihov videz.
  • Besedilo: Dodajte in oblikujte besedilo za posredovanje svojega sporočila.
  • Gumb: Dodajte gumbe, na katere je mogoče klikniti, ter prilagodite njihovo besedilo, povezave in sloge.
  • Razmik: Vstavite prazen prostor za prilagajanje postavitve med drugimi bloki.
  • Video: Vdelajte video vsebino s platform, kot so YouTube, Vimeo in druge.
  • HTML: Dodajte HTML in CSS po meri za napredno prilagajanje vsebine e-pošte.

Vsak blok je zasnovan tako, da je prilagodljiv in ga je mogoče po meri urediti, zato lahko ustvarite e-poštno sporočilo, ki se ujema z videzom in občutkom vaše blagovne znamke.

Podrobna razlaga vsebinskih blokov

Blok slike

Blok slike

Blok slike v Stripojevem urejevalniku e-pošte s funkcijo povleci in spusti omogoča dodajanje in prilagajanje slik v vaši e-poštni kampanji.

Dodajanje bloka slike

Blok slike lahko v e-poštno sporočilo dodate na dva načina:

1. možnost

Premaknite kazalec nad območje "Spustite vsebino sem" v strukturi in nato kliknite ikono slike. Izbrana struktura se bo takoj spremenila v blok slike.

Spustite vsebino sem

2. možnost

Odprite razdelek Bloki na zavihku Vsebina. Povlecite blok slike v želeno strukturo v postavitvi e-poštnega sporočila. Ta način vam omogoča več nadzora nad natančnim mestom slike.

Povleci in spusti blok slike

Nalaganje slike

Ko dodate blok slike, lahko sliko naložite na dva načina:

Povleci in spusti

Slikovno datoteko (PNG, JPG, GIF) lahko neposredno povlečete iz računalnika in jo spustite v polje za nalaganje, ki se prikaže v bloku slike.

Spustite sliko v polje za nalaganje

Nalaganje iz računalnika

Lahko tudi kliknete ikono oblaka v bloku slike, da odprete brskalnik datotek in izberete sliko iz računalnika (do 2 MB). Ko jo izberete, se bo slika prikazala v bloku in na zavihku z vsebino na desni.

Nalaganje slike iz računalnika

Spreminjanje slike

Če želite zamenjati sliko, uporabite možnost Spremeni sliko na zavihku z vsebino. Kliknite okroglo ikono Spremeni sliko, ki vam bo omogočila nalaganje nove slike ali povezovanje slike z zunanjim URL-jem.

Možnost Spremeni sliko

Urejanje slike

Po nalaganju slike jo boste morda želeli dodatno urediti neposredno v platformi. Stripojev vgrajeni urejevalnik slik omogoča izboljšanje in prilagajanje slik, ne da bi zapustili urejevalnik e-pošte.

Možnost Uredi sliko

Odpiranje urejevalnika slik

  1. Ko naložite sliko, kliknite gumb Uredi sliko. Odpre se vmesnik urejevalnika slik.
  2. Urejevalnik ponuja širok nabor orodij, prikazanih v zgornji menijski vrstici.

Razpoložljiva orodja za urejanje slik

Urejevalnik slik Stripo

  • Filtri Z enim klikom uporabite različne filtre, kot so:

    • Sivinski način
    • Črno-belo
    • Ostrenje
    • Inverzija
    • Sepija
    • Svetlost
    • Barva
  • Spreminjanje velikosti Prilagodite dimenzije slike. Lahko:

    • Določite natančno širino in višino.
    • Ohranite razmerje stranic.
  • Obrezovanje Izberite del slike, ki ga želite obdržati, in odstranite neželene dele.

  • Preoblikovanje Sliko zavrtite ali zrcalite:

    • Vodoravno
    • Navpično
  • Risanje Z orodjem za risanje dodajte prostoročne elemente, kot so črte ali oblike po meri, na svojo sliko.

  • Besedilo Dodajte besedilo neposredno na sliko. Prilagodite lahko:

    • Pisavo
    • Velikost
    • Barvo
    • Poravnavo
  • Oblike in nalepke Sliko izboljšajte z dodajanjem:

    • Vnaprej pripravljenih oblik
    • Zabavnih nalepk
  • Okvirji Izbirate lahko med različnimi okvirji in sliki dodate eleganten rob.

  • Vogali Prilagodite slog vogalov za dovršen videz.

  • Ozadje Odstranite ali zamenjajte ozadje slike za čistejši videz.

Shranjevanje sprememb

Ko opravite želene spremembe, kliknite gumb Shrani v zgornjem levem kotu urejevalnika. Urejena slika bo samodejno nadomestila izvirnik v postavitvi vašega e-poštnega sporočila.

Nastavitve slike

Po nalaganju slike jo lahko prilagodite z možnostmi nastavitev slike, ki so na voljo na zavihku Vsebina na desni strani.

Povezava

Sliki dodajte povezavo. Izbirate lahko med različnimi vrstami povezav, kot so:

  • Spletno mesto (HTTP, HTTPS)
  • Pošta (mailto:)
  • Datoteka (ftp)
  • Skupna raba v družbenih omrežjih (Facebook, X (formerly Twitter), LinkedIn, Pinterest)

Te možnosti najdete v spustnem meniju nastavitev povezave. Različne vrste povezav za slike

Alternativno besedilo

Dodajte alternativno besedilo, ki se prikaže, če se slika ne naloži. To besedilo je uporabno tudi za dostopnost, saj bralnikom zaslona omogoča, da sliko opišejo prejemnikom z okvarami vida. Dodajanje alternativnega besedila slike

Poravnava

Izberite, kako naj bo slika poravnana v vsebniku. Poravnate jo lahko Levo, na Sredino ali Desno. Poravnava slike

Velikost

Ročno prilagodite širino in višino slike z gumbi plus/minus ali z vnosom želenih dimenzij. Prilagajanje velikosti slike

Vključite lahko tudi možnost "Prilagodi širini", da se slika samodejno prilega celotni širini vsebnika.

Odzivna slika

Vključite možnost "Odzivna slika", da zagotovite prilagajanje slike različnim velikostim zaslonov, zlasti mobilnim napravam. Odzivna slika

Notranji odmik

Prilagodite notranji odmik okoli slike in nadzorujte količino prostora med sliko in okoliško vsebino. Notranji odmik lahko uporabite enakomerno ali ga prilagodite za vsako stran (Zgoraj, Spodaj, Levo, Desno). Možnost notranjega odmika

Sidrne povezave

Sliki lahko dodelite sidrno povezavo, ki bo prejemnikom ob kliku na sliko omogočila skok na določen razdelek v istem e-poštnem sporočilu. Upoštevajte, da sidrne povezave morda ne bodo delovale v nekaterih e-poštnih odjemalcih, kot sta Gmail in Apple Mail. Sidrna povezava

Blok besedila

Blok besedila

Izboljšajte svoje bloke besedila tako, da njihov videz in delovanje prilagodite z naslednjimi nastavitvami. Vsaka možnost omogoča natančno določanje prikaza besedila, tako da se popolnoma ujema z vašimi oblikovalskimi željami.

Orodna vrstica besedila

Orodna vrstica besedila

Ko kliknete v blok besedila, se nad območjem z vsebino prikaže orodna vrstica besedila, ki omogoča hiter dostop do številnih običajnih možnosti oblikovanja besedila. V orodni vrstici so na voljo naslednje funkcije:

1. Oblika odstavka

Slog odstavka nastavite tako, da izberete možnosti, kot je Običajno za navadno besedilo ali različne ravni naslovov (Naslov 1 do Naslov 6) za ustvarjanje strukturirane hierarhije v e-poštnem sporočilu. Tako bo vsebina bolj berljiva in urejena. Oblika odstavka

2. Družina pisave

Privzeta pisava je Arial, vendar lahko izbirate med različnimi pisavami, vključno z običajnimi možnostmi, kot so Georgia, Helvetica in Courier New. Na voljo je tudi iskanje za hitro iskanje določene pisave. Izbira pisave

3. Velikost pisave

Velikost pisave lahko prilagodite od 8pt do 72pt. Privzeta vrednost je 14pt, kar je primerno za večino osnovnega besedila e-poštnih sporočil. Z uporabo spustnega menija hitro nastavite želeno velikost pisave. Izbira velikosti pisave

4. Oblikovanje besedila

Besedilo oblikujte z naslednjimi možnostmi:

  • Krepko (B): Poudari besedilo tako, da ga prikaže krepko.
  • Ležeče (I): Besedilo prikaže ležeče za bolj stiliziran videz.
  • Podčrtano (U): Podčrta besedilo, kar se pogosto uporablja za hiperpovezave.
  • Prečrtano (S): Čez besedilo nariše črto, kar je uporabno pri urejanju ali odstranjevanju vsebine. Izbira sloga

5. Napredno oblikovanje besedila (meni s tremi pikami)

Klik na tri pike v orodni vrstici razširi dodatne možnosti:

  • Podpisano: Besedilo pomakne pod osnovno črto (uporabno za opombe ali kemijske formule).
  • Nadpisano: Besedilo pomakne nad osnovno črto (pogosto se uporablja za eksponente ali vrstilne številke).
  • Odstrani oblikovanje: Odstrani vse uporabljeno oblikovanje in besedilo vrne v privzeti slog. Izbira naprednega oblikovanja

6. Barva besedila in ozadja

  • Barva besedila: Kliknite gumb Barva besedila in izberite barvo iz palete ali vnesite šestnajstiško kodo za natančen nadzor nad barvo besedila.
  • Barva ozadja: Izberite barvo ozadja (poudarka) za besedilo. Izbira barve

7. Poravnava besedila

Besedilo poravnajte v bloku:

  • Poravnaj levo: Besedilo poravna levo.
  • Na sredino: Besedilo poravna na sredino.
  • Poravnaj desno: Besedilo poravna desno.
  • Obojestransko: Besedilo enakomerno razporedi po širini bloka. Izbira poravnave besedila

8. Seznami

Ustvarite oštevilčene in neoštevilčene sezname:

  • Vstavi/odstrani označeni seznam: Doda ali odstrani oznake.
  • Vstavi/odstrani oštevilčeni seznam: Doda ali odstrani oštevilčeni seznam. Vstavljanje seznama

9. Prelamljanje vrstic

Omogočite ali onemogočite prelamljanje vrstic v bloku besedila. Ko je omogočeno, se dolge vrstice besedila samodejno premaknejo v naslednjo vrstico. Vklop ali izklop prelamljanja vrstic

10. Zamik

Prilagodite zamik besedila:
- **Povečaj zamik**: Besedilo pomakne dlje od roba, kar je uporabno za podtočke ali navedke.
- **Zmanjšaj zamik**: Zmanjša zamik in besedilo približa levemu robu.
![Zamik besedila](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Vstavi hiperpovezavo

Preberite, kako dodate, urejate in upravljate hiperpovezave v vsebini e-poštnega sporočila.

Koraki za dodajanje ali urejanje povezave
a) Označite besedilo

Izberite besedilo, ki ga želite spremeniti v hiperpovezavo. Označite besedilo, ki ga želite spremeniti v povezavo

b) Kliknite ikono povezave

V orodni vrstici besedila kliknite ikono povezave. Ikona povezave

c) Uredite povezavo v podoknu z nastavitvami

Na desni se bo prikazalo podokno z nastavitvami z možnostmi povezave:

  • Polje povezave: Vnesite URL ali izberite eno od vnaprej določenih možnosti.
  • Oznaka: Dodajte oznake za označevanje naročnikov ali sprožanje avtomatizacij. Dodajanje povezave in oznake
Popravljanje povezav po pošiljanju

Nič ni hujšega kot poslati novo kampanjo svojim 2,365 naročnikom in nato ugotoviti, da ena od povezav zaradi preproste tipkarske napake ne deluje. Zbogom, razprodaje za črni petek!

Na srečo smo omogočili popravljanje nedelujočih povezav – tudi po tem, ko je bilo e-poštno sporočilo že poslano vašim naročnikom.

a) Ogled kampanje

V pregledu poiščite poslano kampanjo, kliknite tri pike in izberite Ogled kampanje. Kliknite Ogled kampanje

b) Spreminjanje povezav ali oznak

V podrobnostih kampanje se pomaknite do seznama povezav, kjer lahko:

  • Posodobite cilje povezav: Popravite nepravilne URL-je.
  • Upravljate oznake: Dodate ali odstranite oznake za avtomatizacije. Posodobitev povezave kampanje

Opomba: Za uporabo funkcije preusmerjanja povezav mora biti v nastavitvah kampanje omogočeno sledenje klikom.

Prilagajanje videza povezave

V desnem podoknu z nastavitvami lahko prilagodite videz povezave:

  • Barva povezave: Izberite barvo ali vnesite šestnajstiško kodo. Nastavitve barve povezave

  • Podčrtane povezave: Omogočite ali onemogočite podčrtavanje za čistejši videz. Nastavitve podčrtanih povezav

12. Oznake za personalizacijo

Z oznakami za personalizacijo dodajte dinamično vsebino, kot je prejemnikovo ime ali druga polja po meri.

  • V orodni vrstici odprite spustni meni Oznake za personalizacijo, kjer lahko izberete običajna polja, kot so Ime, E-pošta ali Država, oziroma določite polja po meri za prilagajanje e-poštnih sporočil posameznemu prejemniku. Dodajanje oznake za personalizacijo

13. Emodžiji

Besedilu dodajte vizualno privlačnost z emodžiji.

  • Kliknite ikono emodžijev v orodni vrstici, da odprete kategoriziran seznam emodžijev za preprosto brskanje.
  • Opomba o združljivosti: E-poštna sporočila preizkusite v nekaterih odjemalcih, kot je Outlook, saj emodžiji morda ne bodo pravilno prikazani. Izbira emodžija

14. Tabela in posebni znaki

Na koncu orodne vrstice kliknite tri pike, da prikažete dodatne napredne možnosti. Dodatne možnosti – vstavljanje tabele ali posebnih znakov

Vstavljanje tabele

Ustvarite in prilagodite tabele za izboljšanje postavitve e-poštnega sporočila.

  • Po potrebi določite vrstice, stolpce, razmik med celicami, notranji odmik in velikost robov. Dodajanje tabele in določanje njenih lastnosti
Vstavljanje posebnih znakov

Besedilo izboljšajte s simboli, naglašenimi znaki in drugimi nestandardnimi znaki.

  • Odprite možnost Posebni znaki in prebrskajte širok nabor znakov. Vstavljanje posebnih znakov

Dodatne nastavitve bloka besedila (desni podokno)

Desno podokno ponuja obsežen nadzor nad videzom in delovanjem blokov besedila. Spodaj so na voljo nastavitve:

1. Barva besedila

Določite barvo besedila z izbirnikom barv ali z vnosom šestnajstiške kode. Izbira barve besedila

2. Barva ozadja

Nastavite barvo ozadja po meri za blok besedila. Privzeto je ozadje prosojno. Izbira barve ozadja

3. Nastavitve, povezane s povezavami

Ko blok besedila vsebuje povezave, se v nastavitvah prikažejo dodatne možnosti:

  • Barva povezave: Prilagodite barvo povezav z izbirnikom barv ali šestnajstiško kodo. Izbira barve povezave

  • Podčrtane povezave: Vklopite ali izklopite možnost podčrtavanja povezav v bloku besedila. Podčrtane povezave

  • Urejanje povezave: Izberite povezavo v območju z vsebino in uredite njen URL v podoknu z nastavitvami. Povezavi lahko tudi dodelite ali posodobite oznake z uporabo spustnega menija z oznako "Oznake". Urejanje povezave in dodajanje oznake

4. Poravnava

Blok besedila poravnajte v vsebniku: Levo, na Sredino ali Desno. Določanje poravnave

5. Fiksna višina

Vključite to možnost in nastavite fiksno višino bloka besedila. Nadzorujete lahko tudi navpično poravnavo besedila: Zgoraj, Na sredino ali Spodaj. Nastavitev fiksne višine

6. Razmik med vrsticami

Nadzorujte prostor med vrsticami besedila. Izbirate lahko med možnostmi Zgoščeno, Običajno ali Široko. Izbira razmika med vrsticami

7. Notranji odmik

Prilagodite prostor okoli bloka besedila. Uporabite enakomeren notranji odmik ali prilagodite vsako stran posebej: Zgoraj, Spodaj, Levo in Desno. Prilagajanje notranjega odmika

8. Sidrne povezave

Ustvarite sidrne povezave, ki bralcem omogočajo skok na določene razdelke e-poštnega sporočila. Upoštevajte, da nekateri e-poštni odjemalci sidrnih povezav ne podpirajo. Dodajanje sidrne povezave

Blok gumba

Blok gumba

Blok gumba omogoča dodajanje gumba, na katerega je mogoče klikniti, z nastavitvami za prilagajanje njegovega delovanja in sloga.

Nastavitve povezave

Možnost Povezava določa dejanje, ki se sproži, ko prejemnik klikne gumb. Povezava gumba

Razpoložljive vrste povezav
  • Običajna povezava do spletnega mesta (HTTP ali HTTPS): Uporabnika preusmeri na spletno stran.
  • Poštna povezava: Odpre uporabnikov e-poštni odjemalec za sestavljanje novega e-poštnega sporočila.
  • Povezava do datoteke (FTP, FTPS): Poveže z datoteko na strežniku FTP.
  • Skype: Začne klic ali klepet v Skypu.
  • Telefon (tel): Začne telefonski klic v združljivih napravah.
  • SMS: Odpre aplikacijo za sporočila z vnaprej izpolnjeno številko prejemnika.
  • Viber: Odpre aplikacijo Viber za sporočanje ali klice.
  • Druga vrsta protokola: Določite protokol po meri, ki ni naveden zgoraj.
Možnosti skupne rabe v družbenih omrežjih

Gumb lahko nastavite tudi za skupno rabo v družbenih omrežjih ali po e-pošti:

  • Facebook
  • X (formerly Twitter)
  • LinkedIn
  • Pinterest
  • Skupna raba po e-pošti
Polje URL

Poleg vrste povezave polje URL (običajno se začne z https://) omogoča vnos konkretnega naslova, ki ustreza vrsti povezave.

Oznaka gumba

Oznako gumba prilagodite tako, da odraža vaš poziv k dejanju. Privzeta oznaka je "Button", vendar jo lahko spremenite v možnosti, kot so "Learn More", "Subscribe Now" ali "Shop Now". Oznaka gumba

Slog besedila

Nastavitve Slog besedila omogočajo prilagajanje videza besedila gumba. Slog besedila gumba

Izbira pisave

Izbirate lahko med različnimi standardnimi pisavami, vključno z:

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

Za nestandardne pisave so na voljo dodatne možnosti:

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

Na vrhu seznama pisav je iskalno polje, ki vam pomaga hitro najti določeno pisavo.

Velikost pisave in oblikovanje
  • Velikost pisave: Izbirate lahko med 8 in 72, odvisno od tega, kako izrazito želite prikazati besedilo gumba.
  • Oblikovanje besedila: Z ikonama "B" ali "I" uporabite oblikovanje Krepko ali Ležeče, da poudarite besedilo gumba.

Nastavitve barv

Videz gumba prilagodite s spreminjanjem njegovih barvnih nastavitev.

  1. Barva gumba: Spremenite barvo ozadja gumba. Privzeta barva je zelena (#31cb4b). Z vnosom šestnajstiške kode ali uporabo izbirnika barv izberite novo barvo. Barva gumba

  2. Barva besedila: Določite barvo besedila gumba. Privzeta barva je bela (#ffffff). Za dobro berljivost izberite barvo, ki je v dobrem kontrastu z ozadjem gumba. Barva besedila gumba

  3. Barva ozadja: Prilagodite ozadje vsebnika gumba. Privzeto je prosojno, vendar ga lahko spremenite, da bo gumb bolj izstopal na ozadju e-poštnega sporočila. Barva ozadja gumba

Polmer robov

Z nastavitvijo Polmer robov nadzorujte zaobljenost vogalov gumba.

  • Privzeta vrednost: 30 (zmerno zaobljeni vogali).
  • Razpon: od 0 (pravokotni vogali) do 100 (gumb v obliki kapsule). Polmer robov gumba

Opomba: Za pravilen prikaz zaobljenih vogalov v programu Microsoft Outlook v zavihku Videz aktivirajte možnost "Podpora za Outlook".

Poravnava

Z nastavitvijo Poravnava določite položaj gumba v območju z vsebino.

  • Možnosti: Levo, Na sredino, Desno.
  • Pogosta uporaba: Poravnava na sredino za poudarek, poravnava levo ali desno za skladnost z oblikovanjem. Poravnava gumba

Fiksna višina

Omogočite možnost Fiksna višina, da ohranite enotne dimenzije gumba.

  1. Privzeto: Deaktivirano.
  2. Najmanjša višina: 44 slikovnih pik.
  3. Navpična poravnava vsebine: Ko je fiksna višina omogočena, vsebino gumba poravnajte Zgoraj, Na sredino ali Spodaj za natančno določitev položaja. Fiksna višina gumba

Gumb z ikono

Možnost Gumb z ikono omogoča vključitev ikone ob besedilu gumba, s čimer izboljšate vizualni videz in poudarite poziv k dejanju. Ta funkcija je privzeto deaktivirana. Gumb z ikono

  • Podprti formati: Naložite ikone v formatu PNG, JPG ali GIF, največja velikost datoteke je 2 MB.
  • Položaj ikone: Izberite, ali naj bo ikona prikazana na Levi ali Desni strani besedila gumba.

Opomba: Ikone niso prikazane v nekaterih različicah programa Microsoft Outlook v sistemu Windows, vključno z:

  • Outlook 2002, 2007, 2010, 2013, 2016 in 2019. Omejitev je posledica načina upodabljanja e-poštnih sporočil HTML v teh odjemalcih. Upoštevajte jo, če velik del vašega občinstva uporablja te odjemalce.

Nastavitve robov

Prilagodite robove gumba za dodaten slog in poudarek. Prilagajanje roba gumba

  • Širina roba: Nastavite širino vsake strani (levo, desno, zgoraj in spodaj) posebej, do 40 slikovnih pik.
  • Slog roba: Izbirate lahko med slogi Polno, Črtkano ali Pikčasto.
  • Barva roba: Uporabite izbirnik barv ali vnesite šestnajstiško kodo, da barvo roba uskladite s svojo blagovno znamko ali oblikovalsko shemo.

Notranji odmik

Prilagodite prostor znotraj gumba med vsebino (besedilom in ikono) ter robom gumba. Notranji odmik gumba

  • Možnosti prilagajanja: Določite vrednosti odmika za strani Levo, Desno, Zgoraj in Spodaj, največ do 99 slikovnih pik.
  • Vpliv: Notranji odmik vpliva na skupno velikost gumba in položaj vsebine znotraj gumba.

Zunanji odmik

Nadzorujte prostor zunaj gumba in prilagodite njegov položaj glede na druge elemente v postavitvi e-poštnega sporočila. Zunanji odmik gumba

  • Možnosti prilagajanja: Nastavite vrednosti zunanjega odmika za strani Levo, Desno, Zgoraj in Spodaj, največ do 40 slikovnih pik.
  • Primer uporabe: Zagotavlja, da gumb ni preblizu druge vsebine ali robov e-poštnega sporočila.

Dodaj sidrno povezavo

S sidrnimi povezavami bralce usmerite na določene razdelke v istem e-poštnem sporočilu, kar omogoča hitro krmarjenje po daljših glasilih. Sidrna povezava gumba

  • Ime sidra: Določite cilj v e-poštnem sporočilu in gumb povežite s tem sidrom. Ob kliku se e-poštno sporočilo pomakne na določen razdelek, kar izboljša krmarjenje uporabnika.

Pomembno: Sidrne povezave niso podprte v nekaterih e-poštnih odjemalcih, vključno z:

  • Aplikacijo Gmail za iOS
  • Aplikacijo Apple Mail za iOS
  • Aplikacijo Outlook za Android
  • Aplikacijo Outlook za macOS
  • E-poštnimi sporočili AMP

E-poštno sporočilo temeljito preizkusite, da zagotovite delovanje v različnih e-poštnih odjemalcih in ugotovite, ali je ta funkcija primerna za vaše občinstvo.

Blok razmika

Blok razmika

Blok razmika omogoča dodajanje prilagodljivega prostora v vsebino e-poštnega sporočila ter nadzor nad njegovo velikostjo, poravnavo, videzom in notranjim odmikom. Spodaj so podrobnosti o dveh vrstah razmikov: Običajni razmik in Dinamični razmik. Možnosti razmika

1. Običajni razmik

Običajni razmik je črtni element, ki vizualno ločuje razdelke v vašem e-poštnem sporočilu. Privzeti element razmika

Ključne nastavitve
  1. Debelina in slog črte Prilagodite debelino, slog in barvo črte:

    • Debelina: Prilagodite jo z gumboma + in - (začetna vrednost je 1).
    • Slog: Izbirate lahko med polnim, črtkanim ali pikčastim slogom.
    • Barva: Nastavite barvo po meri s šestnajstiško kodo ali izbirnikom barv (privzeto: #cccccc). Slog črte razmika
  2. Širina Določite, kako daleč črta razmika sega čez vašo vsebino. Širino v slikovnih pikah prilagodite z gumboma + in -.

  3. Poravnava Črto poravnajte levo, na sredino ali desno, da se ujema z vašo postavitvijo.

  4. Notranji odmik Nadzorujte notranji prostor okoli razmika:

    • Privzeto: Notranji odmik je na vseh straneh nastavljen na 20.
    • Uporabite stikalo Več, da določite notranji odmik za posamezne strani:
      • Zgoraj
      • Desno
      • Spodaj
      • Levo Notranji odmik razmika

Primer uporabe

Običajni razmik je idealen za ustvarjanje čistih, vizualnih ločnic med razdelki e-poštnega sporočila ter zagotavlja dobro organizirano in profesionalno postavitev.

2. Dinamični razmik

Dinamični razmik je neviden blok praznega prostora, namenjen ustvarjanju prostora za bolj zračno postavitev e-poštnega sporočila. Dinamični razmik

Ključne funkcije
  1. Prilagajanje višine Višino prilagodite neposredno v območju z vsebino ali prek nadzorne plošče z gumboma + in -. Višina določa količino navpičnega prostora, dodanega med razdelki.

  2. Barva ozadja Razmik ima privzeto prosojno ozadje, vendar lahko z uporabo šestnajstiške kode ali izbirnika barv uporabite barvo ozadja po meri. Tako lahko razmik po potrebi deluje kot viden blok.

  3. Odzivno vedenje Možnost Odzivni razmik zagotavlja, da se razmik dinamično prilagaja različnim velikostim zaslonov in tako omogoča optimalno postavitev v različnih napravah. Ta funkcija je privzeto omogočena. Možnosti dinamičnega razmika

Ključne razlike med običajnimi in dinamičnimi razmiki
  • Dinamični razmik: Doda prazen prostor brez vidne črte.
  • Običajni razmik: Vključuje nastavitve, značilne za črto, kot so:
    • Širina črte
    • Poravnava
    • Slogi črte
    • Notranji odmik

Dinamični razmik teh funkcij ne podpira in je namenjen izključno ločevanju brez vizualnih elementov.

3. Dodaj sidrno povezavo

Sidrne povezave lahko uporabite pri obeh vrstah razmikov, kar uporabnikom omogoča neposreden skok na mesto razmika iz drugega dela e-poštnega sporočila. To je še posebej uporabno za ustvarjanje krmarjenja znotraj daljših glasil.

Opomba: Sidrnih povezav nekateri e-poštni odjemalci ne podpirajo, vključno z:

  • Microsoft Outlook
  • Gmail (v mobilnih napravah)

Blok videa

Izbirnik blokov z označenim blokom videa med blokoma razmika in HTML

Blok videa omogoča vdelavo videoposnetkov v e-poštno sporočilo ter prilagajanje njihovega videza in vedenja. Podpira video povezave s platform, kot sta YouTube in Vimeo, zato omogoča prilagodljivost in nadzor nad prikazom videa. Nastavitve bloka videa s polji za video povezavo, alternativno besedilo, sličico po meri in slog gumba za predvajanje ob predogledu e-pošte

1. Povezava do videa

V polje Povezava do videa dodajte URL videa. Podprte platforme vključujejo YouTube, Vimeo in druge storitve, ki omogočajo vdelavo. Povezava do videa

  • Samodejno vedenje: Ko dodate veljaven URL:

    • Se samodejno ustvari predogledna slika z uporabo sličice videa s platforme.
    • Polje Alternativno besedilo se samodejno izpolni z naslovom ali opisom videa (če je na voljo).
  • Polja, ki jih je mogoče urejati: Ustvarjeno predogledno sliko in besedilo lahko po potrebi ročno uredite ali zamenjate.

2. Alternativno besedilo

Polje Alternativno besedilo zagotavlja dostopnost, saj prikaže opis videa, če se ta ne naloži. Dodajanje alternativnega besedila videa

  • Samodejno se izpolni, ko dodate podprt URL videa.
  • Prilagodite ga lahko svojim potrebam glede vsebine.

3. Sličica po meri

Naložite sliko po meri in zamenjajte privzeti predogled videa. Dodajanje sličice videa po meri

  • Kako omogočiti: Vklopite možnost Sličica po meri.
  • Podprti formati: PNG, JPG ali GIF.
  • Kdaj uporabiti: Ustvarjeno sličico zamenjajte, kadar se ne ujema z oblikovanjem vašega e-poštnega sporočila.

4. Gumb za predvajanje

Prilagodite prekrivni gumb za predvajanje na sličici videa. Izbira gumba za predvajanje videa po meri

  • Razpoložljive možnosti:
    • Izbirate lahko med slogi gumbov za predvajanje YouTube, Vimeo ali drugih ponudnikov.
    • Izberite »Brez«, da gumb za predvajanje popolnoma skrijete.

5. Velikost

Prilagodite dimenzije videa, da se ujema z oblikovanjem vašega e-poštnega sporočila. Prilagajanje velikosti videa

  • Širina in višina: Za nadzor velikosti uporabite gumba + in - ali ročno vnesite vrednosti.
  • Odzivno oblikovanje: Zagotovite, da se video brezhibno prilega različnim napravam.

6. Prilagodi širini

Vklopite stikalo Prilagodi širini, da se video samodejno prilega širini vsebnika. Tako bo video na različnih napravah ohranil odzivno oblikovanje. Prilagoditev videa širini

7. Odzivna slika

Stikalo Odzivna slika zagotavlja, da se sličica videa prilagodi širini zaslona v mobilnih napravah.

  • Opomba: Odzivnost je odvisna od podpore naprave in e-poštnega odjemalca. Odzivna slika videa

8. Poravnava

Z nastavitvijo Poravnava nadzorujte vodoravni položaj videa v bloku:

  • Levo: Video poravna levo.
  • Na sredino: Video poravna na sredino.
  • Desno: Video poravna desno. Prilagajanje poravnave videa

9. Možnosti za mobilne naprave

Prilagodite vedenje in videz videa v mobilnih napravah:

  1. Skrij element v mobilnih napravah Po potrebi skrijte blok videa v mobilnih napravah.

    • Opomba: Ta funkcija je odvisna od podpore medijskih poizvedb in morda ne bo delovala v vseh e-poštnih odjemalcih.
  2. Notranji odmik v mobilnih napravah Prilagodite odmik okoli videa za prikaz v mobilnih napravah.

    • S stikalom Več nastavite posamezne vrednosti odmika za:
      • Zgoraj
      • Desno
      • Spodaj
      • Levo Skrivanje videa v mobilnih napravah

10. Vključi v AMPHTML ali HTML

Izberite, v katerih različicah e-poštnega sporočila naj se prikaže blok videa:

  • AMPHTML in HTML
  • Samo AMPHTML
  • Samo HTML

Ta možnost zagotavlja, da je video ustrezno vključen glede na različico e-poštnega sporočila, ki se pošilja. Skrivanje videa v AMPHTML ali HTML

Blok HTML

Izbirnik blokov z označenim blokom videa med blokoma razmika in HTML

Blok HTML omogoča vstavljanje HTML in CSS po meri v e-poštno sporočilo ter prilagodljivost pri naprednem prilagajanju, ob upoštevanju združljivosti e-poštnih odjemalcev. Ne glede na to, ali dodajate en sam element HTML ali oblikujete celotno e-poštno sporočilo, je ta blok vaše orodje za oblikovanje po meri.

1. Vmesnik urejevalnika kode

Ko izberete Blok HTML, se v podoknu z vsebino prikaže črno okno urejevalnika kode. V njem lahko pišete, prilepite ali spreminjate kodo po meri. Urejevalnik vključuje dva razdelka:

  • Razdelek HTML: Dodajte ali uredite strukturo HTML za svoje e-poštno sporočilo.
  • Razdelek CSS: Odprite ločen urejevalnik CSS za oblikovanje vsebine. Urejevalnik HTML za e-pošto

2. Prilagajanje velikosti pisave

Prilagodite velikost pisave kode v urejevalniku za boljšo berljivost:

  • Z gumbom A+ povečate velikost pisave.
  • Z gumbom A- zmanjšate velikost pisave. Prilagajanje velikosti pisave v urejevalniku

3. Prilagajanje velikosti okna urejevalnika

Velikost okna urejevalnika kode prilagodite svojim delovnim navadam:

  • Kako prilagoditi:
    • Kazalec premaknite nad tri pike na sredini zgornjega dela okna urejevalnika.
    • Povlecite drsnik navzgor ali navzdol, da povečate ali zmanjšate velikost urejevalnika.

Ta funkcija je še posebej uporabna pri upravljanju večjih ali podrobnejših blokov kode. Prilagajanje velikosti okna urejevalnika HTML

4. Urejevalnik CSS

Urejevalnik CSS omogoča upravljanje slogov vsebine HTML, do njega pa dostopate prek gumba v zgornjem desnem kotu urejevalnika kode.

Pomembni premisleki:

  • Omejena podpora: Številni e-poštni odjemalci ne podpirajo naprednih funkcij CSS, kot so Flexbox, Grid ali medijske poizvedbe.
  • Držite se osnov: Za največjo združljivost uporabljajte osnovni vgrajeni CSS.
  • Vnaprej konfigurirani slogi: Izogibajte se brisanju vnaprej konfiguriranih slogov, saj zagotavljajo pravilno upodabljanje v večjih e-poštnih odjemalcih. Primer urejevalnika CSS

5. Združljivost z e-poštnimi odjemalci

HTML za e-pošto zahteva posebno pozornost zaradi zastarelih pogonov za upodabljanje v številnih e-poštnih odjemalcih.

Ključne smernice:

  • Za boljšo podporo uporabljajte postavitve na osnovi tabel namesto postavitev na osnovi elementov <div>.
  • Izogibajte se naprednim funkcijam CSS, kot so animacije, Flexbox ali Grid.
  • Pri medijskih poizvedbah in manjših lastnostih CSS pričakujte nedosledno vedenje.
  • Preizkušanje: E-poštna sporočila vedno preizkusite v več odjemalcih (npr. Gmail, Outlook, Apple Mail), da zagotovite pravilno upodabljanje.

6. Notranji odmik

Nastavitev Notranji odmik prilagaja prostor okoli vsebine HTML:

  • Privzeti notranji odmik: Privzeto je nastavljen na 0.
  • Notranji odmik po meri: Vklopite stikalo Več in prilagodite notranji odmik za posamezne strani:
    • Zgoraj
    • Desno
    • Spodaj
    • Levo

Ta funkcija je idealna za poravnavanje vsebine HTML v postavitvi e-poštnega sporočila. Primer notranjega odmika HTML

7. Dodaj sidrno povezavo

Funkcija Dodaj sidrno povezavo omogoča ustvarjanje povezave, na katero je mogoče klikniti drugje v e-poštnem sporočilu, in ki uporabnika usmeri do bloka HTML.

Kako uporabljati:

  • Vklopite možnost in v polje vnesite ime sidra.

Omejitve:

  • Sidrnih povezav nekateri e-poštni odjemalci ne podpirajo, na primer:
    • Aplikacija Gmail za iOS
    • Apple Mail za iOS
    • Aplikacija Outlook (Android in macOS)
    • E-poštna sporočila AMP

Primer sidra HTML

8. Pisanje HTML-ja po meri

Urejevalnik HTML je namenjen pisanju ali lepljenju strukture HTML po meri za vaše e-poštno sporočilo.

Najboljše prakse:

  • Uporabljajte preprost HTML s široko podporo.
  • Izogibajte se zapletenim postavitvam ali funkcijam, kot so elementi <div>.
  • Držite se oblikovanja na osnovi tabel za boljšo združljivost.

9. Nasveti za uspeh

  1. Začnite z majhnim: Če ste novi pri razvoju e-poštnih sporočil, uporabite blok HTML za posamezne razdelke.
  2. Preverite kodo: Zagotovite, da je vaš HTML skladen z zahtevami e-poštnih odjemalcev.
  3. Temeljito preizkusite: Uporabite orodja za predogled in preizkušanje e-poštnega sporočila v več odjemalcih in napravah.

Ready to Send Better Emails?

Stop juggling bloated tools or overpriced plans. Maildroppa offers personal support, GDPR-level privacy, and powerful email marketing - starting free forever.

Sign Up For Free

No credit card required. No time limit.