Bahay - Mga tip sa taga-disenyo
Mga template ng email sa HTML. Mga template at template editor para sa mga e-mail newsletter

Hindi ko pa naiisip kung kinakailangan na ipahiwatig ang laki ng mga larawan, kaya sa bagay na ito ay may kaguluhan pa rin. Kung saan ko ilalagay, sa isang lugar na hindi. Pagkatapos ng mga pagsusulit ay aayusin ko ang mga bagay. Alinman ay tatanggalin ko ito nang buo upang paikliin ang code, o kailangan kong idagdag ito kahit saan kung ito ay naipakita nang hindi tama sa isa sa mga mailer.

Gamit ang code na ito, nagdaragdag ako ng isang hilera na may isang haligi sa talahanayan ng "nilalaman" at naglalagay ng isang larawan dito na may inskripsyon na "Smartlanding":

Ngayon ang sulat ay ganito ang hitsura:



Ginagawa ang lahat ng ito upang may mga puwang sa pagitan ng nilalaman. HTML code sa nilalaman ay ganito ang hitsura:

Ngayon ay kailangan mong ipatupad ang anunsyo ng artikulo, ito ay ginagawa nang simple. 1 linya, 1 column at text dito:

Ginagawa ko ang eksaktong parehong markup para sa teksto at mga heading:

At ngayon ang huling hakbang ay nananatili, ginagawa ang footer. Hindi ako lumikha ng isang bagong talahanayan para dito, ngunit inilagay ito sa nilalaman, nagdaragdag lamang ng isang bagong hilera at haligi:

Ganito ang naging liham. Ngayon, marami pang pagsubok sa hinaharap. Plano kong subukan ang layout sa mga sumusunod na serbisyo at programa ng email:

  • gmail
  • yandex
  • rambler
  • mozilla thunderbird
  • pananaw 2007
  • pananaw 2013
  • ang paniki

Sa panahon ng pagsubok, magdaragdag ako ng mga istilo sa mga heading at text, i-reset ang mga property at gagawa ako ng iba pang mga pagsasaayos. At pagkatapos ay magsusulat ako ng isa pang detalyadong post sa paksang ito. Marahil ay may magbabago sa susunod na artikulo, kaya mag-subscribe sa mga update kung interesado ka ang paksang ito at hindi mo gustong makaligtaan ang bagong materyal.

Kung mayroon kang karanasan sa paglikha ng mga html na titik, mangyaring isulat ang iyong komento at ituro ang mga error. Ako ay lubos na magpapasalamat sa iyo. At iyon lang para sa araw na ito. Bye!

