Dom - Savjeti dizajnera
Html predlošci e-pošte. Predlošci i uređivači predložaka za e-mail biltene

Još nisam shvatio da li je potrebno naznačiti veličinu slika, tako da po tom pitanju još uvijek vlada kaos. Negdje ga stavim, negdje ne. Nakon testova ću dovesti stvari u red. Ili ću ga u potpunosti ukloniti da skratim kod ili ću ga morati posvuda dodati ako se ne prikaže ispravno u jednoj od poruka.

Ovim kodom dodajem redak s jednim stupcem u tablicu "sadržaj" i u njega postavljam sliku s natpisom "Smartlanding":

Sada pismo izgleda ovako:



Sve je to napravljeno tako da postoje razmaci između sadržaja. HTML kôd sa sadržajem to izgleda ovako:

Sada morate implementirati najavu članka, to se radi vrlo jednostavno. 1 red, 1 stupac i tekst u njemu:

Radim točno isto označavanje za tekst i naslove:

I sada ostaje posljednji korak, izrada podnožja. Nisam napravio novu tablicu za njega, već sam ga smjestio u sadržaj, jednostavno dodavši novi redak i stupac:

Ovako je ispalo pismo. Sada je pred nama mnogo testova. Planiram testirati izgled u sljedećim uslugama i programima e-pošte:

  • gmail
  • yandex
  • lutalica
  • mozilla thunderbird
  • izgledi 2007
  • izgledi 2013
  • šišmiš

Tijekom testiranja dodavat ću stilove naslovima i tekstovima, resetirati svojstva i napraviti druge prilagodbe. A onda ću napisati još jedan detaljan post na ovu temu. Možda će se nešto promijeniti do sljedećeg članka, pa se pretplatite na ažuriranja ako ste zainteresirani ova tema i ne želite propustiti novi materijal.

Ako imate iskustva u izradi html slova, napišite svoj komentar i ukažite na pogreške. Bit ću vam jako zahvalan. I to je sve za danas. Pozdrav!

(Pogledajte preliminarne testove html slova u različitim tražilicama)

E-mail marketing svake godine uzima sve više maha zajedno s porastom broja korisnika interneta. Baze podataka tvrtki rastu, slanje pisama svakom klijentu ručno postaje mukotrpan posao. Marketing e-poštom pomaže učiniti proces slanja e-pošte praktičnijim, bržim i stvara osnovu za kreativnost. Za slanje pošte koriste se HTML i uobičajeni predlošci e-pošte.

Ako razgovaramo jednostavnim jezikom, email marketing je dobro promišljen sustav slanja pisama na email adrese koje se nalaze u bazi podataka.

Ova vrsta marketinga temelji se na predlošcima slova i stranica koje su ugrađene u slova.

Predlošci e-pošte dolaze u dvije vrste:

  • One obične su e-poruke s tekstom od nekoliko rečenica sa ili bez privitaka, rijetko s kreativnim oblikovanjem. Ovi predlošci e-pošte obično se koriste u poslovnoj korespondenciji.

  • Predlošci HTML pisama su svijetli, dizajnirani da privuku pozornost i pobude interes za web stranicu, a koji su ugrađeni u pismo.

Koje su prednosti i nedostaci?

Počnimo s uobičajenim predlošcima.

Veliki broj "pluseva" je dobar pokazatelj. No, malo je vjerojatno da će takva pisma moći prodati tijekom prve komunikacije s klijentom, osobito običnom. Za razliku od HTML e-pošte.

Teško je samostalno kreirati HTML mailove bez potrebne pripreme, iako upravo takve poruke, lijepe, razgledničke, privlače puno više pozornosti od običnih “crno-bijelih”. Predlošci za HTML pisma i e-poštu mogu se stvoriti izravno na web-mjestima s uslugama slanja e-pošte koja već dugo uključuju ovu funkciju kao obaveznu za organiziranje slanja pisama korisnicima.

Osnovne usluge

Kada opisujemo glavne stranice za e-mail biltene, ima smisla usporediti ih prema najvažnijim karakteristikama.

Stripo nudi širok izbor besplatni predlošci e-mail bilteni. Grupirani su po poslovnom području i kategoriji, kao što su posebni događaji, praznici itd. Naši su predlošci unaprijed dizajnirani za sve vrste okidačkih poruka, za pravne i konzultantske usluge, za promotivne poruke i druge vrste poruka.

Ovdje ćete pronaći marketinške predloške e-pošte koji odgovaraju vašim potrebama i ukusu.

