Paano lumikha ng HTML-email: hakbang-hakbang na gabay

Mga mailing list ay isang mahalagang bahagi ng kampanya sa marketing. Lumikha ng mga email para sa mga ito sa maraming mga paraan ito ay kahawig ng pag-unlad ng simpleng mga pahina ng Web. Kasabay nito dapat itong isaalang-alang ang ilang mahahalagang pagkakaiba. Sa partikular, ang pagpapadala ng HTML-emails ay magiging epektibo lamang kung ang mga ito ay binubuo ng tama sa mga teknikal na kahulugan, at ang kanilang nilalaman at estilo matugunan ang iyong mga layunin. Sa kasong ito, mayroong isang pagdama na ang isang karaniwang tao ay hindi maaaring makaya sa gawaing ito. Ang artikulong ito ay nagbibigay ng detalyadong hakbang-hakbang na mga tagubilin, kung paano sumulat at kung paano upang magpadala ng HTML-email.

Mga Tampok ng paglikha

Modern tao ay tumatanggap ng araw-araw na isang average ng 5-6, at kung minsan hanggang sa 10 e-mail. Ang ibig sabihin nito ikaw lamang ang may mas mababa sa isang segundo, upang magkaroon ng panahon upang gumuhit ng pansin ng mga tatanggap, bago ito napupunta sa pagbabasa ng mga sumusunod na pag-uusap. Kung hindi man, ang iyong pagpapadala ng HTML-emails ay maging ganap na hindi epektibo, at ikaw lamang nasayang na oras.

Isa sa pananarinari na taasan ang iyong mga pagkakataon ng akit ng pansin ng mga potensyal na customer o iba pang mga target na madla ay ang paglikha ng mga liham, na kung saan ay iniangkop sa mga mobile device. Matapos ang lahat, karamihan sa mga kanino ito ay direksiyon sa mga email, marahil gamitin ang mga ito nang mas madalas kaysa sa desktop computer at laptop.

Para sa layuning ito ay maaaring gamitin, halimbawa, "nakikiramay disenyo" madaling adapts sa laki ng screen.

Ano ang dapat na ang sulat template

Kapag ang layout ng mga dokumento, na nilayon upang magpadala ng correspondents, dapat sumunod sa mga sumusunod na kinakailangan:

• Dapat itong gawin medyo makitid, ie. E. Sa laki ay hindi dapat lumampas sa hanay ng mga 500-600 pixels na nagbibigay ng tamang pagpapakita ng mga teksto at iba pang nilalaman sa mga device ng anumang uri.
• Kailangan mong gamitin ang isang malaking sapat na font para sa lahat ng mga impormasyon na teksto pati na rin ang iOS-aparato HTML-mail ay hindi komportable upang basahin kung ang laki ng font ng hindi bababa sa 13 pixels.
• Sangkap na kung saan maaari mong i-click ang gagawin, ay dapat na malaki sapat at insulated mula sa pinakamalapit na links. Sa kasong ito, ang tatanggap ay madaling buhayin ang mga ito sa unang try.

pagsasanay

Bago ang pagbuo ng HTML-sulat, dapat kang lumikha ng isa sa mga drive ng isang bagong folder at pangalanan ito, halimbawa, "News". Bilang karagdagan, dapat mong i-download at i-install ang Dreamweaver CS3 software. Ang produkto mula sa Adobe ay isang medyo simpleng tool na disenyo ng web site at ay well-ugma para sa pag-unlad ng isang mailing titik sa HTML format.

Lumikha at i-save ang isang dokumento

Bago mo isulat ang teksto ng sulat, kailangan mong:

• buksan ang lubos na popular na programa-designer HTML-email Dreamweaver CS3 (DW);
• lumikha ng isang dokumento sa pamamagitan ng pagpili ng uri ng "Transition HTML 4.01»;
• i-save ang file na may extension «.html»;
• sa tuktok na menu upang mahanap ang pag-edit ng utos;
• alisin ang tik mula sa check-box "Gamitin ang CSS sa halip ng tag na HTML».

Sunud-sunod na gabay