(Tingnan ang mga paunang pagsusuri ng mga html na titik sa iba't ibang mga search engine)

Ang pagmemerkado sa email ay patuloy na nakakakuha ng momentum bawat taon kasabay ng pagtaas ng bilang ng mga gumagamit ng Internet. Ang mga database ng mga kumpanya ay lumalaki, ang pagpapadala ng mga liham sa bawat kliyente nang manu-mano ay nagiging napakaraming trabaho. Nakakatulong ang marketing sa email na gawing mas maginhawa, mas mabilis, at nagiging batayan para sa pagkamalikhain ang proseso ng pagpapadala ng mga email. Ang HTML at regular na mga template ng email ay ginagamit para sa pagpapadala ng koreo.

Kung mag-uusap tayo sa simpleng wika, ang email marketing ay isang pinag-isipang mabuti na sistema ng pagpapadala ng mga liham sa mga email address na matatagpuan sa database.

Ang ganitong uri ng marketing ay batay sa mga template ng mga titik at mga pahina na binuo sa mga titik.

Ang mga template ng email ay may 2 uri:

  • Ang mga payak ay ilan lamang sa mga text na email ng pangungusap na mayroon o walang mga attachment, bihirang may malikhaing pag-format. Ang mga template ng email na ito ay karaniwang ginagamit sa mga sulat sa negosyo.

  • Ang mga template ng liham ng HTML ay maliwanag, na idinisenyo upang makaakit ng pansin at lumikha ng interes sa web page, na naka-embed sa liham.

Ano ang mga pakinabang at disadvantages?

Magsimula tayo sa karaniwang mga template.

Ang isang malaking bilang ng mga "plus" ay isang mahusay na tagapagpahiwatig. Ngunit malamang na hindi sila makakapagbenta ng mga naturang sulat sa unang pakikipag-usap sa isang kliyente, lalo na sa isang ordinaryong. Hindi tulad ng mga HTML na email.

Mahirap gumawa ng mga HTML na email nang mag-isa nang walang sapat na paghahanda, bagama't tiyak na ang mga ganoong mensahe, maganda, parang postcard, ang nakakaakit ng higit na pansin kaysa sa mga simpleng "itim at puti". Ang mga template para sa mga HTML na titik at email ay maaaring gawin nang direkta sa mga site ng serbisyo sa pagkoreo na matagal nang isinama ang functionality na ito bilang mandatoryo para sa pag-aayos ng mga sulat sa pagpapadala sa mga user.

Mga pangunahing serbisyo

Kapag inilalarawan ang mga pangunahing site para sa mga newsletter sa email, makatuwirang ihambing ang mga ito ayon sa pinakamahalagang katangian.

alok ni Stripo malawak na pagpipilian libreng mga template mga newsletter sa email. Nakapangkat ang mga ito ayon sa lugar ng negosyo at kategorya, gaya ng mga espesyal na kaganapan, pista opisyal, atbp. Ang aming mga template ay paunang idinisenyo para sa lahat ng uri ng trigger na mensahe, para sa mga serbisyong legal at pagkonsulta, para sa mga mensaheng pang-promosyon at iba pang uri ng mga mensahe.

Dito makikita mo ang mga template sa marketing ng email na angkop sa iyong mga pangangailangan at panlasa.

Bakit tayo sigurado dito:

    Tumutugon sa disenyo ng web

    Ang lahat ng mga template ng Stripo ay ganap na tumutugon. Nangangahulugan ito na ang lahat ng mga mobile device at karamihan sa mga email client ay ipinapakita ang mga ito nang tama.
    Gayunpaman, maaari kang pumili ng anumang larawan, bloke, o istraktura at gawin itong hindi tumutugon kung gusto mong manatiling hindi nagbabago ang ilang partikular na elemento ng iyong mga template ng email.
    Gayundin, salamat sa bukas na HTML code ng aming mga libreng template ng email, posibleng piliin kung aling mga larawan at bloke ang ipapakita sa mga mobile device, at alin - sa mga desktop device lamang.
    Gamitin ang aming mga template ng HTML na mensahe para sa iba't ibang uri ng mga kampanya sa marketing.

    Dalawang editor sa isa

    Pinagsasama ng aming susunod na henerasyong tool ang bukas na HTML/CSS code at isang drag-and-drop na editor.
    Ang tampok na ito ay nagbibigay sa iyo ng kakayahang magdisenyo ng mga visual na elemento at teksto sa pamamagitan ng pag-drag-and-drop na mga bahagi ng tool. Gamit ang HTML code, maaari kang mag-embed ng mga video at interactive na elemento sa iyong template ng newsletter at bumalik sa pagdidisenyo ng mga visual nang hindi umaalis sa editor.

    Paggawa ng banner

    Sa Stripo, madali kang makakagawa ng mga banner, maproseso ang mga ito sa editor, at makakapaglagay ng text sa ibabaw ng banner. Salamat sa tampok na ito, mayroon kang pagkakataong gumamit ng mga banner nang maraming beses. Ngayon ay hindi mo na kailangan ng anumang karagdagang mga tool (tulad ng mga editor ng larawan) upang gawing malikhain at ma-customize ang iyong tumutugon na template ng HTML ayon sa iyong kagustuhan.
    Kilalang-kilala na ang mga email provider ay pinapalitan ang mga pandekorasyon na font ng mga ligtas sa web. Kasabay nito, nawawalan ng espesyal na kagandahan ang iyong disenyo ng email. Ngunit pinapayagan ka ng Stripo na gumamit ng anumang font na gusto mo mula sa mga magagamit sa aming editor. Paano ito gawin? Ilagay lang ang text sa ibabaw ng banner, piliin ito angkop na kulay at ilapat ang iyong paboritong pandekorasyon na font sa teksto.
    Itinuturing ng mga email client ang text na idinagdag sa itaas ng anumang larawan bilang elemento ng mismong larawan. Sa ganitong paraan, makikita ng iyong mga subscriber ang iyong teksto na idinagdag sa iyong libreng HTML template nang eksakto tulad ng nilalayon.

    Pag-automate ng trabaho - ang aming natatanging matalinong elemento

    Ang paglikha ng mga card ng produkto ay medyo nakakapagod na proseso. Ngunit ginagawa ni Stripo ang lahat para mapadali ang trabahong ito para sa iyo. Pagkatapos ng ilang pagpapasadya ng mga matalinong elemento, kakailanganin mo lamang na i-paste ang link sa nais na linya. Ang paglalarawan, gastos, sample ng produkto ay awtomatikong ilalagay sa naaangkop na mga field. Para sa iyong kaginhawahan, nagdagdag na kami ng mga matalinong elemento sa ilang mga template ng mensahe ng HTML. Si Stripo ay nakakatipid ng iyong oras!

    Personal na module library sa Stripo

    Gumawa, mag-edit at mag-save ng mga block/structure/strip/container ng content sa iyong personal na library. Magagamit mo ang mga ito anumang oras na maglunsad ka ng bagong email campaign.
    Ang aming mga kasalukuyang libreng template ay awtomatikong nahahati sa mga module na magagamit na sa iyong personal na library.

    Madaling pag-export

    Ang mga template ng tumutugon na mensahe ni Stripo ay madaling na-export sa karamihan ng mga email provider at sikat na email client gaya ng Gmail at Outlook.
    Magandang balita: mae-edit ang aming mga template ng email kahit na matapos ang pag-export. Sa advanced na pagsasama, maaari kang gumawa ng lahat ng uri ng mga pagbabago sa HTML code, text, at visual na elemento. Ginagawa ng opsyong ito ang mga tumutugon na HTML template ng Stripo na madaling gamitin sa mga email client at provider.
    Para sa iyong kaginhawahan, maaari mo ring ayusin ang iyong mga template ng email sa mga folder.

    Ang pagmemerkado sa email ay ang aming hilig, at iyon ang dahilan kung bakit nagdidisenyo si Stripo ng mga propesyonal na template ng email nang may tunay na pagnanasa.

Magpakita ng higit pa

Ang isang mahusay na kampanya sa email ay nagsisimula sa disenyo ng email. Ngayon, kapag karamihan sa mga email client at platform email suportahan ang mga bagong pamantayan sa web, maaari kaming magpadala ng mga tumutugong email sa lahat ng mga subscriber gamit ang desktop at mga mobile device. Adaptive HTML template s tinitiyak ng mga liham na ang aming newsletter ay pantay na nakikita ng mga subscriber, anuman ang device kung saan ito binabasa.

Para matulungan kang gawin tamang pagpili, nagpapakita kami ng seleksyon ng mga pinakasikat na template ng sulat para sa marketing sa email. Dito, tinitingnan namin hindi lamang ang mga template, kundi pati na rin ang mga adaptive framework na magagamit mo upang lumikha ng iyong sariling mga template.

Cerberus

Ang paglikha ng isang template ng email ng newsletter mula sa simula ay maaaring maging isang hamon sa sarili nito. hindi isang madaling gawain. At kung kailan pinag-uusapan natin tungkol sa paglikha ng tumutugon na layout, mayroon din higit pang mga nuances na kailangang isaalang-alang. Ito ang dahilan kung bakit maaaring maging kapaki-pakinabang sa iyo ang isang balangkas tulad ng Cerberus.

Ang compact na library na ito ay idinisenyo upang tulungan ang mga user na gumamit ng ilang HTML template upang lumikha ng isang email na magbibigay ng hindi malilimutang karanasan sa panonood ng email para sa iyong mga subscriber. Maliit na mga template na ginawa gamit ang gamit ang HTML, hindi nilalayong gamitin ang mga ito bilang pangwakas na resulta. Inirerekomenda ng mga developer ng Cerberus na mag-eksperimento sa HTML code upang lumikha ng sarili mong mga variation.

Litmus


Ito sikat na brand sa mga gustong subukan at pag-aralan ang pagiging epektibo email marketing mga kampanya. Ang koponan ng Litmus ay sikat sa regular na pagbibigay sa komunidad ng iba't ibang libreng mapagkukunan, isa sa mga ito ay isang hanay ng mga tumutugon na template ng email.

Lahat ng limang template mula sa set ay nabibilang sa iba't ibang kategorya. Kabilang dito ang isang HTML na template ng email ng newsletter, isang bagong template ng anunsyo ng produkto, isang template ng resibo para sa mga abiso sa pananalapi, mga anunsyo ng maikling mensahe, at kahit isang regular na template ng email. Ito ay perpekto para sa mga user na gustong maging simple ngunit tumutugon ang kanilang mga email.

Tumutugon HTML Email Framework


Ito ay isang ganap na tampok na solusyon para sa paglikha ng tumutugon na mga newsletter sa email. Ang framework ay nagbibigay sa mga developer ng isang set ng grids, modules, blocks at lines para sa content, isang function para sa pagtatakda ng distansya sa pagitan ng mga elemento, buttons, image lines at iba pang elemento na maaaring magamit para bumuo ng perpektong template ng email. Ito ay nasubok sa lahat ng sikat na email client.

Foundation para sa mga Email


Ito ay isang set ng iba't ibang mga frameworks at platform para sa pag-optimize ng web development. Nagbibigay ang Foundation sa mga developer at designer ng madaling gamitin na CSS framework na nagbibigay-daan sa kanila na mabilis na gumawa ng epektibo at tumutugon na mga email.

Bawat HTML email template editor ay native na gumagamit ng Foundation-provided grid system. Pagkatapos ay maaari itong dagdagan ng iba't ibang elemento na karaniwang ginagamit para sa mga naturang layunin. Nagtatrabaho ka man sa e-commerce o branding ng negosyo, matutulungan ka ng Foundation na gumawa ng mga tumutugong template mga email.

Antwort


Hindi ipinoposisyon ng Antwort ang sarili bilang isang balangkas, tinatawag nila ang kanilang sarili na isang mapagkukunan ng mga nakahandang template ng email na maaaring umangkop sa landline at mga mobile device. Gumagana ito nang walang kamali-mali sa iOS at Android, pati na rin sa mga pangunahing email client gaya ng Yahoo!, Gmail at Outlook.

Kahit na sa ilan sa mga pinakalumang bersyon ng Outlook. Ang mga layout ay idinisenyo upang tumanggap ng dynamic na pagdaragdag ng nilalaman. Kasabay nito, ang estilo ng disenyo ng titik ay minimalistic.

Palaruan ng ZURB


Isa itong development company HTML5 framework Foundation, pati na rin ang operator ng isang serbisyong tinatawag na Ink. Ngayon ito ay mas kilala bilang Foundation Email.

Nag-aalok ang ZURB's Playground ng limang magkakaibang template ng email na mapagpipilian na madaling iakma sa anumang laki ng screen at device. Ang lahat ng mga template ay may hiwalay na mga style sheet at HTML na dokumento. Magiging tugma ang mga template na ito sa anumang pangunahing platform ng email. Madali kang makakahanap ng serbisyo kung saan mo magagamit ang mga template na ito.

Mosaico


Isang platform na nagbibigay-daan sa sinumang user na lumikha ng adaptive, magagandang HTML na template ng email. Nagbibigay ang Mosaico ng mga tool para sa pamamahala ng mga custom na elemento at adaptive na disenyo. Pinapayagan ka nitong i-personalize ang lahat ng iyong mga layout sa pag-click ng isang pindutan.

Binibigyang-daan ka ng built-in na control system na i-undo at gawing muli ang lahat ng ginawang pagbabago. Maaari ka ring mag-upload ng sarili mong mga template ng email at i-customize ang mga ito sa Mosaico. Ang platform ay open source at hinihikayat ang lahat na makilahok sa pagbuo ng proyekto.

Mga Open Source na Template ng Email


Isang kilalang email marketing platform na nag-aalok sa mga marketer at blogger ng kakayahang lumikha at mag-market ng kanilang mga template sa loob ng isang madaling gamitin na kapaligiran. Bilang pasasalamat sa komunidad ng marketing, ang SendWithUs ay nagbibigay sa mga user ng library ng sampung tumutugon na template.

Ang lahat ng mga template ay open source, na nagbibigay-daan sa iyong gumawa ng anumang mga pagbabago at pagsasaayos ayon sa iyong paghuhusga. Bagama't libre ang mga template na ito, angkop lamang ang mga ito para sa pag-isyu ng mga invoice at notification sa mga kliyente.

Tumutugon na Mga Pattern ng Email


Naglatag si Brian Graves ng matibay na pundasyon para sa paglikha at pagtatrabaho sa mga tumutugon na email. Ang kanyang proyektong Responsive Email Patterns ay isang set ng mga pluggable na template na magagamit mo upang mabilis na makalikha ng mga tumutugong email para magamit sa iyong paboritong email platform o direkta sa iyong email client. Kasama sa mga template ang mga elemento tulad ng mga listahan, media, nabigasyon, at mga grid.

HTML Email Templates


Isang kagalang-galang na serbisyo sa pagmemerkado sa email na tumutulong sa daan-daang libong mga online marketer na makamit ang pinakamainam na mga resulta sa mga kampanya sa email. Nagbibigay ang Campaign Monitor ng functionality para sa pagsubok ng mga email campaign, pati na rin ang isang email designer at isang koleksyon ng mga HTML na template ng email. Mayroon itong higit sa 20 natatanging mga template na angkop para sa halos anumang sitwasyon. Mga template para sa pagtatatag ng mga partnership, negosasyon sa negosyo, tradisyonal na mga template ng newsletter at mga template para sa mga anunsyo ng kaganapan.

Inspirasyon sa Disenyo ng Email ng HTML Email Designs


Ito ay isang repository ng pinakamahusay na mga template ng email na ginagamit sa mga newsletter mula sa ilan sa mga nangungunang kumpanya ng teknolohiya: Dropbox, Udemy, Moo, DigitalOcean at marami pa. Ang magandang bagay tungkol sa mga sample na template na ito ay ipinadala ang mga ito sa mga totoong user. Nagbibigay-daan ito sa iyong madaling pag-aralan ang istruktura ng mga template para mas maunawaan ang mga feature ng pagpapatupad na nagbibigay sa kanila. mataas na kahusayan. Daan-daang mga template ng email para magsimula.

MJML - Ang Responsive Email Framework


Isa itong framework at built-in na custom na markup language na idinisenyo upang tulungan ang mga developer na mabilis na gumawa ng mga tumutugong template. Ang layunin ng MJML ay gawing mas madali ang disenyo ng mga tumutugong email. Ang markup na gagawin mo gamit ang MJML ay awtomatikong mako-convert sa ganap na HTML5 compatible code. Magagamit mo ito sa anumang email client. Available din ang ilang mga preset na template.

Respmail


Para sa mga hindi gustong mag-abala sa mga kumplikadong framework, ang Respmail ay isang simple, tumutugon na solusyon sa marketing sa email. Nagbibigay ito sa iyo ng isang template na maaari mong i-customize ayon sa gusto mo. Mula nang mabuo ito, ang HTML na template ng email ay pinahusay at pino upang matiyak ang pagiging tugma sa lahat ng mga pangunahing email client.

Simbuyo ng damdamin


Ito ay isang sopistikadong template ng email na gumagamit ng mga modernong konsepto sa disenyo ng web. Ang pagpapalawak ng template na ito ay kahanga-hanga. Iba't ibang elemento Ang mga template ay hiwalay na mga bahagi at maaari mo lamang piliin kung ano sa tingin mo ang kailangan para sa iyong mga email sa newsletter.

Libreng Newsletter Template


Libreng template ng newsletter. Ito ay isang elegante at minimalist na solusyon para sa mga nais ng isang simpleng layout ng email. Sa aming opinyon, ang template na ito ay maaaring maging kapaki-pakinabang para sa mga blogger, artist, manunulat na gustong ihatid ang kanilang mensahe nang hindi kinakailangang mag-overload sa sulat ng mga modernong kumplikadong elemento.

MailPortfolio


Sinusunod ng MailPortfolio ang parehong pilosopiya gaya ng template ng HTML na email na inilarawan sa itaas. Ang pagkakaiba lang ay mas nakatutok ang MailPortfolio sa mga pangunahing pulang kulay. Ngunit ang lahat ng iba pa ay tila eksaktong pareho. Sa footer maaari mong tukuyin ang kinakailangang impormasyon tungkol sa kumpanya, na sapilitan para sa karamihan ng mga platform sa marketing ng email.


Malapit na ang Valentine's Day! Ito ang dahilan kung bakit nagpasya kaming magsama ng napakagandang template sa pagsusuri. Template ng Email ng Araw ng mga Puso, na maaaring gamitin sa araw na ito upang i-promote ang iyong mga alok at balita. Sa maraming mga tampok maaari mong i-customize ang template na ito para sa iba't ibang mga kaso ng paggamit.

EDMDESIGNER


Ang kumpanyang ito ay gumugol ng maraming oras upang ganap na umangkop sa mga pangangailangan ng komunidad. Ang resulta ay isang functional na platform para sa paglikha ng mga email. Ang drag-and-drop na interface ay tumutulong sa mga developer na lumikha ng magagandang layout. Wala nang pag-aaksaya ng oras sa muling paggawa ng parehong nilalaman nang paulit-ulit. Sa EDMDESIGNER maaari mong i-save hindi lamang ang mga template ng titik, kundi pati na rin ang mga indibidwal na elemento. Maaari mong gamitin muli ang mga ito sa anumang kampanya sa hinaharap.

Modern HTML Email


Gusto naming kumpletuhin ang aming listahan ng mga libreng template gamit ang isang libro. Ito pinakamahusay na paraan matutunan kung paano gumawa ng mga tumutugon na template ng email. Ang may-akda ng isa sa kanila ay Jason Rodriguez. Tutulungan ka ng aklat na lumikha ng moderno at magagandang HTML na mga template ng email na perpektong gagana sa lahat ng device, sa lahat ng kliyente at sa lahat ng browser. Sinasaklaw ng aklat ang mga pangunahing kaalaman sa paggawa ng email, pati na rin kung paano subukan ang mga email campaign at i-optimize ang mga ito gamit ang mga tool at ulat ng analytics.

Mga Premium Responsive HTML na Template ng Email

Nais naming pag-usapan ang tungkol sa mga template ng tumutugon na email para sa mga HTML na newsletter mula sa premium na segment. Ang kanilang mga presyo ay talagang medyo mababa ( kumpara sa kung ano ang babayaran mo sa isang taga-disenyo para sa gawaing ito). At nakakita kami ng ilang napakahusay na template.

Ideya


Functional na template na nagbibigay ng lahat ng magagamit modernong mga elemento HTML5, na maaaring i-embed sa mismong template. Madali mong maipapaalam ang iyong mga presyo, mga feature ng produkto na may mga built-in na elemento na ginagawang simple ang buong proseso. Naglalaman ang template ng built-in na drag-and-drop na module na makakatulong sa iyong gumawa ng mga kamangha-manghang email. Ito rin ay ganap na katugma sa nangungunang mga email marketing provider.

Vibgyor


Maaaring ilarawan ang Vibgyor bilang isang multi-purpose na template para sa iba't ibang industriya. Propesyonal hitsura ginagawang kaakit-akit ang Vibgyor sa mga linyang ito ng negosyo. Naglalaman ito ng drag-and-drop builder na nagpapadali sa pagbabago at pag-optimize ng anumang bahagi ng template ayon sa iyong paghuhusga.

Hi sa lahat. Noong isang araw ay nagpasya akong malaman kung paano nai-type ang mga html na titik. Ilang oras akong gumugol sa Internet, nagbasa ng dose-dosenang mga artikulo sa paksang ito at napagpasyahan na ito ay isang napakahirap na gawain.

Ngunit ang pagnanais ay naroroon, kaya nagsimula akong maghukay pa. Siguro sa blog, malapit ko nang palitan ang email subscription mula sa feedburner (sa ilalim ng mga artikulo) ng ibang bagay kung saan maaari kong gawin itong mas kaakit-akit. Ang pangunahing bagay ay isaalang-alang ang lahat ng mga nuances ng layout para sa mga email client, at maniwala ka sa akin, medyo marami sa kanila.

Ang kaugnayan ng paglikha ng mga html na titik para sa pagpapadala ng koreo

Ang pagpapadala sa koreo ay isa sa pinaka mabisang paraan magbenta ng mga kalakal, maghatid ng balita sa mga customer, makipag-usap tungkol sa mga promosyon at karagdagang serbisyo. Dagdag pa, kapag mayroon ka nang customer base, maaari mong ibalik ang "mga lumang" mga customer at gumawa ng isa pang benta.

Maaari kang magpadala ng materyal tungkol sa mga karagdagang serbisyo na maaaring naging interesado ang iyong mga customer pagkatapos ng kanilang unang pagbili.

At siyempre, gumagana dito ang teorya ng malalaking numero. Kung magpadala ka ng alok na magbenta ng isang bagay sa 20,000 subscriber, 1000 sa kanila ang magbabasa ng alok at hindi bababa sa 10 ang bibili, at ang halaga ay 0. Nagpadala ka lang ng sulat!

Ngunit may hindi nagbukas ng sulat, may nagbukas at hindi nagbasa dahil medyo magulo ang text, para sa isang tao ang mga larawan ay hindi nagbubukas, at para sa isang tao ang layout ay nagulo. Nangyayari ito. Dahil sa katotohanan na ang mga email program ay hindi sumusuporta sa CSS pati na rin sa mga browser. Tulad ng para sa javascript, sa pangkalahatan ay tahimik ako.

At mayroong maraming mga problema para sa mga taga-disenyo ng layout na lumikha ng mga html na titik.

Ngunit ngayon susubukan kong sabihin sa iyo kung paano lumikha ng isang HTML na liham na magbubukas nang pantay-pantay sa lahat ng mga browser (kabilang ang mga mobile) at mga programa sa email, upang ang iyong mga sulat ay magmukhang kaakit-akit at hindi ka mawalan ng mga customer. Hindi ito ang huling post, kung may mga problema sa pagpapakita, pagkatapos ay itatama ko ang isang ito o magsulat ng isang pagpapatuloy. Magpapasalamat din ako sa lahat ng makakatulong sa pagsubok at pagtukoy ng mga problema.

Mga problema sa HTML email layout

Dahil sa ang katunayan na ang mga serbisyo sa koreo ay wala pangkalahatang tuntunin pagpapakita ng mga html na titik, kailangang gamitin ng taga-disenyo ng layout ang mga panuntunan sa layout noong 90s. Ang ilang mga tao ay hindi kailangang masanay dito, ngunit dapat kong aminin, hindi pa ako nagsulat ng mga istilo sa loob ng isang html na dokumento, at hindi lamang sa loob ng isang html na dokumento gamit ang, lalo na inline, para sa bawat elemento nang hiwalay.

Ang ilang mga developer ng email program ay ganap na hindi pinagana ang suporta para sa mga style sheet at stylesheet tulad nito, sa paraang inilarawan sa itaas. Pinagtatalunan ito sa pamamagitan ng pagsasabi na ang mga titik ay partikular na kailangan para sa teksto. Kaya kakailanganin mong magsulat ng mga istilo para sa bawat elemento nang hiwalay.

Ang isa pang sorpresa ay hindi maraming mga serbisyo sa email ang hindi sumusuporta sa float at margin at padding. Paano mo ito gusto? Isipin na lumikha ka ng isang cool na tatlong-column na HTML na sulat batay sa (mga) div, at ang user ay nakaisip ng ganoong basura na agad niyang tinanggal ito, nang hindi nauunawaan kung ano ang gusto nila mula sa kanya.

Oo, oo. Tama ang narinig mo! Kakailanganin mong gumamit ng mga talahanayan kung hindi ka handang magsakripisyo ng libu-libong user na hindi magbubukas ng iyong email nang tama. Lumalabas na ang mga talahanayan ang tanging paraan ngayon upang makamit ang cross-browser compatibility.

Tulad ng isinulat nila sa isa sa mga site:

Kailangan mong tandaan ang mga kakila-kilabot na bagay tulad ng: Cellpadding, cellspacing, colspan

Sa aking kaso, kailangan kong matutunan ang mga ito, dahil hindi pa ako gumagamit ng mga talahanayan. Marahil ay hindi ko kakailanganin kung hindi ako nagpasya na malaman kung paano mag-format ng mga titik :)

