Kodu - Disaineri näpunäited
HTML-i meilimallid. Mallid ja malliredaktorid meiliuudiskirjade jaoks

Ma pole veel aru saanud, kas piltide suurust on vaja märkida, nii et selles osas on see endiselt kaos. Kuhu ma selle panen, kuhugi mitte. Peale katseid panen asjad korda. Koodi lühendamiseks eemaldan selle täielikult või pean selle kõikjale lisama, kui see kuvatakse mõnes kirjas valesti.

Selle koodiga lisan "sisu" tabelisse ühe veeruga rea ​​ja panen sinna pildi kirjaga "Smartlanding":

Nüüd näeb kiri välja selline:



Kõik see on tehtud nii, et sisu vahele jääks tühikud. HTML kood koos sisuga näeb see välja selline:

Nüüd peate artikli kuulutuse rakendama, seda tehakse üsna lihtsalt. 1 rida, 1 veerg ja tekst selles:

Täpselt sama märgistan teksti ja pealkirjade jaoks:

Ja nüüd jääb viimane samm, jaluse tegemine. Ma ei loonud selle jaoks uut tabelit, vaid paigutasin selle sisusse, lisades lihtsalt uue rea ja veeru:

Selline kiri sai. Nüüd ootab ees palju katseid. Plaanin katsetada paigutust järgmistes meiliteenustes ja programmides:

  • gmail
  • yandex
  • hulkur
  • mozilla thunderbird
  • väljavaade 2007
  • väljavaade 2013
  • nahkhiir

Testimise käigus lisan pealkirjadele ja tekstidele stiile, lähtestan atribuudid ja teen muid muudatusi. Ja siis kirjutan sellel teemal veel ühe üksikasjaliku postituse. Võib-olla muutub järgmise artikliga midagi, nii et kui olete huvitatud, tellige värskendused see teema ja te ei taha uuest materjalist ilma jääda.

Kui teil on kogemusi html-kirjade loomisel, kirjutage oma kommentaar ja viidake vigadele. Olen teile väga tänulik. Ja see on tänaseks kõik. Hüvasti!

(Tutvuge html-tähtede eeltestidega erinevates otsingumootorites)

Meiliturundus kogub igal aastal hoogu koos Interneti-kasutajate arvu kasvuga. Ettevõtete andmebaasid kasvavad, igale kliendile käsitsi kirjade saatmine muutub üle jõu käivaks tööks. Meiliturundus aitab muuta e-kirjade saatmise protsessi mugavamaks, kiiremaks ning loob aluse loovusele. Postitamiseks kasutatakse HTML-i ja tavalisi meilimalle.

Kui me räägime lihtsas keeles, meiliturundus on läbimõeldud süsteem kirjade saatmiseks andmebaasis asuvatele meiliaadressidele.

Seda tüüpi turundus põhineb tähtede ja kirjade sisse ehitatud lehtede mallidel.

Meilimalle on kahte tüüpi:

  • Lihtsad on vaid mõnelauselised tekstimeilid koos manustega või ilma, harva loomingulise vorminguga. Neid meilimalle kasutatakse tavaliselt ärikirjavahetuses.

  • HTML-kirja mallid on erksad, mõeldud tähelepanu äratamiseks ja veebilehe vastu huvi tekitamiseks, mis on kirja sisse põimitud.

Millised on eelised ja puudused?

Alustame tavaliste mallidega.

Suur hulk "plusse" on hea näitaja. Kuid tõenäoliselt ei suuda nad selliseid kirju müüa esimese kliendiga suhtlemise ajal, eriti tavalise. Erinevalt HTML-i meilidest.

Ilma piisava ettevalmistuseta on raske iseseisvalt HTML-meile luua, kuigi just sellised ilusad, postkaardilaadsed kirjad tõmbavad palju rohkem tähelepanu kui lihtsad “mustvalged”. HTML-kirjade ja e-kirjade malle saab luua otse meiliteenuste saitidel, mis on juba pikka aega sisaldanud seda funktsiooni kasutajatele saadetavate kirjade korraldamiseks.

Põhiteenused

E-kirjade uudiskirjade peamiste saitide kirjeldamisel on mõttekas neid võrrelda kõige olulisemate tunnuste järgi.

Stripo pakkumised lai valik tasuta mallid e-posti uudiskirjad. Need on rühmitatud ärivaldkonna ja kategooria järgi, näiteks erisündmused, pühad jne. Meie mallid on ette valmistatud igat tüüpi käivitavate sõnumite, juriidiliste ja nõustamisteenuste, reklaamsõnumite ja muud tüüpi sõnumite jaoks.

Siit leiate meiliturunduse mallid, mis vastavad teie vajadustele ja maitsele.