Zašto smo tako sigurni u ovo:

    Responzivni web dizajn

    Svi Stripo predlošci su potpuno responzivni. To znači da ih svi mobilni uređaji i većina klijenata e-pošte ispravno prikazuju.
    Međutim, možete odabrati bilo koju sliku, blok ili strukturu i učiniti je neodgovarajućom ako želite da određeni elementi vaših predložaka e-pošte ostanu nepromijenjeni.
    Također, zahvaljujući otvorenom HTML kodu naših besplatnih predložaka e-pošte, moguće je odabrati koje će se slike i blokovi prikazivati ​​na mobilnim uređajima, a koje - samo na stolnim uređajima.
    Upotrijebite naše HTML predloške poruka za razne marketinške kampanje.

    Dva urednika u jednom

    Naš alat nove generacije kombinira otvoreni HTML/CSS kod i uređivač za povlačenje i ispuštanje.
    Ova vam značajka daje mogućnost dizajniranja vizualnih elemenata i teksta povlačenjem i ispuštanjem dijelova alata. Pomoću HTML koda možete ugraditi videozapise i interaktivne elemente u svoj predložak biltena i vratiti se dizajniranju vizualnih elemenata bez napuštanja uređivača.

    Izrada bannera

    Uz Stripo možete jednostavno kreirati bannere, obraditi ih u editoru i postaviti tekst na vrh bannera. Zahvaljujući ovoj značajci, imate priliku koristiti bannere više puta. Sada vam ne trebaju nikakvi dodatni alati (poput uređivača fotografija) kako biste svoj responzivni HTML predložak učinili kreativnim i prilagođenim svojim željama.
    Opće je poznato da pružatelji usluga e-pošte zamjenjuju ukrasne fontove onima sigurnima za web. Istovremeno, vaš dizajn e-pošte gubi svoju posebnu čar. Ali Stripo vam omogućuje korištenje bilo kojeg fonta koji vam se sviđa od onih dostupnih u našem uređivaču. Kako to učiniti? Samo postavite tekst na vrh natpisa, odaberite za njega prikladna boja i primijenite svoj omiljeni ukrasni font na tekst.
    Klijenti e-pošte tretiraju tekst dodan na bilo koju sliku kao element same slike. Na taj će način vaši pretplatnici vidjeti vaš tekst dodan u vaš besplatni HTML predložak točno onako kako je zamišljeno.

    Automatizacija rada - naši jedinstveni pametni elementi

    Izrada kartica proizvoda prilično je dosadan proces. Ali Stripo čini sve kako bi Vam olakšao ovaj posao. Nakon određene prilagodbe pametnih elemenata, jednostavno ćete morati zalijepiti vezu u željeni redak. Opis, cijena, uzorak proizvoda bit će automatski umetnuti u odgovarajuća polja. Radi vaše udobnosti, već smo dodali pametne elemente nekim predlošcima HTML poruka. Stripo štedi vaše vrijeme!

    Osobni modul knjižnice u Stripu

    Stvorite, uredite i spremite blokove sadržaja/strukture/trake/spremnike u svoju osobnu knjižnicu. Možete ih koristiti kad god pokrenete novu kampanju putem e-pošte.
    Naši postojeći besplatni predlošci automatski se dijele na module koji su već dostupni u vašoj osobnoj knjižnici.

    Jednostavan izvoz

    Responzivni predlošci poruka Stripo lako se izvoze u većinu pružatelja usluga e-pošte i popularnih klijenata e-pošte kao što su Gmail i Outlook.
    Sjajne vijesti: naše predloške e-pošte moguće je uređivati ​​čak i nakon izvoza. Uz naprednu integraciju, možete napraviti sve vrste promjena u HTML kodu, tekstu i vizualnim elementima. Ova opcija čini Stripove responzivne HTML predloške prilagođenima klijentima i pružateljima usluga e-pošte.
    Radi vaše udobnosti, također možete razvrstati svoje predloške e-pošte u mape.

    Marketing e-poštom naša je strast i zato Stripo s pravom strašću dizajnira profesionalne predloške e-pošte.

Prikaži više

Dobra e-mail kampanja počinje dizajnom e-pošte. Danas, kada većina klijenata e-pošte i platformi E-mail podržavaju nove web standarde, možemo slati responzivne e-poruke svim pretplatnicima koji koriste stolna računala i mobilne uređaje. Prilagodljiv HTML predložak s pisma osiguravaju da pretplatnici jednako percipiraju naš newsletter, bez obzira na uređaju na kojem se čita.

Da vam pomognem pravi izbor, predstavljamo izbor najpopularnijih predložaka pisama za marketing putem e-pošte. U njemu ne promatramo samo predloške, već i prilagodljive okvire koje možete koristiti za izradu vlastitih predložaka.

Cerberus

Stvaranje predloška e-pošte za bilten od nule može biti izazov samo po sebi. nije lak zadatak. I kada govorimo o o stvaranju responzivnog izgleda također postoji više nijansi koje treba uzeti u obzir. Zbog toga vam okvir poput Cerberusa može biti koristan.

Ova kompaktna biblioteka osmišljena je kako bi pomogla korisnicima da koriste nekoliko HTML predložaka za izradu e-pošte koja će vašim pretplatnicima pružiti nezaboravno iskustvo gledanja e-pošte. Mali predlošci stvoreni pomoću koristeći HTML, nisu namijenjeni za korištenje kao krajnji rezultat. Programeri Cerberusa preporučuju eksperimentiranje s HTML kodom za stvaranje vlastitih varijacija.

Lakmus


Ovaj poznata marka među onima koji vole testirati i analizirati učinkovitost marketing putem e-pošte kampanje. Tim Litmus poznat je po redovitom pružanju zajednici raznih besplatnih resursa, od kojih je jedan skup responzivnih predložaka e-pošte.