Kung wala kang ugali na magtakda ng alt para sa mga imahe, kakailanganin mong bumuo nito para sa layout ng mga titik, dahil ang ilang mga email client, bilang default, ay naka-off ang pagpapakita ng mga larawan, at kung marami ka sa mga ito sa ang sulat, makikita ng user ang mga walang laman na frame, at sa gayon ay magkakaroon ng teksto.

Ang isa pang problema para sa akin ay kailangan kong patuloy na i-reset ang maraming mga halaga, halimbawa, ang hangganan ng mga larawan kung ito ay nakatakda bilang isang link.

Yun lang muna! Kung anuman ang dumating, ilalarawan ko ito habang ako ay pupunta. At ngayon gusto kong ipakita sa iyo kung ano ang nagawa ko sa ngayon, nang hindi nagdaragdag ng mga istilo ng disenyo tulad ng font, kulay, laki ng teksto, atbp. Ito ay mga elemento lamang sa tamang lugar. Sa susunod na artikulo, ilalarawan ko ang proseso ng pagsubok sa iba't ibang serbisyo ng email at ang mga pagbabagong kailangang gawin.

Tulad ng nakikita mo, mayroong isang bagay na dapat gawin. Hayaan akong ilarawan nang kaunti ang proseso ng layout. Walang saysay na pag-aralan ito; marami ang magbabago sa susunod na artikulo. Sa katunayan, ang lahat ay tila simple, ngunit sa kabilang banda, ang aktibidad na ito ay tumagal sa akin ng maraming oras.