Ngayon, tingnan natin kung paano lumikha ng HTML-email. Upang gawin ito:

• Pantay-pantay na buksan ang menu ng tab na "Insert" at "Table" at ilantad ang mga kinakailangang parameter ng mesa. Halimbawa, ang linya - 2 mga haligi - 1, Lapad - 700, ang header - itaas. Ang mga hangganan ay maaaring itakda, at maaari mong gawin nang walang mga ito, na tumutukoy 0.
• Bumuo ng header ng mensahe. Dahil HTML-titik na inilaan para sa isang mas malaking bilang ng mga benepisyaryo, kaya gamitin ang operator [first_name], upang palitan ang pangalan ng ninanais na tatanggap.
• Sa ibabang window, ang "Properties" ilagay up ng mga kinakailangang parameter para sa font, laki at kulay ng teksto ng pamagat at kulay ng background.
• "Lumabas" mula sa field ng header. Sa ibaba ng screen upang ilipat ang cursor ilagay ang mga pagpipilian "Centered" at "Sa gitna."
• Ipasok ang naghanda text message o "isulat ang" ito ng tama sa DW programa sa pamamagitan ng pagpili ng uri at laki ng font, at pag-align ng teksto sa pahina.

Paglikha ng hypertext link

Susubukan naming gumawa ng HTML-titik na mas propesyonal at advanced. Gamit ang layunin sa itago ang nilalaman hyperlink. Upang gawin ito, piliin ang lugar sa teksto, na kung saan ay pinili bilang isang hypertext link. Sa kaliwang sulok ay dapat na "open" sa naaangkop na icon at ipasok ang isang link mula sa drop box sa tuktok ng screen. Sa kasong ito, huwag kalimutan na maglagay ng isang tik sa check-box «_blank», upang buksan ang link sa isang bagong window, at ang tatanggap pagkatapos ng show ay hindi nawalan ng access sa mga pangunahing sulat.

Paano upang magpasok ng mga imahe

Karaniwan ng isang sulat sa HTML format natapos na ang mga detalye ng contact, mas mabuti na may isang larawan ng may-akda o ang mga kaugnay na base sa paksa ng larawan. Maaari itong i-download mula sa Internet o sa pamamagitan ng pag-download sa Internet, sapagkat kakailanganin mo ang URL ng imahe. Ito ay pinakamahusay na ginagawa sa pamamagitan ng isa sa mga libreng serbisyo.

Sa isyu tulad ng isang masarap na nagtatapos:

• ipinasok sa ilalim ng mensahe, sa isa pang base talahanayan 3 at haligi 0 parameter para sa mga pixel hangganan;
• ilagay ang cursor sa table, kung saan nila gusto upang makita ang mga larawan;
• mark sa ibabang window, "middle" at "upper edge" para sa bawat seksyon;
• pumili mula sa tuktok na menu tab na "Insert";
• huwag i-click ang inskripsyon "Imahe" sa popup menu, i-paste ang nakopyang contact address;
• pindutin ang «Ok» 2 beses.

pagsusuri

Ngayong alam mo na kung paano gawin HTML-titik, dapat mong tiyakin na ang makikita ng tatanggap ang mga ito sa tamang pagkakasunod form. Sa katapusang ito, bago isumite ang nais mong makita ang iyong gawa sa Dreamweaver CS3 browser. Upang gawin ito, i-click ang icon na may isang globo sa gitna tuktok na menu. Kung sa halip ng mga titik lumitaw sa screen, kalokohan, dapat mong ilagay sa iyong browser setting avtokodirovku.

pag-encode

Mula sa seksyon ng "Project" at pumunta sa code na bahagi - ang "Code". Sa window na pinaghiwalay at kopyahin ang lahat na namamalagi sa pagitan ng mga tag na at . I-save ang file. Susunod, ipasok ang HTML-code.

Ang pagpapadala ng HTML-emails

Upang gawin ang mga mail buksan ang "Smartresponder" (SR). pagkatapos ay:

