Chapters
- Stripojev urejevalnik e-poštne vsebine s funkcijo povleci in spusti
- Nastavitve urejevalnika e-pošte Stripo s funkcijo povleci in spusti
- Nastavitve videza urejevalnika e-pošte Stripo
Contents
the email tool that makes email marketing simple
- Guides and Tutorials
- Nastavitve urejevalnika e-pošte Stripo s funkcijo povleci in spusti
Nastavitve urejevalnika e-pošte Stripo s funkcijo povleci in spusti
Published: · Last updated: · By Marcus Biel
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.
Zavihek Vsebina
V zavihku Vsebina oblikujete in organizirate vsebino e-poštnega sporočila. Vsebuje dva glavna razdelka: Strukture in Bloki.
1. Strukture
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.
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 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.
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.
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.
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.
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.
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.
Odpiranje urejevalnika slik
- Ko naložite sliko, kliknite gumb Uredi sliko. Odpre se vmesnik urejevalnika slik.
- Urejevalnik ponuja širok nabor orodij, prikazanih v zgornji menijski vrstici.
Razpoložljiva orodja za urejanje slik
-
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.
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.
Poravnava
Izberite, kako naj bo slika poravnana v vsebniku. Poravnate jo lahko Levo, na Sredino ali Desno.
Velikost
Ročno prilagodite širino in višino slike z gumbi plus/minus ali z vnosom želenih dimenzij.
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.
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).
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.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.

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.
b) Kliknite ikono povezave
V orodni vrstici besedila kliknite ikono 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.
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.
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.
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.
-
Podčrtane povezave: Omogočite ali onemogočite podčrtavanje za čistejši videz.
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.
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.
14. Tabela in posebni znaki
Na koncu orodne vrstice kliknite tri pike, da prikažete dodatne napredne možnosti.
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.
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.
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.
2. Barva ozadja
Nastavite barvo ozadja po meri za blok besedila. Privzeto je ozadje prosojno.
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.
-
Podčrtane povezave: Vklopite ali izklopite možnost podčrtavanja povezav v bloku besedila.
-
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".
4. Poravnava
Blok besedila poravnajte v vsebniku: Levo, na Sredino ali Desno.
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.
6. Razmik med vrsticami
Nadzorujte prostor med vrsticami besedila. Izbirate lahko med možnostmi Zgoščeno, Običajno ali Široko.
7. Notranji odmik
Prilagodite prostor okoli bloka besedila. Uporabite enakomeren notranji odmik ali prilagodite vsako stran posebej: Zgoraj, Spodaj, Levo in Desno.
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.
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.
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:
- X (formerly Twitter)
- 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".
Slog besedila
Nastavitve Slog besedila omogočajo prilagajanje videza 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.
-
Barva gumba: Spremenite barvo ozadja gumba. Privzeta barva je zelena (
#31cb4b). Z vnosom šestnajstiške kode ali uporabo izbirnika barv izberite novo barvo. -
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 ozadja: Prilagodite ozadje vsebnika gumba. Privzeto je prosojno, vendar ga lahko spremenite, da bo gumb bolj izstopal na ozadju e-poštnega sporočila.
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).
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.
Fiksna višina
Omogočite možnost Fiksna višina, da ohranite enotne dimenzije gumba.
- Privzeto: Deaktivirano.
- Najmanjša višina: 44 slikovnih pik.
- 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.
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.
- 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.
- Š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.
- 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.
- 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.
- 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 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.
1. Običajni razmik
Običajni razmik je črtni element, ki vizualno ločuje razdelke v vašem e-poštnem sporočilu.
Ključne nastavitve
-
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).
-
Širina Določite, kako daleč črta razmika sega čez vašo vsebino. Širino v slikovnih pikah prilagodite z gumboma + in -.
-
Poravnava Črto poravnajte levo, na sredino ali desno, da se ujema z vašo postavitvijo.
-
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
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.
Ključne funkcije
-
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.
-
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.
-
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.
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
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.
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.
-
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.
- 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.
- 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.
- 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.
- Š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.
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.
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.
9. Možnosti za mobilne naprave
Prilagodite vedenje in videz videa v mobilnih napravah:
-
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.
-
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
- S stikalom Več nastavite posamezne vrednosti odmika za:
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.
Blok 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.
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.
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.
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.
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.
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
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
- Začnite z majhnim: Če ste novi pri razvoju e-poštnih sporočil, uporabite blok HTML za posamezne razdelke.
- Preverite kodo: Zagotovite, da je vaš HTML skladen z zahtevami e-poštnih odjemalcev.
- 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.
No credit card required. No time limit.