Miks me selles nii kindlad oleme:

    Responsiivne veebidisain

    Kõik Stripo mallid reageerivad täielikult. See tähendab, et kõik mobiilseadmed ja enamik meilikliente kuvavad neid õigesti.
    Siiski saate valida mis tahes pildi, ploki või struktuuri ja muuta need mittereageerivaks, kui soovite, et teie meilimallide teatud elemendid jääksid muutumatuks.
    Samuti on tänu meie tasuta meilimallide avatud HTML-koodile võimalik valida, milliseid pilte ja plokke kuvatakse mobiilseadmetes ning milliseid – ainult lauaarvutites.
    Kasutage meie HTML-sõnumimalle mitmesuguste turunduskampaaniate jaoks.

    Kaks toimetajat ühes

    Meie järgmise põlvkonna tööriist ühendab avatud HTML/CSS-koodi ja pukseerimisredaktori.
    See funktsioon annab teile võimaluse kujundada visuaalseid elemente ja teksti tööriista osi pukseerides. HTML-koodi abil saate manustada videoid ja interaktiivseid elemente oma uudiskirja malli ning naasta visuaalide kujundamise juurde redaktorist lahkumata.

    Bänneri loomine

    Stripo abil saate hõlpsasti luua bännereid, töödelda neid redaktoris ja paigutada teksti bänneri peale. Tänu sellele funktsioonile on teil võimalus bännereid mitu korda kasutada. Nüüd ei ole teil vaja täiendavaid tööriistu (nt fotoredaktoreid), et muuta oma tundlik HTML-mall loominguliseks ja kohandatud vastavalt teie soovidele.
    On laialt teada, et e-posti pakkujad asendavad dekoratiivsed fondid veebiturvaliste fontidega. Samal ajal kaotab teie meilikujundus oma erilise võlu. Kuid Stripo võimaldab teil kasutada mis tahes fonti, mis teile meeldib meie redaktoris saadaolevatest fontidest. Kuidas seda teha? Lihtsalt asetage tekst bänneri peale ja valige see sobivat värvi ja rakendage tekstile oma lemmikdekoratiivset fonti.
    E-posti kliendid käsitlevad mis tahes pildi peale lisatud teksti pildi enda elemendina. Nii näevad teie tellijad teie teksti, mis lisatakse teie tasuta HTML-mallile täpselt nii, nagu ette nähtud.

    Töö automatiseerimine – meie ainulaadsed nutikad elemendid

    Tootekaartide loomine on üsna tüütu protsess. Kuid Stripo teeb kõik, et see töö teie jaoks lihtsamaks muuta. Pärast nutikate elementide mõningast kohandamist peate lingi lihtsalt soovitud reale kleepima. Kirjeldus, maksumus, tootenäidis sisestatakse automaatselt vastavatele väljadele. Teie mugavuse huvides oleme juba mõnele HTML-i sõnumimallile lisanud nutikaid elemente. Stripo säästab teie aega!

    Isiklik mooduliteek Stripos

    Looge, redigeerige ja salvestage sisuplokke/struktuure/ribasid/konteinereid oma isiklikus kogus. Saate neid kasutada igal ajal, kui käivitate uue meilikampaania.
    Meie olemasolevad tasuta mallid jagatakse automaatselt mooduliteks, mis on teie isiklikus raamatukogus juba saadaval.

    Lihtne eksport

    Stripo reageerivad sõnumimallid eksporditakse hõlpsalt enamikesse e-posti pakkujatesse ja populaarsetesse e-posti klientidesse, nagu Gmail ja Outlook.
    Suurepärane uudis: meie meilimalle saab muuta ka pärast eksporti. Täiustatud integreerimisega saate teha kõikvõimalikke muudatusi HTML-koodis, tekstis ja visuaalsetes elementides. See valik muudab Stripo reageerivad HTML-mallid e-posti klientidele ja teenusepakkujatele sõbralikud.
    Mugavuse huvides saate oma meilimalle ka kaustadesse sortida.

    Meiliturundus on meie kirg ja seepärast kujundab Stripo professionaalseid meilimalle tõelise kirega.

Näita rohkem

Hea meilikampaania saab alguse meilikujundusest. Tänapäeval, mil enamik meilikliente ja platvorme meili toetab uusi veebistandardeid, saame saata reageerivaid e-kirju kõigile laua- ja mobiilseadmeid kasutavatele tellijatele. Kohanduv HTML mall s kirjad tagavad, et meie uudiskirja tajuvad tellijad võrdselt, olenemata seadmest, millega seda loetakse.

Et aidata teil seda teha õige valik, esitleme valikut meiliturunduse kõige populaarsematest kirjamallidest. Selles käsitleme mitte ainult malle, vaid ka adaptiivseid raamistikke, mida saate kasutada oma mallide loomiseks.

Cerberus

Uudiskirja meilimalli nullist loomine võib olla omaette väljakutse. pole kerge ülesanne. Ja millal me räägime tundliku paigutuse loomise kohta on olemas ka rohkem nüansse millega tuleb arvestada. Seetõttu võib selline raamistik nagu Cerberus teile kasulik olla.

See kompaktne teek on loodud selleks, et aidata kasutajatel kasutada mõnda HTML-i malli, et luua meilisõnum, mis pakub teie tellijatele unustamatu e-kirjade vaatamise kogemust. Väikesed mallid, mis on loodud HTML-i kasutades, ei ole need mõeldud kasutamiseks lõpptulemusena. Cerberuse arendajad soovitavad katsetada HTML-koodiga, et luua oma variatsioone.

lakmus


See kuulus kaubamärk nende seas, kellele meeldib tõhusust testida ja analüüsida e-posti turundus kampaaniad. Lakmuse meeskond on kuulus selle poolest, et pakub kogukonnale regulaarselt mitmesuguseid tasuta ressursse, millest üks on reageerivate meilimallide komplekt.