• pumili o lumikha ng isang bagong email sa pamamagitan ng pagpuno ng string na "pangalan" at "tugunan ang nagpadala."
• punan line "na tema ng titik";
• mark sa itaas na kaliwang menu HTML-code;
• embed code na kinopya sa programa DW-code sa isang malaking field "Source";
• suriin ang kawastuhan ng display paraan ng isang kasangkapan "I-preview";
• Tinatanggal ang text version ng sulat;
• subukan ito para sa spam, gamit ang naaangkop na pindutan sa tabi ng "Ipadala" na button.

Maraming mga popular na mga template

Ang paggamit ng isang framework ay tumutulong sa makabuluhang mapabilis ang proseso ng pagsulat at gawin itong mas naa-access sa nag-develop, na kung saan ay lamang nauunawaan ang mga pangunahing kaalaman ng paglikha ng web-dokumento. Ang pinaka-popular na mga pattern:

• Cerberus. Ang hanay ng mga tinaguriang tumutugon template upang lumikha titik, normal ipinapakita sa isang mobile application ng Gmail, at sa Outlook. Pinapayagan ka nitong gumamit ng mga bloke HTML-code, maging nag-iisa o sa pamamagitan ng pagsasama-sama ng mga ito.
• Ink - ay pag-aani ng mga email, mailings na kung saan ay halos unibersal at tugma sa lahat ng mga aparato at mga kliyente.
• Talagang simpleng template ng HTML email. Ang template ay nagbibigay-daan sa iyo na lumikha mailing titik ay napaka-madali at mabilis. Gayunman, sila ay may isang napaka-simpleng disenyo sa anyo ng isang haligi, na pumasok sa isang call to action.

Paano upang magsingit ng HTML sa isang

Tingnan natin ngayon ang isang bahagyang kakaibang problema. Upang ipasok HTML code sa isang email, halimbawa, gmail gamit, tulad ng sa halimbawa sa ibaba, ang Google Chrome browser, dapat kang:

• click sa pindutan «F12», o piliin ang naaangkop na pagkakasunod-sunod ng mga utos sa menu;
• sa bukas na window sa kasalukuyang gmail code pahinang ng customer makahanap ng isang lugar na kung saan na ipinasok sa HTML-titik, gumawa ng isang right click at piliin ang «I-edit bilang HTML».
• i-paste ang HTML code;
• pindutin ang isang kumbinasyon ng dalawang mga susi «Ctrl» at «Magpasok».

Para sa parehong layunin maaari mong i-download ang madaling-ispolzovnii Mozilla ibong kulog programa. Gamit ito maaari kang lumikha ng isang sulat, at pagkatapos ay pumili muna "Insert" at pagkatapos ay "ang HTML" at i-paste sa iyong mailing code.

mga instrumento

ay nagbibigay-daan Vordpressovsky e-Newsletter plugin mong propesyonal pamahalaan ang mga newsletter at mga subscriber. At at pagkatapos, at isa pa ay tapos na direkta sa pamamagitan ng admin panel ng WordPress. Ang kalagayang ito ay nagbibigay ng kumpletong kontrol at ganap na walang bayad, na kung saan ay hindi maaaring ngunit magalak.

Ang isa pang simpleng tool - Bulletproof mga larawan sa background, na kung saan ay isang simpleng tool na nagbibigay-daan sa iyo upang makuha ang code para sa mga larawan sa background na nilikha ng mga titik. Maaari itong makatulong sa iyo na gumawa ng sulat mas maganda. Para sa pagpaparehistro ng sulat ay dapat lamang ilagay ang URL ng ang larawan sa background na nagustuhan mo at hinahawakan ang kulay, at kung ang mga parameter ay inilapat sa buong katawan ng HTML-mail o ang mga ito ay inilaan para lamang sa isa sa mga cell table. Ang resulta ay isang handa-made na code na nais mong kopyahin at idikit sa iyong template.

Ngayon na alam mo kung paano upang magpadala ng HTML-email. ang paglikha nito ay hindi partikular na mahirap, lalo na kung gumagamit ka ng yari ng mga template na kung saan ang web ay walang kakulangan. Samakatuwid, kahit na sa mga hindi nag magkaroon ng espesyal na kaalaman, ay madaling makaya sa gawaing ito.