Kiel krei HTML-poŝto: paŝo post paŝo gvidas

Dissendolistoj estas grava parto de marketing kampanjoj. Krei retpoŝtojn por ili multmaniere ĝi similas al la disvolviĝo de simpla TTT-paĝoj. Samtempe ĝi devas konsideri iuj gravaj diferencoj. Aparte, sendante HTML-retpoŝtoj estos efika nur se ili estas formitaj ĝuste en la teknika senco, kaj ilia enhavo kaj stilo renkonti viajn celojn. En ĉi tiu kazo, estas percepto ke laiko ne povas elteni tiun taskon. Ĉi tiu artikolo provizas detalan paŝon post paŝo instrukciojn, kiel verki kaj kiel sendi HTML-retpoŝto.

Trajtoj de kreo

Moderna homo ricevas ĉiutagan mezumon de 5-6, kaj foje ĝis 10 retpoŝtoj. Pro tio, vi nur havas malpli ol dua, havi tempon por nomi la atenton de la ricevonto, antaŭ ol ĝi iras al la legado de la sekvaj korespondado. Alie, via sendo HTML-retpoŝtoj estos tute senutila, kaj vi nur malŝparis tempon.

Unu el nuancon ke pliigi viajn ŝancojn de altiri la atenton de eblaj klientoj aŭ aliaj aŭdienco estas la kreo de korespondado, kiu estas adaptita al mekanismoj móviles. Ja plej multaj el tiuj, al kiuj tio estas adresita por vidi retpoŝton, verŝajne uzi ilin pli ofte ol labortablo komputiloj kaj tekkomputiloj.

Tiucele povas uzi, ekzemple, "respondemaj dezajno" facile adaptiĝas al la grandeco de ekrano.

Kio devus esti la letero ŝablono

Kiam la aranĝon de la dokumento, intencis sendi al korespondantoj, devus aliĝas al la sekvaj kondiĉoj:

• Estu sufiĉe mallarĝa, te. E. En grandeco ne rajtas superi la gamo de 500-600 pikseloj kiuj provizas la korekta montriĝo de teksto kaj aliaj enhavo en mekanismoj de ajna tipo.
• Vi devas uzi sufiĉe granda tiparo por la teksto informon tiel kiel iOS-aparato HTML-poŝto estos malkomforta legi se la tiparo grandeco de almenaŭ 13 rastrumeroj.
• Eroj sur kiu vi povas alklaki fari, estu sufiĉe granda kaj izolita de la plej proksimaj ligiloj. En ĉi tiu kazo, la ricevanto povas facile aktivigi ilin sur la unua provo.

trejnado

Antaŭ la disvolviĝo de HTML-leteron, vi devus krei unu el la diskoj de nova dosierujo kaj ajn, ekzemple, "Novaĵoj". Krome, vi devas elŝuti kaj instali la Dreamweaver CS3 programaro. Tiu produkto de Adobe estas sufiĉe simpla ilo dezajno retejoj kaj estas tre taŭga por la evoluado de dissendolisto leterojn en formato HTML.

Krei kaj savi dokumenton

Antaŭ skribi la tekston de la letero, vi devas:

• malfermi sufiĉe populara programo-diseñador HTML-retpoŝtojn Dreamweaver CS3 (DW);
• krei dokumenton kompilaĵon laŭ tipo de "Transiro HTML 4.01»;
• savu la dosieron kun la etendo «.html»;
• en la supra menuo trovi la redaktado komando;
• forigi la iksodoj de la ĉeko-skatolo "Uzu CSS anstataŭ etikedo HTML».

Paŝo post paŝo gvidas

Nun, ni vidu kiel krei HTML-retpoŝto. Por fari tion:

• Konsekvence malfermi la menuon langeto "Insert" kaj "Tablo" kaj eksponi la necesajn parametrojn de la tablo. Ekzemple, la linio - 2 kolumnoj - 1, Larĝeco - 700, la titolo - la supro. La limoj povas esti aro, kaj vi povas malhavi ilin, specifante 0.
• Formas la mesaĝon kaplinio. Ekde HTML-leteron destinita por pli granda nombro da profitantoj, do uzu la operatoro [first_name], anstataŭigi la nomon de la dezirata ricevanto.
• En la malsupra fenestro, la "Atributoj" toleri la necesajn parametrojn por la tiparo, grandeco kaj koloro de la titolo de teksto kaj fono koloroj.
• "Eliri" de la titolo kampo. Ĉe la malsupro de la ekrano movi la kursoron metis ebloj "Centrigita" kaj "En la mezo."
• Enmetu la preta teksto mesaĝo aŭ "skribi" ĝi bone DW programo elektante tipo kaj tiparo, kaj alineación de la teksto sur la paĝo.

Kreante hipertekstaj ligiloj

Ni provos fari HTML-leteron pli profesia kaj progresinta. Kun tiu celo en kaŝi enhavo hiperligoj. Por fari tion, elektu la lokon en la teksto, kiu estis elektita kiel hiperteksta ligilo. En la maldekstra angulo devus esti "malfermita" la taŭga ikono kaj enmeti ligilon al la guto skatolo ĉe la supro de la ekrano. En ĉi tiu kazo, ne forgesu meti tick en la ĉeko-skatolo «_blank», por malfermi la ligilon en nova fenestro, kaj la ricevanto post la spektaklo ne perdis aliro al la ĉefa letero.

Kiel enmeti bildojn