Paano gumawa ng html letter

Upang magsimula, gumawa ako ng wireframe table para sa buong nilalaman ng email, na may lapad na 100% at isang asul na background. Naglalaman ito ng dalawang mesa ng bata. Isa para sa header (id="header"), ang pangalawa para sa content (id="content"):

Newsletter mula sa site



Tulad ng napansin mo na, nagtakda ako ng cellpadding="40" para sa talahanayan ng pambalot. Ito ay ang panlabas na padding ang nilalaman ay matatagpuan din, inihanay ko ang lahat ng mga talahanayan ayon sa gitna.

Ngayon ay kailangan mong hatiin ang sumbrero sa 2 bahagi. Sa isang inilalagay ko ang logo, at sa isa pa ay lumikha ako ng isa pang plato na may 3 mga haligi at naglalagay ng mga link sa mga social network doon.

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

Paano harangan ang mga panlabas na link mula sa pag-index

Hello guys. Ngayon ay pag-uusapan natin kung paano mapagkakatiwalaang isara ang mga panlabas na link sa iyong landing page upang ang timbang ay hindi mailipat mula dito, ngunit mananatili sa iyong pahina. Tulad ng malamang na alam mo, sa ngayon, kahit na isara mo ang link gamit ang , ang static na timbang ay inililipat pa rin at samakatuwid ay inalis mula sa iyong pahina.