Svih pet šablona iz seta pripadaju različitim kategorijama. To uključuje HTML predložak e-pošte za bilten, predložak najave novog proizvoda, predložak računa za financijske obavijesti, najave kratkih poruka, pa čak i uobičajeni predložak e-pošte. Savršen je za korisnike koji žele da njihova e-pošta bude jednostavna, ali responzivna.

Responzivni HTML okvir za e-poštu


Ovo je potpuno opremljeno rješenje za izradu responzivnih biltena putem e-pošte. Framework programerima pruža skup mreža, modula, blokova i linija za sadržaj, funkciju za postavljanje udaljenosti između elemenata, gumbe, linije slika i druge elemente koji se mogu koristiti za razvoj besprijekornog predloška e-pošte. Testiran je u svim popularnim klijentima e-pošte.

Temelj za e-poštu


Ovo je skup različitih okvira i platformi za optimizaciju web razvoja. Foundation pruža programerima i dizajnerima CSS okvir jednostavan za korištenje koji im omogućuje brzu izradu učinkovitih, responzivnih e-poruka.

Svaki uređivač HTML predložaka e-pošte izvorno koristi mrežni sustav koji osigurava Foundation. Zatim se može nadopuniti raznim elementima koji se obično koriste u takve svrhe. Bilo da radite u e-trgovini ili poslovnom brendiranju, Foundation vam može pomoći da stvorite responzivne predloške elektronička pošta.

Antwort


Antwort se ne postavlja kao okvir, oni sebe nazivaju resursom gotovih predložaka e-pošte koji se mogu prilagoditi fiksnim i Mobilni uredaji. Radi besprijekorno na iOS-u i Androidu, kao i na glavnim klijentima e-pošte kao što su Yahoo!, Gmail i Outlook.

Čak i s nekim od najstarijih verzija Outlooka. Izgledi su dizajnirani da se prilagode dinamičkom dodavanju sadržaja. U isto vrijeme, stil dizajna slova je minimalistički.

Igralište by ZURB


Ovo je razvojna tvrtka Temelj okvira HTML5, kao i operater usluge pod nazivom Ink. Danas je poznatiji kao Foundation Email.

ZURB's Playground nudi pet različitih predložaka e-pošte na izbor koji se lako prilagođavaju bilo kojoj veličini zaslona i uređaju. Svi predlošci dolaze s zasebnim listovima stilova i HTML dokumentima. Ovi će predlošci biti kompatibilni sa svim većim platformama za e-poštu. Lako možete pronaći uslugu s kojom možete koristiti ove predloške.

mozaik


Platforma koja svakom korisniku omogućuje stvaranje prilagodljivih, lijepih HTML predložaka e-pošte. Mosaico nudi alate za upravljanje prilagođenim elementima i adaptivni dizajn. Omogućuju vam da personalizirate sve svoje izglede pritiskom na gumb.

Ugrađeni kontrolni sustav omogućuje vam da poništite i ponovite sve napravljene promjene. Možete čak učitati vlastite predloške e-pošte i prilagoditi ih u Mosaicu. Platforma je otvorenog koda i potiče sve da sudjeluju u razvoju projekta.

Predlošci e-pošte otvorenog koda


Poznata platforma za marketing putem e-pošte koja marketinškim stručnjacima i blogerima nudi mogućnost stvaranja i reklamiranja svojih predložaka u okruženju jednostavnom za korištenje. Kao zahvalnost marketinškoj zajednici, SendWithUs korisnicima pruža biblioteku od deset odgovarajućih predložaka.

Svi predlošci su otvorenog koda, što vam omogućuje da napravite bilo kakve promjene i prilagodbe prema vlastitom nahođenju. Iako su ovi predlošci besplatni, prikladni su samo za izdavanje računa i obavijesti klijentima.

Responzivni uzorci e-pošte


Brian Graves je postavio čvrste temelje za stvaranje i rad s responzivnom e-poštom. Njegov projekt Responsive Email Patterns skup je pluggable predložaka koje možete koristiti za brzu izradu responzivnih e-poruka za upotrebu s vašom omiljenom platformom e-pošte ili izravno u vašem klijentu e-pošte. Predlošci uključuju elemente kao što su popisi, mediji, navigacija i rešetke.

HTML predlošci e-pošte


Ugledna usluga marketinga putem e-pošte koja pomaže stotinama tisuća online trgovaca da postignu optimalne rezultate s kampanjama putem e-pošte. Campaign Monitor pruža funkcionalnost za testiranje kampanja e-pošte, kao i dizajner e-pošte i kolekciju HTML predložaka e-pošte. Ima više od 20 jedinstvenih predložaka koji su prikladni za gotovo svaku situaciju. Predlošci za uspostavljanje partnerstva, poslovne pregovore, tradicionalni predlošci za biltene i predlošci za najave događaja.

Dizajn e-pošte Inspiracija HTML dizajnom e-pošte


Ovo je spremište najboljih predložaka e-pošte koji se koriste u biltenima nekih od vrhunskih tehnoloških tvrtki: Dropbox, Udemy, Moo, DigitalOcean i mnoge druge. Sjajna stvar kod ovih oglednih predložaka jest to što su poslani stvarnim korisnicima. To vam omogućuje jednostavnu analizu strukture predložaka kako biste bolje razumjeli implementacijske značajke koje ih pružaju. visoka efikasnost. Stotine predložaka e-pošte za početak.