Kutime leteron en HTML formato kompletigas la kontaktinformojn, prefere kun foto de la aŭtoro aŭ la koncerna temática bildo. Ĝi eblas malŝarĝita de interreto aŭ elŝutante en Interreto, kiel vi bezonos la URL de la bildo. Tio ĉi estas plej bone farita de unu el la liberaj servoj.

Elsendi tian belan finon:

• enmetita en la malsupro de la mesaĝo, en alian bazo tablo 3 kaj kolumnoj 0 parametron por la limo pikseloj;
• metu la kursoron en la tablon, kie ili volas vidi la foton;
• markon en la malsupra fenestro, "meza" kaj "supra rando" por ĉiu sekcio;
• elekteblaj la supera menuo langeto "Enmeti";
• ĉu alklaku la aliĝo "Bildo" en la ŝprucfenestron menuo, alglui la kopiitaj kontaktadreso;
• gazetaro «Bone» 2 fojojn.

revizio

Nun ke vi scias kiel fari HTML-leteron, vi devus certigi ke la ricevanto vidos ĝin en la ĝustan formon. Tiucele, antaŭ sendado vi volas vidi vian verkon en Dreamweaver CS3 retumilo. Por fari tion, alklaku la piktogramon per globo en la mezo supra menuo. Se anstataŭ literoj aperis sur la ekrano, abracadabra, vi devus meti en via retumilo agordojn avtokodirovku.

kodado

El la "Projekto" sekcio kaj iras al la kodo parto - la "Kodo". En la fenestro kiu apartigis kaj kopii ĉiujn kiu kuŝas inter la etikedoj kaj . Konservu la dosieron. Sekva, enŝovu la HTML-kodo.

Sendante HTML-retpoŝtojn

Por la poŝto malfermita "Smartresponder" (SR). tiam:

• elekti aŭ krei novan retpoŝton per plenigado la kordo "nomo" kaj "trakti la sendinton."
• plenigi linio "temo de la letero";
• markon en la maldekstra supera menuo HTML-kodon;
• embed kodo kopiitaj al la programo DW-kodo en granda kampo "Fonto";
• kontrolu la ĝustecon de la display per ilo "Antaŭrigardo";
• Forigas la tekston versio de la letero;
• testi ĝin por spamon, uzante la konvenan butono apud "Sendi" butonon.

Pluraj popularaj ŝablonoj

Uzante kadron helpas signife akceli la procezon de skribo kaj fari ĝin pli atingebla al la ellaboranto, kiu nur komprenas la fundamentojn de krei TTT-dokumentoj. La plej popularaj modeloj:

• Cerberus. Ĉi tiu aro de tiel nomataj respondemaj ŝablonoj por krei leterojn, kutime montrata en movebla apliko de Gmail, kaj en Outlook. Ĝi permesas vin uzi HTML-kodo blokoj, aŭ sole aŭ kombinante ilin.
• Inko - estas rikoltanta retpoŝtojn, mailings kiuj estas preskaŭ universala kaj kongrua kun ĉiuj mekanismoj kaj klientoj.
• Vere simpla HTML retpoŝto ŝablono. La ŝablono ebligas al vi krei retpoŝta literoj estas tre facila kaj rapida. Tamen, ili havos tre simpla dezajno en la formo de kolono, kiu venis en alvoko al agado.

Kiel enmeti HTML enen

Ni konsideras iomete malsaman problemon. Por enmeti HTML-kodo en retpoŝto, ekzemple, gmail uzante, kiel en la ekzemplo malsupre, la Google Chrome retumilo, Vi devus:

• alklaku la butonon «F12», aŭ elekti la konvenan sinsekvo de komandoj en la menuo;
• en la malfermita fenestro por la kliento nunan kodon paĝo gmail trovi lokon kie esti aldonitaj en HTML-leteron, fari dekstran klakon kaj elekti «Redakti kiel HTML».
• gluu la HTML kodo;
• premi kombinaĵo de du klavoj «Ctrl» kaj «Enskribu».

Por la sama celo vi povas elŝuti facile ispolzovnii Mozilla thunderbird programo. Tiel vi povas krei leteron, tiam unue elektu "Insert" kaj tiam "la HTML" kaj algluu al via dissendolisto kodo.

instrumentoj

Vordpressovsky e-Newsletter kromaĵo permesas profesie administri bultenojn kaj abonantoj. Kaj poste, kaj alia estas farita rekte tra la WordPress Admin Panelo. Ĉi tiu cirkonstanco provizas kompletan kontrolon kaj tute senpage, kiu ne povas ne ĝojas.

Alia simpla ilo - Bulletproof fono bildoj, kiuj estas simpla ilo kiu permesas vin akiri la kodon por la fono bildo kreita de la literoj. Ĝi povas helpi vin fari la korespondado pli bela. Por registriĝo de la letero devus simple eniri la URL de la fono bildo vi ŝatis kaj rezervi la koloro, kaj ĉu tiuj parametroj estas aplikitaj al la tuta korpo de HTML-mails aŭ ili estas nur intencita por unu el la tablo ĉeloj. La rezulto estas preta kodo kiun vi volas kopii kaj alglui en vian ŝablono.

Nun ke vi scias kiel sendi HTML-retpoŝto. Lia kreo ne aparte malfacila, precipe se vi uzas preta ŝablonoj en kiu la TTT neniu manko. Sekve, eĉ tiuj kiuj ne havas specialajn scio, povas facile elteni tiun taskon.