Ngayon ay kailangan mong lumikha ng isang istraktura ng 3 mga haligi. Dahil hindi namin magagamit ang (mga) float, kailangan naming gumawa ng 5 column. 3 para sa nilalamang may mga larawan (150px), at 2 para sa pagtatakda ng espasyo sa pagitan ng mga ito (60px).

Png" />

Paano gumawa ng mga tag ng UTM at para saan ang mga ito Mga update sa blog at ulat ng mini optimization Script para sa AB testing

Smartlanding | 2014

Bilang ng mga template

Kalidad ng template

Mahusay

Mahusay

Mahusay

Mahusay

Magagamit na mga paksa

Mga Piyesta Opisyal

– Negosyo

Online na tindahan

– Turismo

- Pangkalahatan, atbp.

-Mga pista opisyal

- Restaurant

– Turismo

– Negosyo

Online na tindahan, atbp.

– Heneral

Mga Piyesta Opisyal

– Turismo

– Negosyo

Online na tindahan

-Online na tindahan

– Kagandahan at kalusugan

– Turismo

- Mga Piyesta Opisyal

Online na tindahan

– Turismo

Adaptation ng pagsulat para sa iba't ibang screen

Oo (hanggang 1,500 titik hanggang 100 address)

Oo (hanggang 15,000 titik hanggang 2,000 address)