Kõik viis komplekti kuuluvat malli kuuluvad erinevatesse kategooriatesse. Nende hulka kuuluvad HTML-i uudiskirja e-posti mall, uue tootekuulutuse mall, finantsteatiste kviitungi mall, lühisõnumiteatised ja isegi tavaline meili mall. See sobib suurepäraselt kasutajatele, kes soovivad, et nende meilid oleksid lihtsad, kuid samas reageerivad.

Tundlik HTML-meiliraamistik


See on täisfunktsionaalne lahendus reageerivate e-posti uudiskirjade loomiseks. Raamistik pakub arendajatele sisu jaoks ruuduste, moodulite, plokkide ja joonte komplekti, funktsiooni elementide vahelise kauguse määramiseks, nuppe, pildijooni ja muid elemente, mida saab kasutada täiusliku meilimalli väljatöötamiseks. Seda on testitud kõigis populaarsetes meiliklientides.

Meilide sihtasutus


See on erinevate raamistike ja platvormide komplekt veebiarenduse optimeerimiseks. Foundation pakub arendajatele ja disaineritele hõlpsasti kasutatavat CSS-i raamistikku, mis võimaldab neil kiiresti luua tõhusaid ja reageerivaid e-kirju.

Iga HTML-i meilimalli redaktor kasutab fondi pakutavat ruudustikusüsteemi. Seejärel saab seda täiendada erinevate elementidega, mida sellistel eesmärkidel tavaliselt kasutatakse. Olenemata sellest, kas töötate e-kaubanduse või ettevõtte kaubamärgiga, aitab Foundation teil luua tundlike mallide meilid.

Antwort


Antwort ei positsioneeri end raamistikuna, nad nimetavad end valmis meilimallide ressursiks, mida saab kohandada laua- ja lauatelefoniga. mobiilseadmed. See töötab veatult iOS-is ja Androidis, aga ka suuremates meiliklientides nagu Yahoo!, Gmail ja Outlook.

Isegi mõne Outlooki vanima versiooniga. Paigutused on loodud sisu dünaamilise lisamise jaoks. Samas on kirjakujundusstiil minimalistlik.

Mänguväljak ZURBi poolt


Tegemist on arendusettevõttega HTML5 raamistiku sihtasutus, samuti teenuse Ink operaator. Tänapäeval tuntakse seda paremini sihtasutuse e-posti nime all.

ZURBi mänguväljak pakub viie erineva meilimalli hulgast, mida saab hõlpsasti kohandada iga ekraani suuruse ja seadmega. Kõigil mallidel on eraldi laadilehed ja HTML-dokumendid. Need mallid ühilduvad kõigi suuremate meiliplatvormidega. Saate hõlpsasti leida teenuse, millega saate neid malle kasutada.

Mosaiik


Platvorm, mis võimaldab igal kasutajal luua kohanduvaid ilusaid HTML-meilimalle. Mosaico pakub tööriistu kohandatud elementide haldamiseks ja adaptiivne disain. Need võimaldavad teil kõiki oma paigutusi ühe nupuvajutusega isikupärastada.

Sisseehitatud juhtimissüsteem võimaldab kõik tehtud muudatused tagasi võtta ja uuesti teha. Saate isegi oma meilimalle üles laadida ja neid Mosaicos kohandada. Platvorm on avatud lähtekoodiga ja julgustab kõiki projekti arendamisel osalema.

Avatud lähtekoodiga meilimallid


Tuntud meiliturunduse platvorm, mis pakub turundajatele ja ajaveebijatele võimalust luua ja turustada oma malle lihtsalt kasutatavas keskkonnas. Tänutäheks turundusringkonnale pakub SendWithUs kasutajatele kümnest reageerivast mallist koosneva teegi.

Kõik mallid on avatud lähtekoodiga, mis võimaldab teha muudatusi ja kohandusi oma äranägemise järgi. Kuigi need mallid on tasuta, sobivad need ainult klientidele arvete ja teadete väljastamiseks.

Reageerivad meilimustrid


Brian Graves on loonud tugeva aluse reageerivate meilide loomiseks ja nendega töötamiseks. Tema reageerivate meilimustrite projekt on ühendatavate mallide komplekt, mida saate kasutada oma lemmikmeiliplatvormiga või otse meilikliendis kasutamiseks sobivate e-kirjade kiireks loomiseks. Mallid sisaldavad selliseid elemente nagu loendid, meedia, navigeerimine ja ruudustikud.

HTML-meili mallid


Mainekas meiliturundusteenus, mis aitab sadadel tuhandetel veebiturundajatel saavutada meilikampaaniatega optimaalseid tulemusi. Campaign Monitor pakub funktsioone meilikampaaniate testimiseks, samuti meilikujundajat ja HTML-meilimallide kogumit. Sellel on rohkem kui 20 ainulaadset malli, mis sobivad peaaegu igas olukorras. Mallid partnerlussuhete loomiseks, äriläbirääkimisteks, traditsiooniliste uudiskirjade mallid ja mallid sündmuste teadaannete jaoks.

Meilikujunduse inspiratsioon HTML-i meilikujundusest