MJML - Responsive Email Framework


To je okvir i ugrađeni prilagođeni označni jezik koji je osmišljen kako bi pomogao programerima u brzoj izradi responzivnih predložaka. Cilj MJML-a je olakšati dizajn responzivnih e-poruka. Oznaka koju izradite pomoću MJML-a zatim se automatski pretvara u kod koji je potpuno kompatibilan s HTML5. Možete ga koristiti u bilo kojem klijentu e-pošte. Dostupno je i nekoliko unaprijed postavljenih predložaka.

Respmail


Za one koji se ne žele zamarati složenim okvirima, Respmail je jednostavno, responzivno marketinško rješenje putem e-pošte. Omogućuje vam jedan predložak koji možete prilagoditi svojim željama. Od svog početka, HTML predložak e-pošte poboljšan je i dorađen kako bi se osigurala kompatibilnost sa svim glavnim klijentima e-pošte.

Strast


Ovo je sofisticirani predložak e-pošte koji koristi moderne koncepte web dizajna. Proširljivost ovog predloška je tako impresivna. Razni elementi predlošci su zasebne komponente i možete jednostavno odabrati ono što mislite da je potrebno za vaše e-mailove s biltenom.

Besplatni predložak za bilten


Besplatni predložak za bilten. Ovo je elegantno i minimalističko rješenje za one koji žele jednostavan izgled e-pošte. Po našem mišljenju, ovaj predložak može biti koristan za blogere, umjetnike, pisce koji žele prenijeti svoju poruku bez potrebe da preopterećuju pismo modernim složenim elementima.

MailPortfolio


MailPortfolio slijedi istu filozofiju kao gore opisani HTML predložak e-pošte. Jedina razlika je u tome što je MailPortfolio više fokusiran na osnovne crvene boje. Ali čini se da je sve ostalo potpuno isto. U podnožju možete navesti potrebne podatke o tvrtki, što je obavezno za većinu email marketing platformi.


Valentinovo se brzo približava! Zbog toga smo odlučili uključiti vrlo lijep predložak u recenziju. Predložak e-pošte za Valentinovo, koji ovaj dan možete koristiti za promidžbu svojih ponuda i novosti. Uz mnoge značajke možete prilagoditi ovaj predložak za različite slučajeve upotrebe.

EDMIZAJNER


Ova tvrtka je provela dosta vremena u potpunosti se prilagođavajući potrebama zajednice. Rezultat je funkcionalna platforma za kreiranje e-pošte. Sučelje za povlačenje i ispuštanje pomaže programerima u stvaranju prekrasnih izgleda. Nema više gubljenja vremena na ponovno i ponovno stvaranje istog sadržaja. Uz EDMDESIGNER možete spremiti ne samo predloške slova, već i pojedinačne elemente. Zatim ih možete ponovno koristiti u bilo kojoj budućoj kampanji.

Moderna HTML e-pošta


Htjeli bismo upotpuniti naš popis besplatnih predložaka knjigom. Ovaj Najbolji način naučite kako izraditi responzivne predloške e-pošte. Autor jednog od njih je Jason Rodriguez. Knjiga će vam pomoći da stvorite moderne i lijepe HTML predloške e-pošte koji će savršeno raditi na svim uređajima, sa svim klijentima i u svim preglednicima. Knjiga pokriva osnove izrade e-pošte, kao i kako testirati e-mail kampanje i optimizirati ih pomoću analitičkih alata i izvješća.

Premium responzivni HTML predlošci e-pošte

Željeli bismo razgovarati o responzivnim email predlošcima za HTML newslettere iz premium segmenta. Cijene su im stvarno dosta niske ( u usporedbi s onim što biste platili dizajneru za ovaj posao). I pronašli smo neke stvarno sjajne predloške.

Ideja


Funkcionalni predložak koji pruža sve dostupne moderni elementi HTML5, koji se može ugraditi u sam predložak. Možete jednostavno komunicirati svoje cijene, karakteristike proizvoda s ugrađenim elementima koji cijeli proces čine jednostavnim. Predložak sadrži ugrađeni modul za povlačenje i ispuštanje koji će vam pomoći u stvaranju nevjerojatnih e-poruka. Također je potpuno kompatibilan s vodećim pružateljima usluga e-mail marketinga.

Vibgyor


Vibgyor se može opisati kao višenamjenski predložak za razne industrije. Profesionalni izgledčini Vibgyor privlačnim za ove linije poslovanja. Sadrži alat za izradu povuci i ispusti koji olakšava promjenu i optimiziranje bilo kojeg dijela predloška prema vlastitom nahođenju.

Bok svima. Neki dan sam odlučio shvatiti kako se pišu html slova. Proveo sam nekoliko sati na internetu, pročitao desetke članaka na ovu temu i došao do zaključka da je to vrlo težak zadatak.

Ali želja postoji, pa sam počeo kopati dalje. Možda ću na blogu uskoro zamijeniti pretplatu e-poštom s feedburnera (ispod članaka) s nečim drugim što mogu učiniti privlačnijim. Glavna stvar je uzeti u obzir sve nijanse izgleda za klijente e-pošte, a vjerujte mi, ima ih dosta.