Oo (hanggang 6,000 titik hanggang 5,000 address)

Libreng paggamit ng mga template

Kakayahang gumamit ng dating ginamit na mga template

  1. UniSender.

Isa sa pinakasikat na serbisyong Russified para sa paglikha ng mga newsletter sa email. Available ang 3 editor: para sa mga block template (maaaring baguhin ang text at visual na nilalaman sa iyong paghuhusga), para sa mga yari na basic at HTML na template, para sa pagtatrabaho gamit ang iyong sariling HTML email template. Hindi mahirap intindihin ang mga editor, nagbibigay ang system ng mga pahiwatig, at iyon lang mga kinakailangang kasangkapan ay matatagpuan sa tuktok ng gumaganang pahina.

  1. SendPulse

Isang pantay na sikat, nauunawaan at maginhawang site para sa paglikha ng mga template ng liham ng HTML at pagtatrabaho sa mga nakahandang template. Kabilang sa mga nasuri, mayroon itong pinakamalaking libreng pakete at napakaraming mga template para sa paglikha ng isang matagumpay na newsletter.

Ang site ay nagpapahintulot sa iyo na lumikha ng iyong sariling mga template sa isang pinasimpleng HTML editor, taga-disenyo, o sa pamamagitan ng pag-download ng iyong sariling template mula sa iyong computer. Ang taga-disenyo ay madaling maunawaan; maaari kang lumikha ng isang magandang titik "mula sa simula" sa pamamagitan ng malayang pagpili ng mga larawan, mga font at paglalagay ng lahat sa nais na lokasyon.

  1. Rumailer

Isang katamtamang site sa mga tuntunin ng disenyo na may magagandang template at medyo malaking libreng pakete. Pag-andar para sa pagtatrabaho sa limitadong dami ang mga template ay hindi kasing lapad ng gusto ng mga karanasang gumagamit. Walang maginhawang block editor sa lahat.

Ang bentahe ng serbisyo ay mayroon itong magagandang pagkakataon para sa pag-export ng mga subscriber. Maaaring ma-download ang mga ito ayon sa aktibidad, ayon sa sheet, gayundin sa pamamagitan ng pag-login o domain sa isang email address.

  1. GetResponse

Ang serbisyo ay sikat para sa isang malaking bilang magagamit na mga template sa 24 na kategorya. Ang kaaya-ayang interface ng site mismo ay kinukumpleto ng isang user-friendly na block editor ng mga handa at custom na template ng HTML para sa mga liham sa mga kliyente.

Madaling gamitin ang editor. Ang mga bloke ay madaling i-drag, muling ayusin, tanggalin o idinagdag. Kapag nag-click ka sa block, lilitaw ang isang gumaganang menu na may mga pindutan para sa pagsasagawa ng mga pangunahing aksyon na may mga imahe at nilalaman ng teksto.

Upang matingnan ang mga template, kailangan mong magsimulang magtrabaho kasama ang mailing list sa pamamagitan ng pagpasok ng impormasyon ng nagpadala at ang paksa ng liham, at pagkatapos ay piliin ang pindutang "I-block ang tagabuo ng email". Kung nais ng user na magtrabaho gamit ang kanyang sariling template, kailangan niyang piliin ang "HTML Code Editor".

  1. Mailerlite

Isang email distribution site na tinatawag ng maraming user na pinakasimple. Ang pag-andar ng pagtatrabaho sa mga template ay medyo limitado, ngunit ang mga pangunahing aksyon ay magagawa. Kahit na ang isang baguhan ay naiintindihan ang editor, dahil... ito ay simple at malinaw. Tulad ng sa iba pang mga platform, maaari mong i-upload ang iyong mga template ng HTML para sa mga newsletter sa email, i-edit at gamitin ang mga ito.

Paano pumili ng angkop na template ng liham ng HTML?