See on parimate e-posti mallide hoidla, mida kasutatakse mõnede tipptehnoloogiaettevõtete uudiskirjades: Dropbox, Udemy, Moo, DigitalOcean ja paljud teised. Nende näidismallide suurepärane asi on see, et need saadeti tõelistele kasutajatele. See võimaldab teil mallide struktuuri hõlpsalt analüüsida, et paremini mõista neid pakkuvaid rakendusfunktsioone. kõrge efektiivsusega. Alustuseks sadu meilimalle.

MJML – reageeriv e-posti raamistik


See on raamistik ja sisseehitatud kohandatud märgistuskeel, mis on loodud selleks, et aidata arendajatel kiiresti reageerivaid malle luua. MJML-i eesmärk on muuta responsiivsete meilide kujundamine lihtsamaks. MJML-i abil loodud märgistus teisendatakse seejärel automaatselt täielikult HTML5-ga ühilduvaks koodiks. Saate seda kasutada mis tahes e-posti kliendis. Saadaval on ka mitu eelseadistatud malli.

Respmail


Neile, kes ei taha keeruliste raamistikega vaeva näha, on Respmail lihtne ja tundlik meiliturunduse lahendus. See annab teile ühe malli, mida saate oma maitse järgi kohandada. Alates selle loomisest on HTML-i meilimalli täiustatud ja täiustatud, et tagada ühilduvus kõigi suuremate meiliklientidega.

Kirg


See on keerukas meilimall, mis kasutab kaasaegseid veebidisaini kontseptsioone. Selle malli laiendatavus on nii muljetavaldav. Erinevad elemendid mallid on eraldi komponendid ja saate lihtsalt valida, mis teie arvates on teie uudiskirjade meilide jaoks vajalik.

Tasuta uudiskirja mall


Tasuta uudiskirja mall. See on elegantne ja minimalistlik lahendus neile, kes soovivad lihtsat e-posti paigutust. Meie arvates võib see mall olla kasulik ajaveebipidajatele, kunstnikele, kirjanikele, kes soovivad edastada oma sõnumit, ilma et peaksid kirja üle koormama kaasaegsete keerukate elementidega.

MailPortfolio


MailPortfolio järgib sama filosoofiat nagu ülalkirjeldatud HTML-meilimall. Ainus erinevus on see, et MailPortfolio on rohkem keskendunud põhilistele punastele värvidele. Kuid kõik muu tundub olevat täpselt sama. Jaluses saate määrata ettevõtte kohta vajaliku teabe, mis on enamiku meiliturunduse platvormide jaoks kohustuslik.


Sõbrapäev läheneb kiiresti! Seetõttu otsustasime lisada ülevaatesse väga ilusa malli. Sõbrapäeva meili mall, mida saab sellel päeval kasutada oma pakkumiste ja uudiste reklaamimiseks. Paljude funktsioonide abil saate kohandada seda malli erinevateks kasutusjuhtudeks.

EDMDISAINER


See ettevõte on kulutanud palju aega kogukonna vajadustega täielikult kohanemisele. Tulemuseks on funktsionaalne platvorm meilide loomiseks. Pukseerimisliides aitab arendajatel luua kauneid paigutusi. Enam ei pea raiskama aega sama sisu ikka ja jälle taasloomiseks. EDMDESIGNERiga saate salvestada mitte ainult kirjamalle, vaid ka üksikuid elemente. Seejärel saate neid tulevastes kampaaniates uuesti kasutada.

Kaasaegne HTML-meil


Soovime oma tasuta mallide nimekirja täiendada raamatuga. See parim viisõppida, kuidas luua reageerivaid meilimalle. Neist ühe autor on Jason Rodriguez. Raamat aitab teil luua kaasaegseid ja kauneid HTML-meilimalle, mis töötavad ideaalselt kõigis seadmetes, kõigi klientidega ja kõigis brauserites. Raamat käsitleb meili loomise põhitõdesid, aga ka seda, kuidas testida meilikampaaniaid ja optimeerida neid analüüsitööriistade ja aruannete abil.

Esmaklassilised reageerivad HTML-meilimallid

Tahaksime rääkida esmaklassilise segmendi HTML-uudiskirjade reageerivatest meilimallidest. Nende hinnad on tõesti üsna madalad ( võrreldes sellega, mida maksaksite disainerile selle töö eest). Ja leidsime mõned tõeliselt suurepärased mallid.

Idee


Funktsionaalne mall, mis pakub kõike saadaolevat kaasaegsed elemendid HTML5, mille saab manustada malli endasse. Saate hõlpsasti edastada oma hindu ja tooteomadusi sisseehitatud elementidega, mis muudavad kogu protsessi lihtsaks. Mall sisaldab sisseehitatud pukseerimismoodulit, mis aitab teil luua hämmastavaid e-kirju. See ühildub täielikult ka juhtivate meiliturunduse pakkujatega.

Vibgyor


Vibgyorit võib kirjeldada kui mitmeotstarbelist malli erinevatest tööstusharudest. Professionaalne välimus muudab Vibgyori nende ärivaldkondade jaoks atraktiivseks. See sisaldab pukseerimisrakendust, mis muudab malli mis tahes osa hõlpsaks muutmise ja optimeerimise oma äranägemise järgi.

Tere kõigile. Teisel päeval otsustasin välja mõelda, kuidas html-tähti trükitakse. Veetsin mitu tundi Internetis, lugesin sellel teemal kümneid artikleid ja jõudsin järeldusele, et see on väga raske ülesanne.