Važnost izrade html pisama za slanje poštom

Slanje poštom jedno je od naj učinkovite načine prodavati robu, prenositi novosti kupcima, razgovarati o promocijama i dodatne usluge. Osim toga, nakon što steknete bazu kupaca, možete vratiti "stare" kupce i izvršiti novu prodaju.

Možete slati materijale o dodatnim uslugama za koje su se vaši kupci možda zainteresirali nakon prve kupnje.

I naravno, ovdje funkcionira teorija velikih brojeva. Ako pošaljete ponudu za prodaju nečega na 20.000 pretplatnika, njih 1000 će pročitati ponudu, a najmanje 10 će kupiti, a cijena će biti 0. Upravo ste poslali pismo!

Ali netko nije otvorio pismo, netko ga je otvorio i nije ga pročitao, jer je tu bilo malo teksta, nekome se nisu otvorile slike, a nekome je bio zbrkan izgled. Događa se. Zbog činjenice da programi za e-poštu ne podržavaju CSS kao ni preglednici. Što se javascripta tiče, uglavnom šutim.

I postoji mnogo problema za dizajnere izgleda koji stvaraju html slova.

Ali danas ću vam pokušati reći kako stvoriti HTML pismo koje bi se jednako dobro otvaralo u svim preglednicima (uključujući mobilne) i programima za e-poštu, tako da vaša pisma izgledaju privlačno i da ne gubite kupce. Ovo nije zadnji post, ako bude problema s prikazom, kasnije ću ili ispraviti ovaj ili napisati nastavak. Također ću biti zahvalan svima koji mogu pomoći u testiranju i identificiranju problema.

Problemi s HTML izgledom e-pošte

Zbog činjenice da poštanske službe nemaju Opća pravila prikazujući html slova, dizajner izgleda mora koristiti pravila izgleda iz 90-ih. Neki se ljudi ne trebaju naviknuti na ovo, ali moram priznati, nikada nisam pisao stilove unutar html dokumenta, a ne samo unutar html dokumenta koristeći, odnosno inline, za svaki element posebno.

Neki programeri programa e-pošte potpuno su onemogućili podršku za stilske listove i stilske listove kao takve, na gore opisani način. Argumentirajući to tvrdnjom da su slova potrebna posebno za tekst. Stoga ćete morati pisati stilove za svaki element zasebno.

Još jedno iznenađenje bilo je to što malo usluga e-pošte ne podržava float, margine i ispune. Kako Vam se sviđa? Zamislite da ste kreirali cool HTML pismo u tri stupca na temelju div(ova), a korisnik je smislio takvu glupost da ju je odmah izbrisao, ne shvaćajući što žele od njega.

Da da. Dobro ste razumjeli! Morat ćete koristiti tablice ako niste voljni žrtvovati tisuće korisnika koji neće ispravno otvoriti vašu e-poštu. Ispada da su tablice danas jedini način da se postigne kompatibilnost s više preglednika.

Kako su napisali na jednoj od stranica:

Morat ćete zapamtiti tako strašne stvari kao što su: Cellpadding,cellpacing, colspan

U mom slučaju, morat ću ih naučiti, jer nikada nisam koristio tablice. Možda nikad ne bih morao da nisam odlučio smisliti kako formatirati slova :)

Ako nemate naviku postavljati alt za slike, morat ćete ga razviti za raspored slova, budući da neki klijenti e-pošte standardno imaju isključen prikaz slika, a ako ih imate puno u slovo, korisnik će vidjeti prazne okvire, pa će u njima biti tekst.

Drugi problem za mene je što moram stalno resetirati mnoge vrijednosti, na primjer, obrub slika ako je postavljen kao poveznica.

To je sve za sada! Ako još nešto iskrsne, opisat ću to usput. A sada vam želim pokazati što sam do sada napravio, bez dodavanja stilova dizajna kao što su font, boja, veličina teksta itd. Ovo su samo elementi na pravim mjestima. U sljedećem članku opisat ću proces testiranja u različitim servisima e-pošte i promjene koje su se morale napraviti.

Kao što vidite, ima se na čemu raditi. Dopustite mi da malo opišem proces izgleda. Nema smisla udubljivati ​​se u to, mnogo toga će se promijeniti do sljedećeg članka. Zapravo, sve se čini jednostavno, ali s druge strane, ova aktivnost mi je oduzela puno vremena.

Kako napraviti html pismo

Za početak sam izradio okvirnu tablicu za cijeli sadržaj e-pošte, širine 100% i plave pozadine. Sadrži dvije podređene tablice. Jedan za zaglavlje (id="header"), drugi za sadržaj (id="content"):

Newsletter sa stranice



Kao što ste već primijetili, postavio sam cellpadding="40" za omotnu tablicu. Ovo je vanjska ispuna. Postavio sam ispunu od 20 piksela za tablicu koja je odgovorna za zaglavlje. I dodao sam unutarnju ispunu tablici u kojoj sadržaj će biti lociran. Također sam sve tablice poravnao po sredini. Idemo dalje...