Ang pagpili ng serbisyo at template para sa pamamahagi ng email ay isang responsableng bagay na dapat lapitan nang matalino, dahil... ang karagdagang tagumpay ng isang komersyal na organisasyon o entrepreneur ay bahagyang nakasalalay dito. Kapag pumipili ng isang serbisyo, maaari kang umasa sa mga katangian sa itaas, mga pagsusuri mula sa mga kaibigan o gumagamit sa Internet, mga halimbawa ng trabaho sa site, pati na rin ang iyong sariling mga damdamin tungkol sa pagtatrabaho sa isang partikular na serbisyo.

Karagdagang sagot sa tanong na "paano mo malalaman kung aling template ang pipiliin?" Maaaring ihatid ang mga istatistika sa mga pinakasikat na serbisyo. Maaari, ngunit aminin natin, ang porsyento ng mga pagbubukas, paglipat, pag-click, at pag-unsubscribe ay halos hindi nakadepende sa serbisyo. Ang tanging bagay na napansin namin ay, halimbawa, sa SandPulse (marangyang libreng limitasyon), isang bahagyang mas mataas na porsyento ng mga email ang napupunta sa folder na "spam" sa halip na sa inbox. At walang ibang makakakontrol sa porsyento ng mga error na inilathala ng mga serbisyo mismo, maliban sa empirically sa mga nakahiwalay na kaso.

Sumulat kami nang detalyado tungkol sa mga libreng kakayahan ng mga serbisyo sa pag-mail.

Paano malalaman kung alin template ng email Angkop ba ito sa bawat partikular na kaso? Magagawa lamang ito sa pamamagitan ng pagtatrabaho sa iba't ibang mga template, pagpili pinakamahusay na disenyo at nilalaman. Maraming mga kumpanya ang unang gumamit handa na mga template, binabago ang mga ito, at pagkatapos ay gagawa ng sarili nila. Ito magandang opsyon kung kasanayan sa pagsulat html ng mga titik at pahina hindi, ngunit ang newsletter ay tila isang kapaki-pakinabang na tool.

Mga serbisyo sa internet para sa negosyo.
Ang isang link sa materyal ay kinakailangan!


Kamusta mahal na mga mambabasa - site!

Ngayon ay ipapakita ko sa iyo kung paano gumawa ng maganda para sa iyong E-mail newsletter.

Matagal nang walang lihim sa sinuman na ang buong negosyo sa Internet ay binuo sa marketing ng E-mail.

Araw-araw, sa tulong ng mga newsletter, nakikipag-ugnayan ang mga info-negosyante at blogger sa kanilang mga subscriber, na nag-aalok sa kanila ng iba't ibang produkto at serbisyo.

Ngunit upang mapansin ang naturang panukala at hindi agad maipadala sa folder ng spam, kailangan mong bigyang pansin ito.

Upang gawin ito, magiging angkop na lumikha ng isang magandang idinisenyong HTML na template ng titik.

Lalo na para sa iyo, pumili ako ng template ng pagsubok na magiging isang visual aid.

Ano at paano natin gagawin?

Gagawa kami ng pinakasimpleng HTML email template (), na bubuo ng pangunahing dialog box at dalawang pangalawang column.

Paggawa ng wireframe at container table

Una, kailangan nating gumawa ng HTML frame para sa ating liham. Magiging ganito ang hitsura:

Template ng liham ng HTML

Template ng liham ng HTML



Pakitandaan na itinakda ko ang lapad ng talahanayan sa 99%, na nag-iiwan ng maliit na espasyo sa paligid nito. Hindi ito ang aking personal na hangarin, ngunit isang kinakailangan ng ilang mga Web mail client tulad ng Gmail at Yahoo. Ang natitirang bahagi ng aming email ay nasa isang table cell na iyon, na nakasentro.

Ang susunod na hakbang ay gumawa ng table wrapper ng aktwal na nilalaman ng sulat. Panatilihin ang maximum na laki ng disenyo sa hindi hihigit sa 600 pixels:

Template ng liham ng HTML



Kasama ng maliwanag na anino sa puting background, ang aming template ng email ay pinahaba sa 640px, ngunit ito lugar ng trabaho nananatiling katumbas ng 600px .

Paggawa ng header

Ngayon na ang pangunahing talahanayan ay nilikha, oras na upang simulan ang pagpuno nito ng kinakailangang nilalaman. Magsisimula ako mula sa pinakatuktok ng template ng sulat at dahan-dahang bumababa.

Nangungunang linya

Mula ngayon, ibubukod ko ang dating nakasulat na code (mga frame ng talahanayan).

Kaya ang unang hilera ng spreadsheet ay may asul na background na may puting font at isang link sa web na bersyon ng email. Napakahalaga na bigyan ang iyong sulat ng ganoong link, dahil hindi lahat ng email client ay nagpapakita ng mga nilalaman nito nang pantay-pantay nang tama.

At ang estilo ng CSS ay responsable para sa hitsura nito:

/* Mga Font at Typography */ .footer ( font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #fff; padding-right: 20px; )

Logo at mga icon ng social media

Pagbaba, makikita natin ang logo at , na matatagpuan sa parehong antas.

Ang sumusunod na code ay responsable para sa kanilang output:

Bilang karagdagan, ang mga sumusunod na istilo ay idinaragdag sa lahat ng aming mga larawan sa HTML na template ng email:

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

Sa ganitong paraan, ang mga social icon ay nakaupo sa kanilang lugar sa kanilang sariling mga nested table cell at walang kaugnayan sa ibang mga seksyon ng sulat. Ito ay nagpapahintulot sa kanila na mabago kapag kinakailangan.

Pagdaragdag ng nilalaman

Magsisimula muna tayo sa pagdaragdag ng unang larawan, na sa disenyong ito ay 560px by 210px. Maaari mo ring makita ang cute na deformed shadow sa ibaba ng imahe na ginawa nang hiwalay, na nagbibigay-daan sa iyong mabilis na baguhin ang mga imahe nang hindi nawawala ang anino. Lumipat tayo sa code:

Dito nakagawa kami ng bagong row para magpakita ng malalaking larawan, itinakda ang lapad sa 560px at pagdaragdag ng 20px na padding sa magkabilang panig. Ginawa namin ang parehong mga aksyon sa anino.

Pagdaragdag ng pamagat at nilalaman

Sa paglipat sa ibaba, makikita natin ang pamagat ng pangunahing materyal at ang nilalaman mismo. Narito ang sumusunod na code ay responsable para sa pagpapakita ng nilalaman:

Ito ang iyong tampok na kwento

May isang opinyon na ang Pattaya ay naging isang sikat na resort dahil sa katotohanan na ang mga Amerikanong mandaragat ay madalas na nagbabakasyon dito gayunpaman, mayroon pa ring malaking bilang ng mga ito dito at sila ay palaging napapalibutan ng ilang mga Thai. Naturally, hindi gaanong sikat sa ating mga kababayan kaysa sa Egypt at Türkiye. Ngunit ang katutubong pananalita ay maririnig sa lahat ng dako dito)) kapwa sa mga shopping mall habang namimili at sa maraming lokal na bar)). Pangunahing sikat ang Pattaya sa nightlife, dagat at mga tela nito. Siyempre, bukod sa iba pang mga bagay, maaari kang makahanap ng maraming iba pang mga kagiliw-giliw na bagay dito. Dito maaari kang umarkila ng anumang sasakyan, kabilang ang mga jeep at scooter. Para sa mga mahilig sa motorsiklo, isa itong paraiso. Upang magrenta ng motorsiklo, maaaring hindi mo kailangan ng lisensya sa 100-500 baht lamang (kasama ang isang deposito na 2,000 baht) maaari kang magrenta ng isang disenteng scooter at sumakay para sa iyong sariling kasiyahan!

