Hoe te meitsjen HTML-email: stap foar stap gids

Ferstjoerlisten wurde in wichtich part fan marketing kampanjes. Meitsje mails foar se op ferskate manieren it sterk op de ûntwikkeling fan de ienfâldige websiden. Tagelyk moat rekken holden guon wichtige ferskillen. Yn it bysûnder, stjoeren HTML-e-mails sille allinnich effekt hawwe at se binne opboud korrekt yn 'e technyske sin, en harren ynhâld en styl moetsje dyn doelpunten. Yn dat gefal is der in belibbing dat in layman kin net omgaan mei dizze taak. Dit artikel jout detaillearre stap foar stap ynstruksjes, hoe om te skriuwen en hoe't te stjoeren HTML-e-mail.

Features of skepping

Moderne minske krijt alle dagen in gemiddelde fan 5-6, en soms omheech oant 10 E-mailberjochten. Dat betsjut dat jo allinnich hawwe minder dan in twadde, te hawwen tiid om de oandacht bringen fan de ûntfanger, ear't it giet om it lêzen fan de folgjende korrespondinsje. Oars, jim stjoeren fan HTML-e-mails sille wêze hielendal net effektyf, en jo krekt fergriemd tiid.

Ien fan nuânse dy't fergrutsje dyn kânsen op it oanlûken fan it omtinken fan potinsjele klanten of oare doelgroep is de skepping fan 'e korrespondinsje, dy't is oanpast ta mobile apparaten. Ommers, de measte minsken dy't de dat rjochte is om te besjen e-mail, nei alle gedachten brûke se faker as buroblêd kompjûters en laptops.

Foar dat doel kin brûkt wurde, bygelyks, "responsive design" maklik past him oan it skerm grutte.

Wat moat wêze de letter template

As de opmaak fan it dokumint, bedoeld om te ferstjoeren korrespondinten, moatte harren oan de folgjende easken:

• Der moat ophâlden wurde frij smelle, dws. E. Yn grutte net heger wêze as it berik fan 500-600 piksels dy't jouwe de krekte werjefte fan de tekst en oare ynhâld fan apparaten fan hokker type.
• Jo moatte mei in grut genôch lettertype foar alle tekst ynformaasje likegoed as iOS-apparaat HTML-mail sille wêze ongemakkelijk om te lêzen as it lettertype grutte fan op syn minst 13 pixels.
• Eleminten dêr't jo kinne klikke om te dwaan, moat grut genôch wêze en isolearre út de tichtst links. Yn dit gefal, de ûntfanger kin maklik aktivearje se op 'e earste try.

training

Foardat de ûntwikkeling fan HTML-brief, jimme moatte oanmeitsje ien fan de driuwfearren in nije map en neam mar op, bygelyks, "Nijs". Dêrneist moatte jo ynlade en ynstallearje de Dreamweaver CS3 software. Dit produkt út Adobe is in frij simpel ark design web sites en is goed geskikt foar de ûntwikkeling fan in mailing brieven yn HTML-formaat.

Meitsje en bewarje in dokumint

Foardat jo skriuwe de tekst fan 'e brief, jim moatte:

• iepenje hiel populêre programma-ûntwerper HTML-e-mails Dreamweaver CS3 (DW);
• meitsje in dokumint troch selektearjen fan in soarte fan "Trans HTML 4.01»;
• bewarje de triem mei it taheaksel «.html»;
• yn it boppeste menu te finen De te bewurkjen kommando;
• fuortsmite de tick út de kontrôle-box "brûke CSS ynstee fan tag HTML».

Stap foar stap gids

No, lit sjen hoe te meitsjen HTML-e-mail. Dat giet sa:

• Konsekwint iepenjen it menu ljepper "Ynfoegje" en "tabel" en bleat te lizzen de needsaaklike parameters fan 'e tafel. Bygelyks, de line - 2 kolommen - 1, Breedte - 700, de kop - de top. De grinzen kinne ynsteld wurde, en do kinst dwaan sûnder har, mei opjefte fan 0.
• Foarmje it berjocht kop. Sûnt HTML-brief bedoeld foar in grutter tal begeunstigers, dus brûk de eksploitant [FIRST_NAME], te ferfangen de namme fan de winske ûntfanger.
• Yn de legere finster, de "Eigenskippen" foar de nedige parameters foar it lettertype, grutte as kleur fan 'e titel tekst en eftergrûnkleur.
• "Utgong" út 'e kop fjild. Oan de ûnderkant fan it skerm om it rinnerke sette opsjes "Sintraal sette" en "Yn 'e midden."
• Stek it taret tekst berjocht of "skriuwe" it rjocht yn 'e DW programma troch selektearjen type en tekengrutte, en ôfstimmen fan de tekst op' e side.

Oanmeitsjen hypertext links

Wy sille besykje om HTML-brief mear profesjonele en trochsetters. Mei dit doel yn hide ynhâld hyperkeppelings. Om dit te dwaan, selektearje it plak yn de tekst, dy't keazen waard as hypertext link. Yn de linker hoeke moet "iepen" it passend byldkaikewerjefte en ynfoegje in link fan it drop fak oan de boppekant fan it skerm. Yn dit gefal, ferjit net om te setten in tick yn de check-box «_ blank», iepenje de keppeling yn in nij finster, en de ûntfanger nei de foarstelling hat net ferlern tagong ta de wichtichste brief.

How to ynfoegje ôfbyldings