Sada morate podijeliti šešir na 2 dijela. U jednu postavljam logo, a u drugu kreiram drugu ploču s 3 stupca i tamo postavljam linkove na društvene mreže.

Png" alt="logotip" width="84" height="84"/> !}

Kako blokirati indeksiranje vanjskih poveznica

Bok ljudi. Danas ćemo govoriti o tome kako sigurno zatvoriti vanjske poveznice na vašoj odredišnoj stranici tako da se težina ne prenese s nje, već da ostane na vašoj stranici. Kao što već vjerojatno znate, čak i ako zatvorite vezu s , statička težina se i dalje prenosi i stoga uklanja s vaše stranice.

Sada morate stvoriti strukturu od 3 stupca. Budući da ne možemo koristiti float(s), morat ćemo napraviti 5 stupaca. 3 za sadržaj sa slikama (150px), a 2 za postavljanje razmaka između njih (60px).

PNG" />

Kako napraviti UTM oznake i čemu one služe Ažuriranja bloga i mini izvješće o optimizaciji Skripta za AB testiranje

Smartlanding | 2014

Broj šablona

Kvaliteta predloška

Izvrsno

Izvrsno

Izvrsno

Izvrsno

Dostupne teme

Praznici

- Poslovanje

Internet trgovina

– Turizam

– Općenito itd.

-Praznici

- Restoran

– Turizam

- Poslovanje

Internet trgovina, itd.

- Su česti

Praznici

– Turizam

- Poslovanje

Internet trgovina

-Online trgovina

- Ljepota i zdravlje

– Turizam

- Praznici

Internet trgovina

– Turizam

Prilagodba pisanja za različite ekrane

Da (do 1500 pisama na 100 adresa)

Da (do 15.000 pisama na 2.000 adresa)

Da (do 6000 pisama na 5000 adresa)

Besplatno korištenje šablona

Mogućnost korištenja prethodno korištenih predložaka

  1. UniSender.

Jedna od najpopularnijih rusificiranih usluga za izradu biltena putem e-pošte. Dostupna su 3 uređivača: za predloške blokova (tekst i vizualni sadržaj možete mijenjati po vlastitom nahođenju), za gotove osnovne i HTML predloške, za rad s vlastitim HTML predloškom e-pošte. Nije teško razumjeti urednike, sustav daje savjete i to je sve potrebni alati nalaze se na vrhu radne stranice.

  1. SendPulse

Jednako popularno, razumljivo i praktično mjesto za izradu HTML predložaka pisama i rad s gotovim predlošcima. Među pregledanima, ima najveći besplatni paket i dosta predložaka za izradu uspješnog newslettera.

Stranica vam omogućuje stvaranje vlastitih predložaka u pojednostavljenom HTML uređivaču, dizajneru ili preuzimanjem vlastitog predloška s vašeg računala. Dizajner je lako razumjeti, možete stvoriti lijepo slovo "od nule" tako da samostalno odaberete slike, fontove i sve to rasporedite na željeno mjesto.

  1. Rumailer

Dizajnerski skromna stranica s dobrim predlošcima i relativno velikim besplatnim paketom. Funkcionalnost za rad ograničena količina predložaka nije toliko širok koliko bi iskusni korisnici željeli. Uopće ne postoji prikladan uređivač blokova.

Prednost usluge je što ima velike mogućnosti za izvoz pretplatnika. Mogu se preuzimati po aktivnosti, po listu, kao i po loginu ili domeni u email adresi.

  1. GetResponse

Usluga je poznata po svojim veliki iznos dostupni predlošci u 24 kategorije. Ugodno sučelje samog web-mjesta nadopunjeno je user-friendly uređivačem blokova gotovih i prilagođenih HTML predložaka za pisma klijentima.

Uređivač je jednostavan za korištenje. Blokovi se mogu lako povlačiti, preuređivati, brisati ili dodavati. Kada kliknete na blok, pojavljuje se radni izbornik s gumbima za izvođenje osnovnih radnji sa slikama i tekstualnim sadržajem.

Kako biste vidjeli predloške, morate započeti rad s mailing listom tako da unesete podatke o pošiljatelju i predmet pisma, a zatim odaberete gumb "Blokiraj email builder". Ako korisnik želi raditi s vlastitim predloškom, tada mora odabrati “HTML Code Editor”.

  1. Mailerlite

Mjesto za distribuciju e-pošte koje mnogi korisnici nazivaju najjednostavnijim. Funkcionalnost rada s predlošcima prilično je ograničena, ali osnovne radnje su izvedive. Čak i početnik može razumjeti urednika, jer... jednostavno je i jasno. Baš kao i na drugim platformama, možete učitati svoje HTML predloške za biltene putem e-pošte, uređivati ​​ih i koristiti.

Kako odabrati odgovarajući predložak HTML pisma?

Odabir servisa i predloška za email distribuciju je odgovorna stvar kojoj se mora mudro pristupiti, jer... o tome dijelom ovisi daljnji uspjeh trgovačke organizacije ili poduzetnika. Prilikom odabira usluge možete se osloniti na gore navedene karakteristike, recenzije prijatelja ili korisnika na Internetu, primjere rada na web mjestu, kao i vlastite osjećaje o radu s određenom uslugom.