Aga soov on olemas, nii et hakkasin edasi kaevama. Võib-olla asendan blogis varsti feedburneri meilitellimuse (artiklite all) millegi muuga, kus saan selle atraktiivsemaks muuta. Peamine on võtta arvesse kõiki e-posti klientide paigutuse nüansse ja uskuge mind, neid on üsna palju.

HTML-kirjade loomise asjakohasus postitamiseks

Postitamine on üks enim tõhusaid viise müüa kaupu, edastada klientidele uudiseid, rääkida kampaaniatest ja lisateenused. Lisaks, kui teil on kliendibaas, saate tagasi tuua "vanu" kliente ja teha uue müügi.

Saate saata materjale lisateenuste kohta, mille vastu teie kliendid pärast esimest ostu huvi võivad tekkida.

Ja loomulikult töötab siin suurte arvude teooria. Kui saadate müügipakkumise välja 20 000 tellijale, loevad 1000 pakkumist ja vähemalt 10 ostavad ning hind on 0. Saatsite just kirja!

Aga keegi ei avanud kirja, keegi avas selle ja ei lugenud, sest tekst oli segane, kellelgi ei avanenud pildid ja kellelgi oli küljendus sassis. See juhtub. Tulenevalt asjaolust, et meiliprogrammid ei toeta nii CSS-i kui ka brausereid. Mis puutub javascripti, siis ma üldiselt vaikin.

Ja HTML-tähti loovatel küljenduskujundajatel on palju probleeme.

Aga täna püüan teile rääkida, kuidas luua HTML-kiri, mis avaneks ühtviisi hästi kõigis brauserites (ka mobiilis) ja meiliprogrammides, et teie kirjad näeksid atraktiivsed ja te ei kaotaks kliente. See pole viimane postitus, kui kuvamisega probleeme, siis hiljem kas parandan seda või kirjutan jätku. Samuti olen tänulik kõigile, kes saavad aidata probleeme testida ja tuvastada.

Probleemid HTML-i e-posti paigutusega

Tulenevalt sellest, et postiteenustel pole üldreeglid html-tähti kuvades peab küljendaja kasutama 90ndate küljendusreegleid. Mõned inimesed ei pea sellega harjuma, kuid pean tunnistama, et ma pole kunagi kirjutanud stiile html-dokumenti, mitte ainult html-dokumenti kasutades, nimelt sees, iga elemendi jaoks eraldi.

Mõned meiliprogrammide arendajad on ülalkirjeldatud viisil stiililehtede ja stiilitabelite kui selliste toe täielikult keelanud. Vaidledes sellega, et tähti on vaja spetsiaalselt teksti jaoks. Seega peate iga elemendi jaoks stiilid kirjutama eraldi.

Teine üllatus oli see, et paljud meiliteenused ei toeta ujuki, veerisid ja polsterdust. Kuidas see teile meeldib? Kujutage ette, et lõite kahe(de) põhjal laheda kolmeveerulise HTML-tähe ja kasutaja tuli sellise jamaga, et kustutas selle kohe ära, saamata aru, mida nad temalt tahavad.

Jah, jah. Sa kuulsid seda õigesti! Peate kasutama tabeleid, kui te ei soovi ohverdada tuhandeid kasutajaid, kes teie meili õigesti ei ava. Selgub, et tabelid on tänapäeval ainus viis brauseritevahelise ühilduvuse saavutamiseks.

Nagu nad ühel saidil kirjutasid:

Peate meeles pidama selliseid kohutavaid asju nagu: Cellpadding, cellpading, colspan

Minu puhul pean need õppima, kuna ma pole kunagi tabeleid kasutanud. Võib-olla poleks ma kunagi pidanud seda tegema, kui ma poleks otsustanud välja mõelda, kuidas tähti vormindada :)

Kui teil pole harjumust piltidele alt määrata, peate selle arendama tähtede paigutuse jaoks, kuna mõnel meilikliendil on piltide kuvamine vaikimisi välja lülitatud ja kui teil on neid palju kirja, näeb kasutaja tühje raame ja seega on neis tekst.

Teine probleem on minu jaoks see, et pean pidevalt paljusid väärtusi lähtestama, näiteks piltide piiri, kui see on lingiks seatud.

See on selleks korraks kõik! Kui midagi veel ilmneb, kirjeldan seda kohe. Ja nüüd tahan teile näidata, mida ma seni teinud olen, lisamata kujundusstiile nagu font, värv, teksti suurus jne. Need on vaid elemendid õiges kohas. Järgmises artiklis kirjeldan testimisprotsessi erinevates meiliteenustes ja muudatusi, mis tuli teha.

Nagu näete, on, mille kallal töötada. Lubage mul kirjeldada veidi paigutusprotsessi. Sellesse pole mõtet süveneda, järgmiseks artikliks muutub palju. Tegelikult tundub kõik olevat lihtne, aga teisalt võttis see tegevus mul palju aega.

Kuidas luua html-kirja

Alustuseks koostasin terve e-kirja sisu jaoks traatraami tabeli, mille laius on 100% ja taustal sinine. See sisaldab kahte lapse tabelit. Üks päise jaoks (id="header"), teine ​​sisu jaoks (id="sisu"):

Uudiskiri saidilt