Upang baguhin ang hitsura ng header at teksto ng template ng titik, gamitin lamang ang mga sumusunod na istilo:

H1 ( kulay: #e95f03; font-family: Futura, Verdana, Sans-Serif; padding: 0; margin: 0; font-size: 24px; font-weight: normal; ) .content ( padding: 0; margin: 0 ; ) p (font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; )

Karagdagang Nilalaman

Ngayon lumipat kami sa karagdagang nilalaman ng aming template. Tulad ng napansin mo na, nahahati ito sa dalawang hanay. Ang bawat column ay naglalaman ng isang larawan, isang headline at isang maliit na preview. Ang lahat ng ito ay nilikha gamit ang sumusunod na code:

Ito ay pangalawang headline

Ito ay pangalawang headline

Sa kabila ng nasirang reputasyon ng Pattaya, dito mo malalaman na ang kilalang Thai massage ay hindi lamang isang takip para sa mga brothel. Sa Thailand talaga sila nagbibigay ng magagandang masahe, at ang pinakamahusay na mga espesyalista Sa sining na ito, ang mga bulag na master ay isinasaalang-alang. Ang kanilang lihim ay nakasalalay sa tumaas na sensitivity ng mga daliri.

Ang pangunahing kalye at ang puso ng Pattaya, na hindi nag-iiwan ng sinuman na walang malasakit. Lokal Arbat, Times Square at Sodom at Gomorrah sa isang baso, Walking Street ay isang tunay na pinagmumulan ng pag-ibig at poot para sa parehong mga lokal at mga bisita. Kapag sinabi nating Pattaya, ang ibig nating sabihin ay Walking Street.

Dito kailangan pa rin nating magdagdag ng karagdagang istilo. Narito ito:

H2 ( kulay: #e95f03; font-family: Futura, Verdana, Sans-Serif; padding: 0; margin: 0; font-size: 18px; font-weight: normal; )

Pagsasara ng HTML na template ng email

Kaya papalapit na kami sa dulo ng aming pattern. Dito kailangan nating isara ang pangunahing window gamit ang larawan at ang sumusunod na code:

Isa sa pinaka mahahalagang aspeto, ay ang karagdagan sa dulo ng template ng liham ng isang link upang mag-unsubscribe mula sa pagtanggap ng mga naturang titik (). Oo, oo, alam ko, ayaw mong mawalan ng mga subscriber. Ngunit hindi mo rin sila maiirita. Dapat mong bigyan ang mga customer ng pagkakataong tumanggi na tumanggap ng mga mailing na maaaring nakakainip sa kanila sa mahabang panahon. Well, at the same time, remind you kung sino ang author.

Dito kailangan mo ang sumusunod na code:

Newsletter mula kay: Ivanov Ivan
May-akda ng blog: Ivan.ru

Gustong mag-unsubscribe? Mag-click dito

Konklusyon

Minamahal na mga kaibigan, upang ipakita sa lahat mga graphic na elemento sa template ng liham dapat silang ma-upload sa anumang online na server, at sa kaukulang mga linya ng code dapat kang magsulat ng isang natatanging landas sa mga larawang ito.

Ang test HTML letter template ay ibinigay bilang gabay na maaari mong baguhin anumang oras ayon sa iyong panlasa at kulay.

Iyon lang para sa araw na ito. Sana nagustuhan mo.

Hanggang sa mga bagong artikulo...

Pinakamahusay na pagbati, Denis Chernikov!



 


Basahin:



Accounting para sa mga settlement na may badyet

Accounting para sa mga settlement na may badyet

Ang Account 68 sa accounting ay nagsisilbi upang mangolekta ng impormasyon tungkol sa mga ipinag-uutos na pagbabayad sa badyet, na ibinawas kapwa sa gastos ng negosyo at...

Mga cheesecake mula sa cottage cheese sa isang kawali - mga klasikong recipe para sa malambot na cheesecake Mga cheesecake mula sa 500 g ng cottage cheese

Mga cheesecake mula sa cottage cheese sa isang kawali - mga klasikong recipe para sa malambot na cheesecake Mga cheesecake mula sa 500 g ng cottage cheese

Mga sangkap: (4 na servings) 500 gr. cottage cheese 1/2 tasa ng harina 1 itlog 3 tbsp. l. asukal 50 gr. mga pasas (opsyonal) kurot ng asin baking soda...

Black pearl salad na may prun Black pearl salad na may prun

Salad

Magandang araw sa lahat ng nagsusumikap para sa pagkakaiba-iba sa kanilang pang-araw-araw na pagkain. Kung ikaw ay pagod na sa mga monotonous na pagkain at gusto mong masiyahan...

Lecho na may mga recipe ng tomato paste

Lecho na may mga recipe ng tomato paste

Napakasarap na lecho na may tomato paste, tulad ng Bulgarian lecho, na inihanda para sa taglamig. Ganito namin pinoproseso (at kinakain!) 1 bag ng peppers sa aming pamilya. At sino ang gusto kong...

feed-image RSS