Dodatni odgovor na pitanje “kako znati koji šablon odabrati?” Mogla bi poslužiti statistika o najpopularnijim uslugama. Moglo bi, ali da se razumijemo, postotak otvaranja, prijelaza, klikova i odjava praktički ne ovisi o servisu. Jedino što smo primijetili je da, primjerice, na SandPulseu (luksuzni besplatni limiti) nešto veći postotak e-mailova završi u mapi "spam" nego u inboxu. I nitko drugi ne može kontrolirati postotak pogrešaka koje objavljuju same službe, osim empirijski u izoliranim slučajevima.

Detaljno smo pisali o besplatnim mogućnostima poštanskih usluga.

Kako saznati koji predložak e-pošte Je li to prikladno u svakom konkretnom slučaju? To se može učiniti samo radom s različitim predlošcima, odabirom najbolji dizajn i sadržaj. Mnoge tvrtke prvo koriste gotove šablone, mijenjajući ih, a zatim stvarajući vlastite. Ovaj dobra opcija ako vještine pisanja html slova i stranica ne, ali čini se da je bilten koristan alat.

Internetske usluge za poslovanje.
Veza na materijal je obavezna!


Pozdrav dragi čitatelji - stranica!

Danas ću vam pokazati kako napraviti prekrasan za svoj e-mail bilten.

Odavno nikome nije tajna da se cijelo internetsko poslovanje temelji na e-mail marketingu.

Svakodnevno uz pomoć newslettera info-poslovnjaci i blogeri kontaktiraju svoje pretplatnike nudeći im razne proizvode i usluge.

Ali kako bi takav prijedlog bio primijećen i ne bi odmah poslan u mapu neželjene pošte, morate skrenuti pozornost na njega.

Da biste to učinili, bilo bi prikladno stvoriti lijepo dizajniran predložak HTML pisma.

Posebno za vas odabrao sam testni predložak koji će vam biti vizualna pomoć.

Što i kako ćemo?

Napravit ćemo najjednostavniji HTML predložak e-pošte (), koji će se sastojati od glavnog dijaloškog okvira i dva sekundarna stupca.

Izrada žičane konstrukcije i spremnika

Prvo, moramo stvoriti HTML okvir za naše pismo. Izgledat će ovako:

HTML predložak pisma

HTML predložak pisma



Imajte na umu da sam postavio širinu tablice na 99%, ostavljajući mali prostor oko nje. Ovo nije moja osobna želja, već zahtjev nekih klijenata web pošte kao što su Gmail i Yahoo. Ostatak naše e-pošte bit će u toj ćeliji tablice, koja je centrirana.

Sljedeći korak je kreiranje omotača tablice stvarnog sadržaja pisma. Neka maksimalna veličina dizajna ne bude veća od 600 piksela:

HTML predložak pisma



Zajedno sa svijetlom sjenom na bijeloj pozadini, naš predložak e-pošte rastegnut je na 640px, ali je radna zona i dalje ostaje jednak 600px.

Izrada zaglavlja

Sada kada je glavna tablica kreirana, vrijeme je da je počnete ispunjavati potrebnim sadržajem. Počet ću od samog vrha predloška pisma i polako ići prema dolje.

Gornji red

Od sada ću isključiti prethodno napisani kod (okvir tablice).

Dakle, prvi redak proračunske tablice ima plavu pozadinu s bijelim fontom i poveznicu na web verziju e-pošte. Vrlo je važno svoje pismo opremiti takvom poveznicom, budući da svi klijenti e-pošte ne prikazuju njegov sadržaj jednako ispravno.

A za njegov izgled odgovoran je CSS stil:

/* Fontovi i tipografija */ .footer (font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #fff; padding-right: 20px; )

Logo i ikone društvenih medija

Spuštajući se niže, vidimo logotip i , koji se nalaze na istoj razini.

Za njihov izlaz odgovoran je sljedeći kod:

Osim toga, sljedeći stilovi dodani su svim našim slikama u HTML predlošku e-pošte:

/* Pozadine */ .email_background ( width: 640px; background: url("email_images/email_bg.jpg") repeat-y; ) /* Slike */ img ( display: block; border: none; )

Na ovaj način društvene ikone stoje na svom mjestu u vlastitim ugniježđenim ćelijama tablice i nemaju nikakve veze s drugim dijelovima slova. To omogućuje njihovu promjenu prema potrebi.

Dodavanje sadržaja

Prvo ćemo početi dodavanjem prve slike, koja je u ovom dizajnu 560 px x 210 px. Također možete vidjeti slatku deformiranu sjenu ispod slike koja je napravljena zasebno, što vam omogućuje brzu promjenu slika bez gubitka sjene. Prijeđimo na kod:

Ovdje smo stvorili novi red za prikaz velikih slika, postavljajući širinu na 560 px i dodajući 20 px ispune s obje strane. Iste smo radnje učinili sa sjenom.

Dodavanje naslova i sadržaja

Pomicanjem ispod, vidimo naslov glavnog materijala i sam sadržaj. Ovdje je sljedeći kod odgovoran za prikaz sadržaja:

Ovo je vaša istaknuta priča

Postoji mišljenje da je Pattaya postala popularno ljetovalište zbog činjenice da su američki mornari često ovdje odmarali, međutim, ovdje ih je još uvijek velik broj i uvijek su okruženi nekoliko Tajlanđana. Naravno, manje je popularan među našim sunarodnjacima od Egipta i Turske. Ali ovdje se domaći govor može čuti posvuda)) kako u trgovačkim centrima dok kupujete tako iu mnogim lokalnim barovima)). Pattaya je uglavnom poznata po noćnom životu, moru i tekstilu. Naravno, između ostalog, ovdje možete pronaći još mnogo zanimljivih stvari. Ovdje možete iznajmiti bilo koje vozilo, uključujući džipove i skutere. Za ljubitelje motocikala ovo je raj. Da biste unajmili motor, možda vam čak neće trebati vozačka dozvola; za samo 100-500 bahta (plus polog od 2000 bahta) možete unajmiti pristojan skuter i voziti se za vlastito zadovoljstvo!