Nagu olete juba märganud, määrasin ümbrise tabeli jaoks cellpadding="40" See on 20 piksli täidis, mis vastutab päise eest sisu paikneb ka, joondasin kõik tabelid tsentri järgi.

Nüüd peate jagama mütsi 2 osaks. Ühte asetan logo ja teise loon teise 3 veeruga plaadi ja panen sinna lingid sotsiaalvõrgustikele.

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

Kuidas väliste linkide indekseerimist blokeerida

Tere poisid. Täna räägime sellest, kuidas oma maandumislehel välislingid turvaliselt sulgeda nii, et kaal sealt üle ei kanduks, vaid jääks sinu lehele. Nagu te ilmselt praeguseks teate, kantakse staatiline kaal endiselt üle ja eemaldatakse teie lehelt isegi siis, kui sulgete lingi lingiga.

Nüüd peate looma 3 veeru struktuuri. Kuna me ei saa kasutada ujukit, peame tegema 5 veergu. 3 piltidega sisu jaoks (150 pikslit) ja 2 nendevahelise ruumi määramiseks (60 pikslit).

Png" />

Kuidas teha UTM-silte ja milleks need on mõeldud Blogi värskendused ja mini optimeerimisaruanne Skript AB testimiseks

Smartlanding | 2014. aasta

Mallide arv

Malli kvaliteet

Suurepärane

Suurepärane

Suurepärane

Suurepärane

Saadaolevad teemad

Pühad

– Äri

Veebipood

– Turism

– Üldine jne.

-Pühad

- Restoran

– Turism

– Äri

Veebipood jne.

— Kindral

Pühad

– Turism

– Äri

Veebipood

- Veebipood

– Ilu ja tervis

– Turism

- Pühad

Veebipood

– Turism

Kirjutamise kohandamine erinevatele ekraanidele

Jah (kuni 1500 kirja 100 aadressile)

Jah (kuni 15 000 kirja 2000 aadressile)

Jah (kuni 6000 kirja kuni 5000 aadressini)

Mallide tasuta kasutamine

Võimalus kasutada varem kasutatud malle

  1. UniSender.

Üks populaarsemaid venestatud teenuseid e-posti uudiskirjade koostamiseks. Saadaval on 3 redaktorit: plokkmallide jaoks (teksti ja visuaalset sisu saab muuta oma äranägemise järgi), valmis põhi- ja HTML-mallide jaoks, töötamiseks oma HTML-meilimalliga. Toimetajatest pole raske aru saada, süsteem annab vihjeid ja see on kõik vajalikud tööriistad asuvad töölehe ülaosas.

  1. Saada Pulse

Sama populaarne, selge ja mugav sait HTML-i kirjamallide loomiseks ja valmismallidega töötamiseks. Ülevaatute hulgas on sellel suurim tasuta pakett ja üsna palju malle eduka uudiskirja loomiseks.

Sait võimaldab teil luua oma malle lihtsustatud HTML-redaktoris, kujundajas või laadides oma malli arvutist alla. Disainer on lihtsalt arusaadav, valides iseseisvalt pilte, fonte ja paigutades selle soovitud asukohta, saate luua ilusa kirja "nullist".

  1. Rumailer

Disainilt tagasihoidlik sait heade mallide ja suhteliselt suure tasuta paketiga. Funktsionaalsus töötamiseks piiratud kogus mallid pole nii laiad, kui kogenud kasutajad sooviksid. Mugavat plokiredaktorit pole üldse.

Teenuse eeliseks on see, et sellel on suurepärased võimalused tellijate eksportimiseks. Neid saab alla laadida nii tegevuse, lehe kui ka e-posti aadressi sisselogimise või domeeni järgi.

  1. GetResponse

Teenus on kuulus oma suur hulk saadaolevad mallid 24 kategoorias. Saidi enda meeldivat liidest täiendab kasutajasõbralik plokiredaktor klientidele saadetavate kirjade jaoks valmis ja kohandatud HTML-i mallidega.

Redaktorit on lihtne kasutada. Plokke saab hõlpsasti lohistada, ümber korraldada, kustutada või lisada. Kui klõpsate plokil, ilmub töömenüü nuppudega piltide ja teksti sisuga põhitoimingute tegemiseks.

Mallide vaatamiseks peate alustama tööd meililistiga, sisestades saatja andmed ja kirja teema ning seejärel valima nupu “Blokeeri meili koostaja”. Kui kasutaja soovib töötada oma malliga, peab ta valima HTML-koodi redaktori.

  1. Mailerlite

Meilide levitamise sait, mida paljud kasutajad nimetavad kõige lihtsamaks. Mallidega töötamise funktsionaalsus on üsna piiratud, kuid põhitoimingud on teostatavad. Toimetajast saab aru ka algaja, sest... see on lihtne ja selge. Nii nagu teistelgi platvormidel, saate oma HTML-malle meiliuudiskirjade jaoks üles laadida, neid muuta ja kasutada.

Kuidas valida sobivat HTML-i kirjamalli?

Meilide levitamiseks teenuse ja malli valimine on vastutusrikas asi, millele tuleb läheneda targalt, sest... Sellest sõltub osaliselt äriorganisatsiooni või ettevõtja edasine edu. Teenuse valimisel võite tugineda ülaltoodud omadustele, sõprade või Interneti-kasutajate arvustustele, saidil tehtud töö näidetele, aga ka oma tunnetele konkreetse teenusega töötamise kohta.