Meastal in brief yn HTML opmaak foltôging kontaktgegevens, leafst mei in foto fan 'e skriuwer of de relevante tematysk byld. It kin ynladen wurde fanôf it ynternet of troch it downloaden op it ynternet, lykas jo nedich de URL fan de ôfbylding. Dit is benammen dien troch ien fan de frije tsjinsten.

Om sa'n moai ein:

• ynbrocht yn 'e boaiem fan it berjocht, yn in oar basis tabel 3 en kollumns 0 parameter foar de begrinzing piksels;
• set it rinnerke yn de tabel, dêr't se wolle sjogge it byld;
• Mark yn 'e legere finster, "midden" en "boppeste râne" foar elk diel;
• kieze út de boppeste menu ljepper "Ynfoegje";
• do klik op it opskrift "Ofbylding" yn it popup menu, plakken it kopiearre kontakt adres;
• parse «Ok» 2 kear.

resinsje

No dat jo witte hoe te dwaan HTML-brief, jo moatte der wis fan dat de ûntfanger sil sjen dat yn de krekte foarm. Dêrta, foardat it ynstjoeren fan jo wolle sjen dyn wurk yn Dreamweaver CS3 browser. To do dit, klik op it ikoantsje mei in wrâldbol yn it midden haadmenu. As ynstee fan letters ferskynden op it skerm, abracadabra, dan moatte sette yn dyn blêder ynstellings avtokodirovku.

kodearring

Ut de "Projekt" diel en gean nei de koade diel - de "Code". Yn it finster dat skieden en kopiearje alles dat leit tusken de tags en . Bewarje it bestân. Folgjende, ynfoegje de HTML-koade.

Stjoeren fan HTML-e-mailberjochten

Om de post iepen "Smartresponder" (SR). doe:

• Kies of meitsje in nije e-mail troch it ynfoljen fan de tekenrige "namme" en "yngean op de stjoerder."
• folje line "tema fan 'e brief";
• mark yn it boppeste lofts menu HTML-koade;
• embed koade kopiearre nei it programma DW-koade yn in grut fjild "Boarne";
• kontrolearje it correctness fan de werjefte middel fan in ynstrumint "Foarbyld";
• Wiskje: Smyt de tekstferzje fan de brief;
• test it foar spam, mei help fan de byhearrende knop neist "Send" knop.

Ferskate populêre sjabloanen

Mei help fan in kader helpt om gâns versnellen it proses fan skriuwen en meitsje it better berikber foar de ûntwikkelders, dat hat allinne begrypt de basis fan it meitsjen fan web-dokuminten. De meast populêre patroanen:

• Cerberus. Dit set de saneamde reageren sjabloanen te meitsjen brieven, normaal werjûn yn in mobile applikaasje Gmail, en yn Outlook. It jout jo de mooglikheid om te brûken HTML-koade blokken, òf allinne òf troch de kombinaasje se.
• Ink - is it rispjen-mails, mailings dy't binne hast universeel en kompatibel mei alle apparaten en kliïnten.
• Really ienfâldige HTML e-template. De sjabloan kinne jo te meitsjen mailing brieven binne hiel maklik en fluch. Lykwols, se sille wol in hiel ienfâldige ûntwerp yn 'e foarm fan in pylder, dy't ynfierd yn in oprop ta aksje.

How to ynfoegje HTML yn in

Lit ús no beskôgje in wat oare probleem. Om ynfoegje HTML koade yn in e-mail, bygelyks, gmail mei help, lykas yn it foarbyld hjirûnder, de Google Chrome blêder, dan moat:

• klik op de knop «op F12», of selektearje de passend opienfolging fan kommando yn it menu;
• yn it iepen finster ta de klant syn aktive koade side gmail fine in plak dêr't te ynfoege wurde yn HTML-brief, meitsje in rjochter klik en kies «bewurkje as HTML».
• plakke de HTML koade;
• druk op in kombinaasje fan twa kaaien «Ctrl» en «Enter».

Foar itselde doel kinne jo ynlade maklik-to-ispolzovnii Mozilla thunderbird programma. Mei it kinne jo in brief, dan earst selektearje "Ynfoegje" en dan "de HTML" en plakke nei jo ferstjoerlist koade.

ynstruminten

Vordpressovsky E-Nijsbrief plugin makket it mooglik om profesjoneel beheare nijsbrieven en abonnees. En en dan, en oar wurdt dien direkt fia de WordPress admin paniel. Dy omstannichheid jout folsleine kontrôle en hielendal fergees, dat kin net, mar bliid wêze.

In oare ienfâldige ark - Bulletproof eftergrûnôfbyldings, dat is in ienfâldich helpmiddel wêrmei jo te krijen de koade foar de eftergrûn ôfbylding makke troch de brieven. It kin helpe dy om harren it korrespondinsje moaier. Foar registraasje fan de brief moat gewoan enter de URL fan de eftergrûn ôfbylding jo graach en reservearje de kleur, en oft dy parameters wurde tapast om de hiele lichem fan HTML-mails of se wurde allinnich bedoeld foar ien fan 'e tafel sellen. It resultaat is in ready-made koade dy jo wolle kopiearje en plak yn dyn sjabloan.

No dat jo witte hoe te stjoeren HTML-e-mail. Syn skepping is net bysûnder dreech, foaral as jo brûke klear-makke sjabloanen wêryn it web is gjin tekoart. Dêrom, ek dyjingen dy't net hawwe spesjale kennis, kin maklik omgaan mei dizze taak.