Da biste promijenili izgled zaglavlja i teksta predloška pisma, samo upotrijebite sljedeće stilove:

H1 ( boja: #e95f03; obitelj-fontova: Futura, Verdana, Sans-Serif; ispuna: 0; margina: 0; veličina fonta: 24px; težina fonta: normalna; ) .content ( ispuna: 0; margina: 0 ; ) p (familija fonta: Arial, Helvetica, sans-serif; veličina fonta: 13px; visina retka: 20px; )

Dodatni sadržaj

Sada prelazimo na dodatni sadržaj našeg predloška. Kao što ste već primijetili, podijeljen je u dva stupca. Svaki stupac sadrži fotografiju, naslov i mali pregled. Sve ovo je kreirano pomoću sljedećeg koda:

Ovo je sekundarni naslov

Ovo je sekundarni naslov

Unatoč narušenom ugledu Pattaye, ovdje možete saznati da ozloglašena tajlandska masaža nije samo paravan za javne kuće. U Tajlandu stvarno daju dobre masaže, i najbolji stručnjaci U ovoj se umjetnosti smatraju slijepi majstori. Njihova tajna leži u povećanoj osjetljivosti prstiju.

Glavna ulica i srce Pattaye koja nikoga ne ostavlja ravnodušnim. Lokalni Arbat, Times Square i Sodoma i Gomora u jednoj čaši, Walking Street pravi je izvor ljubavi i mržnje kako za lokalno stanovništvo tako i za posjetitelje. Kada kažemo Pattaya, mislimo na Walking Street.

Ovdje još trebamo dodati dodatni stil. Evo ga:

H2 (boja: #e95f03; obitelj fonta: Futura, Verdana, Sans-Serif; padding: 0; margina: 0; veličina fonta: 18px; težina fonta: normalna; )

Zatvaranje HTML predloška e-pošte

Dakle, približavamo se kraju našeg uzorka. Ovdje moramo zatvoriti glavni prozor pomoću slike i sljedećeg koda:

Jedan od naj važni aspekti, je dodatak na kraju predloška pisma veze za odjavu od primanja takvih pisama (). Da, da, znam, ne želite izgubiti pretplatnike. Ali također ih ne možete iritirati. Kupcima morate pružiti priliku da odbiju primanje poruka koje su im već dugo dosadne. Pa, ujedno vas podsjetiti tko je autor.

Ovdje vam je potreban sljedeći kod:

Glasilo od: Ivanov Ivan
Autor bloga: Ivan.ru

Želite li se odjaviti? Kliknite ovdje

Zaključak

Dragi prijatelji, za prikaz svima grafički elementi u predlošku pisma moraju se učitati na bilo koji mrežni poslužitelj, au odgovarajućim linijama koda morate napisati jedinstveni put do tih slika.

Testni predložak HTML slova dan je kao vodič koji možete promijeniti u bilo kojem trenutku prema svom ukusu i boji.

To je sve za danas. Nadam se da vam se svidjelo.

Do novih članaka...

Srdačan pozdrav, Denis Chernikov!



 


Čitati:



Tumačenje snova češljati kosu

Tumačenje snova češljati kosu

Češljanje kose u snu je preteča budućih promjena. Ako žena sanja da je češljala muškarčevu kosu, uskoro će se... pojaviti u njenom životu...

Vidjeti nove zavjese u snu

Vidjeti nove zavjese u snu

Tumačenje snova Hasse Zelene zavjese – sreća; svila - novi dom. Kineska knjiga snova Otvaranje zavjese - predviđa piće uz zalogaj. Kvari se...

Radne obveze sudskog izvršitelja

Radne obveze sudskog izvršitelja

Publikacije, 14:50 27.1.2012. Pravo na dug: sudski ovršitelj može razvaliti vrata i u odsutnosti vlasnika Kontekst Dugovati se lako je kao guliti kruške:...

Informacije o tome gdje izvršiti privremenu registraciju za državljane Ruske Federacije u mjestu boravka

Informacije o tome gdje izvršiti privremenu registraciju za državljane Ruske Federacije u mjestu boravka

​Trenutno je zakonom definirano pravo i obveza građana da se prijave po mjestu prebivališta. Postoje privremeni i trajni...

feed-image RSS