Täiendav vastus küsimusele “kuidas sa tead, millist malli valida?” Populaarsemate teenuste statistikat võiks kasutada. Võib, kuid olgem ausad, avamiste, üleminekute, klikkide ja tellimusest loobumiste protsent praktiliselt ei sõltu teenusest. Ainus, mida märkisime, oli see, et näiteks SandPulse'is (luksuslikud tasuta limiidid) jõuab veidi suurem protsent kirju pigem rämpsposti kausta kui postkasti. Ja mitte keegi teine ​​ei saa kontrollida teenuste enda avaldatud vigade protsenti, välja arvatud empiiriliselt üksikutel juhtudel.

Kirjutasime üksikasjalikult postiteenuste tasuta võimalustest.

Kuidas teada saada, milline meili mall Kas see sobib igal konkreetsel juhul? Seda saab teha ainult erinevate mallidega töötades, valides parim disain ja sisu. Paljud ettevõtted kasutavad seda esmakordselt valmis mallid, muutes neid ja luues seejärel oma. See hea variant kui kirjutamisoskus tähtede ja lehtede html ei, aga uudiskiri näib olevat kasulik tööriist.

Interneti-teenused ettevõtetele.
Materjali link on vajalik!


Tere kallid lugejad – sait!

Täna näitan teile, kuidas oma e-posti uudiskirja jaoks ilusat teha.

Pole ammu kellelegi saladuseks olnud, et kogu internetiäri on üles ehitatud e-posti turundusele.

Iga päev võtavad infoärimehed ja blogijad uudiskirjade abil ühendust oma tellijatega, pakkudes neile erinevaid kaupu ja teenuseid.

Kuid selleks, et sellist ettepanekut märgataks ja seda kohe rämpsposti kausta ei saadetaks, tuleb sellele tähelepanu juhtida.

Selleks oleks paslik luua kauni kujundusega HTML-i kirjamall.

Spetsiaalselt teie jaoks olen valinud testimalli, mis on visuaalseks abivahendiks.

Mida ja kuidas teeme?

Loome kõige lihtsama HTML-meili malli (), mis koosneb peamisest dialoogiboksist ja kahest teisest veerust.

Traatraami ja konteineri tabeli loomine

Esiteks peame oma kirja jaoks looma HTML-raami. See näeb välja selline:

HTML-kirja mall

HTML-kirja mall



Pange tähele, et seadsin laua laiuseks 99%, jättes selle ümber väikese ruumi. See ei ole minu isiklik soov, vaid mõne veebimeili kliendi, nagu Gmail ja Yahoo, nõue. Ülejäänud meie meilisõnum on selles ühes tabelilahtris, mis on keskel.

Järgmine samm on kirja tegeliku sisu tabeli ümbrise loomine. Kujunduse maksimaalne suurus ei tohi ületada 600 pikslit:

HTML-kirja mall



Koos heleda varjuga valgel taustal venitati meie meilimall 640 piksliteni, kuid tööpiirkond jääb endiselt võrdseks 600 piksliga.

Päise loomine

Nüüd, kus põhitabel on loodud, on aeg hakata seda vajaliku sisuga täitma. Alustan kirjamalli ülaosast ja liigun aeglaselt allapoole.

Ülemine rida

Edaspidi välistan varem kirjutatud koodi (tabeliraamid).

Nii et arvutustabeli esimesel real on sinine taust valge kirjaga ja link meili veebiversioonile. On väga oluline varustada oma kiri sellise lingiga, kuna mitte kõik e-posti kliendid ei kuva selle sisu võrdselt õigesti.

Ja CSS-stiil vastutab selle välimuse eest:

/* Fondid ja tüpograafia */ .footer (fondiperekond: Arial,Helvetica,sans-serif; fondi suurus: 11px; värv: #fff; täidis-parem: 20px; )

Sotsiaalmeedia logo ja ikoonid

Allapoole minnes näeme logo ja , mis asuvad samal tasandil.

Nende väljundi eest vastutab järgmine kood:

Lisaks lisatakse kõigile meie piltidele HTML-i meilimallis järgmised stiilid:

/* Taustad */ .email_background ( laius: 640 pikslit; taust: url("email_images/email_bg.jpg") repeat-y; ) /* Pildid */ img (kuva: plokk; ääris: puudub; )

Nii istuvad sotsiaalsed ikoonid oma pesastatud tabelilahtrites ja neil pole mingit seost kirja teiste osadega. See võimaldab neid vajaduse korral muuta.

Sisu lisamine

Alustuseks lisame esimese pildi, mis antud kujunduses on 560 x 210 pikslit. Eraldi tehtud pildi all näete ka armsat deformeerunud varju, mis võimaldab teil kiiresti pilte muuta ilma varju kaotamata. Liigume edasi koodi juurde:

Siin oleme loonud suurte piltide kuvamiseks uue rea, määrates laiuseks 560 pikslit ja lisades mõlemale küljele 20 piksli polsterduse. Tegime samad toimingud varjuga.

Pealkirja ja sisu lisamine

Liikudes allpool, näeme põhimaterjali pealkirja ja sisu ennast. Siin vastutab sisu kuvamise eest järgmine kood:

See on teie esiletoodud lugu

Arvatakse, et Pattaya sai populaarseks kuurordiks tänu sellele, et siin puhkasid sageli Ameerika meremehed, kuid neid on siin endiselt palju ja neid ümbritseb alati mitu tailast. Loomulikult on see meie kaasmaalaste seas vähem populaarne kui Egiptus ja Türkiye. Kuid emakeelt saab siin kuulda kõikjal)) nii kaubanduskeskustes ostlemise ajal kui ka paljudes kohalikes baarides)). Pattaya on peamiselt kuulus oma ööelu, mere ja tekstiili poolest. Loomulikult leiab siit muuhulgas ka palju muud huvitavat. Siin saate rentida mis tahes sõidukeid, sealhulgas džiipe ja rollereid. Mootorrattasõpradele on see paradiis. Mootorratta rentimiseks ei pruugi te isegi litsentsi vajada, vaid 100-500 bahti eest (lisaks tagatisraha 2000 bahti) saate rentida korraliku rolleri ja sõita oma rõõmuks!

Tähemalli päise ja teksti välimuse muutmiseks kasutage lihtsalt järgmisi stiile.

H1 ( värvus: #e95f03; fondiperekond: Futura, Verdana, Sans-Serif; täidis: 0; veeris: 0; fondi suurus: 24 pikslit; fondi kaal: tavaline; ) .content ( täidis: 0; veeris: 0 ; ) p (fondiperekond: Arial, Helvetica, sans-serif; fondi suurus: 13 pikslit; rea kõrgus: 20 pikslit; )

Täiendav sisu

Nüüd liigume edasi oma malli täiendava sisu juurde. Nagu olete juba märganud, on see jagatud kahte veergu. Iga veerg sisaldab fotot, pealkirja ja väikest eelvaadet. Kõik see luuakse järgmise koodi abil:

See on teisejärguline pealkiri

See on teisejärguline pealkiri

Vaatamata Pattaya rikutud mainele, saad siit teada, et kurikuulus Tai massaaž pole pelgalt bordellide kate. Tais tehakse tõesti head massaaži ja parimad spetsialistid Selles kunstis peetakse silmas pimedaid meistreid. Nende saladus peitub sõrmede suurenenud tundlikkuses.

Peatänav ja Pattaya süda, mis ei jäta kedagi ükskõikseks. Kohalik Arbat, Times Square ning Soodoma ja Gomorra ühes klaasis, Walking Street on tõeline armastuse ja vihkamise allikas nii kohalikele kui ka külalistele. Kui me ütleme Pattaya, peame silmas Walking Streeti.

Siin tuleb veel stiili lisada. Siin see on:

H2 (värv: #e95f03; fondiperekond: Futura, Verdana, Sans-Serif; polsterdus: 0; veeris: 0; fondi suurus: 18 pikslit; fondi kaal: tavaline; )

HTML-meili malli sulgemine

Nii et me läheneme oma mustri lõpule. Siin peame peaakna sulgema, kasutades pilti ja järgmist koodi:

Üks kõige enam olulisi aspekte, on kirjamalli lõppu lingi lisamine selliste kirjade saamisest loobumiseks (). Jah, jah, ma tean, te ei taha tellijaid kaotada. Kuid te ei saa ka neid ärritada. Peate pakkuma klientidele võimaluse keelduda nende kirjade vastuvõtmisest, mis võisid neile pikka aega igav olla. Noh, samal ajal tuletage meelde, kes on autor.

Siin on vaja järgmist koodi:

Infoleht: Ivanov Ivan
Blogi autor: Ivan.ru

Kas soovite tellimusest loobuda? Klõpsake siin

Järeldus

Kallid sõbrad, näitan kõigile graafilised elemendid kirjamallis tuleb need üles laadida mis tahes võrguserverisse ja vastavatele koodiridadele tuleb kirjutada nende piltide kordumatu tee.

Testitav HTML-kirja mall oli antud juhendina, mida saad igal ajal oma maitse ja värvi järgi muuta.

See on tänaseks kõik. Loodan, et teile meeldis.

Kuni uute artikliteni...

Parimate soovidega, Deniss Tšernikov!



 


Loe:



Transuraanielemendid Miks on siirdemetallid halvad

Transuraanielemendid Miks on siirdemetallid halvad

Piirangud on ka ülirasketest elementidest pärit aatomituumade olemasolule. Elemente, mille Z > 92, pole looduslikes tingimustes leitud....

Kosmoselift ja nanotehnoloogia Orbitaallift

Kosmoselift ja nanotehnoloogia Orbitaallift

Kosmoselifti loomise ideed mainiti Briti kirjaniku Arthur Charles Clarke’i ulmekirjanduses juba 1979. aastal. Ta...

Kuidas arvutada pöördemomenti

Kuidas arvutada pöördemomenti

Võttes arvesse translatsiooni- ja pöörlemisliigutusi, saame nende vahel luua analoogia. Translatsioonilise liikumise kinemaatikas on tee s...

Soliidi puhastamise meetodid: dialüüs, elektrodialüüs, ultrafiltratsioon

Soliidi puhastamise meetodid: dialüüs, elektrodialüüs, ultrafiltratsioon

Põhimõtteliselt kasutatakse 2 meetodit: Dispersioonimeetod - tahke aine purustamine kolloididele vastava suurusega osakesteks....

feed-image RSS