Գովազդ

Տուն - Դիզայներների խորհուրդներ
Html էլփոստի կաղապարներ. Կաղապարներ և ձևանմուշների խմբագրիչներ էլեկտրոնային փոստի տեղեկագրերի համար

Ես դեռ չեմ պարզել, թե արդյոք անհրաժեշտ է նշել նկարների չափը, ուստի այս առումով դեռ քաոս է: Ինչ-որ տեղ դնում եմ, մի տեղ՝ ոչ: Թեստերից հետո ամեն ինչ կարգի կբերեմ։ Կամ ես այն ամբողջությամբ կհեռացնեմ՝ կոդը կրճատելու համար, կամ պետք է այն ամենուր ավելացնեմ, եթե այն սխալ ցուցադրվի նամակագրողներից մեկում:

Այս կոդով ես մեկ սյունակով տող եմ ավելացնում «բովանդակության» աղյուսակում և դրա մեջ տեղադրում նկար՝ «Smartlanding» մակագրությամբ.

Այժմ նամակն ունի հետևյալ տեսքը.



Այս ամենը արվում է այնպես, որ բովանդակության միջև բացատներ լինեն։ HTML կոդըբովանդակությամբ այն ունի հետևյալ տեսքը.

Այժմ դուք պետք է կատարեք հոդվածի հայտարարությունը, դա արվում է բավականին պարզ: 1 տող, 1 սյունակ և տեքստ դրա մեջ.

Ես անում եմ ճիշտ նույն նշումը տեքստի և վերնագրերի համար.

Իսկ հիմա մնում է վերջին քայլը՝ ստորագիր պատրաստելը։ Ես դրա համար նոր աղյուսակ չեմ ստեղծել, այլ տեղադրել եմ բովանդակության մեջ՝ պարզապես ավելացնելով նոր տող և սյունակ.

Այսպես է ստացվել նամակը. Այժմ առջեւում շատ փորձություններ կան։ Ես նախատեսում եմ ստուգել դասավորությունը հետևյալ էլփոստի ծառայություններում և ծրագրերում.

  • gmail
  • yandex
  • թափառաշրջիկ
  • mozilla thunderbird
  • հեռանկար 2007 թ
  • հեռանկար 2013
  • չղջիկը

Փորձարկման ընթացքում ես ոճեր կավելացնեմ վերնագրերին և տեքստերին, կվերակայեմ հատկությունները և կկատարեմ այլ ճշգրտումներ: Եվ հետո ես կգրեմ ևս մեկ մանրամասն գրառում այս թեմայով: Հավանաբար, ինչ-որ բան կփոխվի հաջորդ հոդվածում, այնպես որ բաժանորդագրվեք թարմացումներին, եթե հետաքրքրված եք այս թեմանև դուք չեք ցանկանում բաց թողնել նոր նյութեր:

Եթե ​​ունեք html տառեր ստեղծելու փորձ, գրեք ձեր մեկնաբանությունը և նշեք սխալները: Ես շատ շնորհակալ կլինեմ ձեզ: Եվ այս ամենը այսօրվա համար: Ցտեսություն

(Ստուգեք html տառերի նախնական թեստերը տարբեր որոնման համակարգերում)

Էլեկտրոնային փոստի մարքեթինգը ամեն տարի շարունակում է թափ հավաքել ինտերնետից օգտվողների թվի աճին զուգահեռ: Ընկերությունների տվյալների բազաները մեծանում են, յուրաքանչյուր հաճախորդին ձեռքով նամակներ ուղարկելը դառնում է ճնշող աշխատանք: Էլեկտրոնային փոստի մարքեթինգն օգնում է էլ. նամակներ ուղարկելու գործընթացն ավելի հարմար, արագ դարձնել և ստեղծագործական հիմքեր ստեղծել: HTML և սովորական էլփոստի ձևանմուշները օգտագործվում են փոստային առաքման համար:

Եթե ​​խոսենք պարզ լեզվով, էլփոստի մարքեթինգը տվյալների բազայում տեղակայված էլ.փոստի հասցեներին նամակներ ուղարկելու լավ մտածված համակարգ է։

Մարքեթինգի այս տեսակը հիմնված է տառերի ձևանմուշների և էջերի վրա, որոնք կառուցված են տառերի մեջ:

Էլփոստի ձևանմուշները գալիս են 2 տեսակի.

  • Պարզները ընդամենը մի քանի նախադասության տեքստային էլ. Այս էլփոստի ձևանմուշները սովորաբար օգտագործվում են բիզնես նամակագրության մեջ:

  • HTML տառերի ձևանմուշները վառ են, նախատեսված են ուշադրություն գրավելու և վեբ էջի նկատմամբ հետաքրքրություն առաջացնելու համար, որոնք ներկառուցված են նամակում:

Որո՞նք են առավելություններն ու թերությունները:

Սկսենք սովորական կաղապարներից:

Մեծ թվով «պլյուսներ» լավ ցուցանիշ է: Բայց դժվար թե կարողանան նման նամակներ վաճառել հաճախորդի հետ առաջին շփման ժամանակ, հատկապես սովորական։ Ի տարբերություն HTML նամակների.

Դժվար է ինքնուրույն ստեղծել HTML նամակներ՝ առանց բավարար նախապատրաստման, թեև հենց այդպիսի հաղորդագրությունները՝ գեղեցիկ, բացիկի նման, շատ ավելի մեծ ուշադրություն են գրավում, քան պարզ «սև ու սպիտակները»: HTML տառերի և էլ. նամակների ձևանմուշները կարող են ստեղծվել անմիջապես փոստային ծառայության կայքերում, որոնք երկար ժամանակ ներառել են այս գործառույթը որպես պարտադիր օգտատերերին նամակներ կազմակերպելու համար:

Հիմնական ծառայություններ

Էլփոստի տեղեկագրերի հիմնական կայքերը նկարագրելիս իմաստ ունի համեմատել դրանք ըստ կարևորագույն բնութագրերի:

Stripo-ն առաջարկում է լայն ընտրություն անվճար կաղապարներէլփոստի տեղեկագրեր: Դրանք խմբավորված են ըստ բիզնես տարածքի և կատեգորիայի, ինչպիսիք են հատուկ միջոցառումները, տոները և այլն: Մեր ձևանմուշները նախապես մշակված են բոլոր տեսակի ձգանման հաղորդագրությունների, իրավաբանական և խորհրդատվական ծառայությունների, գովազդային հաղորդագրությունների և այլ տեսակի հաղորդագրությունների համար:

Այստեղ դուք կգտնեք էլփոստի մարքեթինգի կաղապարներ, որոնք համապատասխանում են ձեր կարիքներին և ճաշակին:

Ինչու՞ ենք մենք այդքան վստահ այս հարցում.

    Պատասխանատու վեբ դիզայն

    Stripo-ի բոլոր ձևանմուշները լիովին արձագանքող են: Սա նշանակում է, որ բոլոր շարժական սարքերը և էլփոստի հաճախորդների մեծ մասը դրանք ճիշտ են ցուցադրում:
    Այնուամենայնիվ, դուք կարող եք ընտրել ցանկացած պատկեր, բլոկ կամ կառուցվածք և այն դարձնել ոչ արձագանքող, եթե ցանկանում եք, որ ձեր էլփոստի ձևանմուշների որոշ տարրեր մնան անփոփոխ:
    Նաև մեր անվճար էլփոստի կաղապարների բաց HTML կոդի շնորհիվ հնարավոր է ընտրել, թե որ պատկերներն ու բլոկները կցուցադրվեն շարժական սարքերում, իսկ որոնք՝ միայն աշխատասեղանի սարքերում:
    Օգտագործեք մեր HTML հաղորդագրությունների ձևանմուշները մարքեթինգային արշավների լայն տեսականի համար:

    Երկու խմբագիր մեկում

    Մեր հաջորդ սերնդի գործիքը համատեղում է բաց HTML/CSS կոդը և քաշել և թողնել խմբագրիչը:
    Այս հատկությունը ձեզ հնարավորություն է տալիս ձևավորել տեսողական տարրեր և տեքստ՝ գործիքի մասերը քաշելով և թողնելով: HTML կոդով դուք կարող եք տեսանյութեր և ինտերակտիվ տարրեր տեղադրել ձեր տեղեկագրի ձևանմուշում և վերադառնալ վիզուալների ձևավորմանը՝ առանց խմբագրից դուրս գալու:

    Բանների ստեղծում

    Stripo-ի միջոցով դուք կարող եք հեշտությամբ ստեղծել պաստառներ, մշակել դրանք խմբագրում և տեղադրել տեքստը դրոշակի վերևում: Այս հատկության շնորհիվ դուք հնարավորություն ունեք բազմիցս օգտագործել բաններները։ Այժմ ձեզ հարկավոր չեն որևէ լրացուցիչ գործիքներ (օրինակ՝ լուսանկարների խմբագիրներ)՝ ձեր արձագանքող HTML ձևանմուշը ստեղծագործ և հարմարեցված դարձնելու համար՝ ըստ ձեր ցանկության:
    Լայնորեն հայտնի է, որ էլփոստի մատակարարները դեկորատիվ տառատեսակները փոխարինում են վեբ անվտանգ տառատեսակներով։ Միևնույն ժամանակ էլփոստի ձեր դիզայնը կորցնում է իր հատուկ հմայքը: Բայց Stripo-ն թույլ է տալիս օգտագործել ցանկացած տառատեսակ, որը Ձեզ դուր է գալիս մեր խմբագրում առկա տառատեսակներից: Ինչպե՞ս դա անել: Պարզապես տեղադրեք տեքստը դրոշակի վերևում, ընտրեք դրա համար հարմար գույնև տեքստի վրա կիրառեք ձեր սիրած դեկորատիվ տառատեսակը:
    Էլփոստի հաճախորդները ցանկացած պատկերի վրա ավելացված տեքստը վերաբերվում են որպես հենց պատկերի տարր: Այսպիսով, ձեր բաժանորդները կտեսնեն ձեր տեքստն ավելացված ձեր անվճար HTML ձևանմուշին ճիշտ այնպես, ինչպես նախատեսված է:

    Աշխատանքի ավտոմատացում՝ մեր յուրահատուկ խելացի տարրերը

    Ապրանքային քարտերի ստեղծումը բավականին հոգնեցուցիչ գործընթաց է: Բայց Stripo-ն անում է ամեն ինչ այս գործը ձեզ համար հեշտացնելու համար։ Խելացի տարրերի որոշակի հարմարեցումից հետո ձեզ պարզապես անհրաժեշտ կլինի տեղադրել հղումը ցանկալի տողում: Նկարագրությունը, արժեքը, արտադրանքի նմուշը ավտոմատ կերպով կտեղադրվեն համապատասխան դաշտերում: Ձեր հարմարության համար մենք արդեն ավելացրել ենք խելացի տարրեր HTML հաղորդագրությունների որոշ կաղապարներում: Stripo-ն խնայում է ձեր ժամանակը:

    Անձնական մոդուլի գրադարան Սթրիպոյում

    Ստեղծեք, խմբագրեք և պահպանեք բովանդակության բլոկներ/կառուցվածքներ/շերտեր/կոնտեյներներ ձեր անձնական գրադարանում: Դուք կարող եք դրանք օգտագործել ցանկացած ժամանակ, երբ գործարկում եք նոր էլփոստի արշավ:
    Մեր գոյություն ունեցող անվճար ձևանմուշները ավտոմատ կերպով բաժանվում են մոդուլների, որոնք արդեն հասանելի են ձեր անձնական գրադարանում:

    Հեշտ արտահանում

    Stripo-ի պատասխանող հաղորդագրությունների ձևանմուշները հեշտությամբ արտահանվում են էլփոստի մատակարարների և հանրաճանաչ էլփոստի հաճախորդների, ինչպիսիք են Gmail-ը և Outlook-ը:
    Հրաշալի նորություն․ մեր էլփոստի ձևանմուշները խմբագրելի են նույնիսկ արտահանումից հետո։ Ընդլայնված ինտեգրման շնորհիվ դուք կարող եք բոլոր տեսակի փոփոխություններ կատարել HTML կոդի, տեքստի և տեսողական տարրերի մեջ: Այս տարբերակը դարձնում է Stripo-ի պատասխանատու HTML ձևանմուշները էլփոստի հաճախորդների և մատակարարների համար:
    Ձեր հարմարության համար կարող եք նաև դասավորել ձեր էլփոստի ձևանմուշները թղթապանակների մեջ:

    Էլեկտրոնային փոստի մարքեթինգը մեր կիրքն է, և այդ իսկ պատճառով Stripo-ն իրական կիրքով նախագծում է էլփոստի պրոֆեսիոնալ կաղապարներ:

Ցույց տալ ավելին

Լավ էլփոստի արշավը սկսվում է էլ.փոստի ձևավորումից: Այսօր, երբ էլփոստի հաճախորդների և հարթակների մեծ մասը էլաջակցել նոր վեբ ստանդարտներին, մենք կարող ենք պատասխանող նամակներ ուղարկել բոլոր բաժանորդներին՝ օգտագործելով աշխատասեղան և շարժական սարքեր: Հարմարվողական HTML ձևանմուշսնամակները ապահովում են, որ մեր տեղեկագիրը հավասարապես ընկալվի բաժանորդների կողմից՝ անկախ նրանից, թե որ սարքից է այն կարդացվում:

Որպեսզի օգնի ձեզ անել ճիշտ ընտրություն, ներկայացնում ենք էլեկտրոնային փոստի մարքեթինգի ամենահայտնի նամակների կաղապարների ընտրանին: Դրանում մենք նայում ենք ոչ միայն կաղապարներին, այլև հարմարվողական շրջանակներին, որոնք կարող եք օգտագործել ձեր սեփական կաղապարներ ստեղծելու համար:

Ցերբերուս

Զրոյից էլփոստի տեղեկագրի ձևանմուշ ստեղծելն ինքնին կարող է մարտահրավեր լինել: հեշտ գործ չէ. Իսկ երբ մենք խոսում ենքարձագանքող դասավորություն ստեղծելու մասին, կա նաև ավելի շատ նրբերանգներորոնք պետք է հաշվի առնել: Ահա թե ինչու Cerberus-ի նման շրջանակը կարող է օգտակար լինել ձեզ համար:

Այս կոմպակտ գրադարանը ստեղծված է օգնելու օգտվողներին օգտագործել մի քանի HTML ձևանմուշներ՝ ստեղծելու էլ. Փոքր կաղապարներ, որոնք ստեղծվել են օգտագործելով HTML, դրանք նախատեսված չեն որպես վերջնական արդյունք օգտագործելու համար։ Cerberus-ի մշակողները խորհուրդ են տալիս փորձարկել HTML կոդը՝ ձեր սեփական տատանումները ստեղծելու համար:

Լակմուս


Սա հայտնի ապրանքանիշնրանց շրջանում, ովքեր սիրում են փորձարկել և վերլուծել արդյունավետությունը էլփոստի մարքեթինգարշավներ։ Լակմուսի թիմը հայտնի է նրանով, որ պարբերաբար տրամադրում է համայնքին մի շարք անվճար ռեսուրսներ, որոնցից մեկը պատասխանող էլփոստի կաղապարների մի շարք է:

Հավաքածուի բոլոր հինգ կաղապարները պատկանում են տարբեր կատեգորիաների: Դրանք ներառում են HTML տեղեկագրի էլ. Այն կատարյալ է այն օգտվողների համար, ովքեր ցանկանում են, որ իրենց էլ. նամակները լինեն պարզ, բայց պատասխանատու:

Պատասխանատու HTML էլփոստի շրջանակ


Սա լիարժեք լուծում է էլեկտրոնային փոստի պատասխանող տեղեկագրեր ստեղծելու համար: Շրջանակը ծրագրավորողներին տրամադրում է ցանցերի, մոդուլների, բլոկների և գծերի մի շարք բովանդակության համար, գործառույթ՝ տարրերի, կոճակների, պատկերի գծերի և այլ տարրերի միջև հեռավորությունը սահմանելու համար, որոնք կարող են օգտագործվել էլփոստի կատարյալ ձևանմուշ մշակելու համար: Այն փորձարկվել է բոլոր հայտնի էլփոստի հաճախորդների մեջ:

Հիմնադրամ էլփոստի համար


Սա վեբ մշակման օպտիմալացման տարբեր շրջանակների և հարթակների մի շարք է: Հիմնադրամը ծրագրավորողներին և դիզայներներին տրամադրում է հեշտ օգտագործման CSS շրջանակ, որը թույլ է տալիս նրանց արագ ստեղծել արդյունավետ, արձագանքող էլ.

Յուրաքանչյուր HTML էլփոստի ձևանմուշ խմբագիր օգտագործում է Հիմնադրամի կողմից տրամադրված ցանցային համակարգը: Այնուհետև այն կարող է համալրվել տարբեր տարրերով, որոնք սովորաբար օգտագործվում են նման նպատակների համար: Անկախ նրանից, թե դուք աշխատում եք էլեկտրոնային առևտրի կամ բիզնեսի բրենդինգի ոլորտում, Հիմնադրամը կարող է օգնել ձեզ ստեղծել պատասխանատու ձևանմուշներ նամակներ.

Մրջյուն


Antwort-ը իրեն չի դնում որպես շրջանակ, նրանք իրենց անվանում են պատրաստի էլփոստի կաղապարների ռեսուրս, որը կարող է հարմարվել ֆիքսված և շարժական սարքեր. Այն աշխատում է անթերի iOS-ի և Android-ի, ինչպես նաև էլփոստի հիմնական հաճախորդների, ինչպիսիք են Yahoo!-ը, Gmail-ը և Outlook-ը:

Նույնիսկ Outlook-ի ամենահին տարբերակներից մի քանիսը: Դասավորությունները նախատեսված են բովանդակության դինամիկ ավելացման համար: Միևնույն ժամանակ տառերի ձևավորման ոճը մինիմալիստական ​​է։

Խաղահրապարակ ZURB-ի կողմից


Սա զարգացման ընկերություն է HTML5 շրջանակային հիմնադրամ, ինչպես նաև Ink կոչվող ծառայության օպերատորը։ Այսօր այն ավելի հայտնի է որպես Հիմնադրամի էլ.

ZURB's Playground-ն առաջարկում է էլփոստի հինգ տարբեր ձևանմուշներ, որոնք հեշտությամբ հարմարվում են ցանկացած էկրանի չափին և սարքին: Բոլոր ձևանմուշները գալիս են առանձին ոճաթերթերով և HTML փաստաթղթերով: Այս ձևանմուշները համատեղելի կլինեն ցանկացած հիմնական էլփոստի հարթակի հետ: Դուք կարող եք հեշտությամբ գտնել ծառայություն, որի հետ դուք կարող եք օգտագործել այս ձևանմուշները:

Մոզաիկո


Հարթակ, որը թույլ է տալիս ցանկացած օգտվողին ստեղծել հարմարվողական, գեղեցիկ HTML էլփոստի կաղապարներ: Mosaico-ն գործիքներ է տրամադրում հատուկ տարրերի կառավարման համար և հարմարվողական դիզայն. Նրանք թույլ են տալիս անհատականացնել ձեր բոլոր դասավորությունները մեկ կոճակի սեղմումով:

Ներկառուցված կառավարման համակարգը թույլ է տալիս հետարկել և վերափոխել կատարված բոլոր փոփոխությունները: Դուք նույնիսկ կարող եք վերբեռնել ձեր սեփական էլփոստի ձևանմուշները և հարմարեցնել դրանք Mosaico-ում: Հարթակը բաց կոդով է և բոլորին խրախուսում է մասնակցել նախագծի մշակմանը:

Բաց կոդով էլփոստի կաղապարներ


Հանրահայտ էլփոստի մարքեթինգային հարթակ, որն առաջարկում է շուկայավարներին և բլոգերներին իրենց ձևանմուշները ստեղծելու և շուկայահանելու հնարավորություն հեշտ օգտագործման միջավայրում: Որպես շնորհակալություն մարքեթինգային համայնքին, SendWithUs-ը օգտվողներին տրամադրում է տասը արձագանքող ձևանմուշների գրադարան:

Բոլոր կաղապարները բաց կոդով են, ինչը թույլ է տալիս կատարել ցանկացած փոփոխություն և ճշգրտում ձեր հայեցողությամբ: Չնայած այս ձևանմուշներն անվճար են, դրանք հարմար են միայն հաճախորդներին հաշիվ-ապրանքագրեր և ծանուցումներ տրամադրելու համար:

Պատասխանատու էլփոստի ձևանմուշներ


Բրայան Գրեյվսը ամուր հիմք է դրել պատասխանող էլ. նամակներ ստեղծելու և աշխատելու համար: Նրա Responsive Email Patterns նախագիծը խցանվող ձևանմուշների մի շարք է, որոնք դուք կարող եք օգտագործել արագ արձագանքող նամակներ ստեղծելու համար՝ ձեր սիրած էլփոստի հարթակում կամ ուղղակիորեն ձեր էլ. Կաղապարները ներառում են այնպիսի տարրեր, ինչպիսիք են ցուցակները, լրատվամիջոցները, նավիգացիան և ցանցերը:

HTML էլփոստի կաղապարներ


Հեղինակավոր էլփոստի մարքեթինգային ծառայություն, որն օգնում է հարյուր հազարավոր առցանց շուկայավարների հասնել օպտիմալ արդյունքների էլեկտրոնային արշավների միջոցով: Campaign Monitor-ն ապահովում է էլեկտրոնային արշավների փորձարկման գործառույթ, ինչպես նաև էլփոստի դիզայներ և HTML էլփոստի ձևանմուշների հավաքածու: Այն ունի ավելի քան 20 եզակի կաղապարներ, որոնք հարմար են գրեթե ցանկացած իրավիճակի համար։ Գործընկերություններ հաստատելու ձևանմուշներ, բիզնես բանակցություններ, ավանդական տեղեկագրերի ձևանմուշներ և իրադարձությունների հայտարարությունների ձևանմուշներ:

Էլփոստի դիզայնի ոգեշնչում HTML էլփոստի դիզայնով


Սա լավագույն էլ. Այս նմուշի ձևանմուշների հիանալի բանն այն է, որ դրանք ուղարկվել են իրական օգտատերերին: Սա թույլ է տալիս հեշտությամբ վերլուծել ձևանմուշների կառուցվածքը, որպեսզի ավելի լավ հասկանաք դրանց ապահովման իրականացման առանձնահատկությունները: բարձր արդյունավետություն. Սկսելու համար էլփոստի հարյուրավոր ձևանմուշներ:

MJML - Պատասխանատու էլփոստի շրջանակ


Սա շրջանակ է և ներկառուցված հատուկ նշագրման լեզու, որը նախատեսված է մշակողներին օգնելու արագ արձագանքող ձևանմուշներ ստեղծել: MJML-ի նպատակն է հեշտացնել արձագանքող էլ. նամակների ձևավորումը: Նշումը, որը դուք ստեղծում եք MJML-ի միջոցով, այնուհետև ավտոմատ կերպով վերածվում է լիովին HTML5-ի համատեղելի կոդի: Դուք կարող եք այն օգտագործել ցանկացած էլփոստի հաճախորդում: Հասանելի են նաև մի քանի նախադրված ձևանմուշներ:

Respmail


Նրանց համար, ովքեր չեն ցանկանում անհանգստանալ բարդ շրջանակներով, Respmail-ը պարզ, պատասխանատու էլփոստի մարքեթինգային լուծում է: Այն ձեզ տրամադրում է մեկ ձևանմուշ, որը կարող եք հարմարեցնել ձեր ցանկությամբ: Իր ստեղծման օրվանից HTML էլփոստի ձևանմուշը բարելավվել և կատարելագործվել է՝ ապահովելու համատեղելիությունը բոլոր հիմնական էլփոստի հաճախորդների հետ:

Կիրք


Սա էլփոստի բարդ ձևանմուշ է, որն օգտագործում է ժամանակակից վեբ դիզայնի գաղափարներ: Այս կաղապարի ընդարձակելիությունը այնքան տպավորիչ է: Տարբեր տարրերԿաղապարները առանձին բաղադրիչներ են, և դուք կարող եք պարզապես ընտրել, թե ինչ եք կարծում, որ անհրաժեշտ է ձեր տեղեկագրի էլ.

Անվճար տեղեկագրի ձևանմուշ


Անվճար տեղեկագրի ձևանմուշ: Սա էլեգանտ և մինիմալիստական ​​լուծում է նրանց համար, ովքեր ցանկանում են պարզ էլփոստի դասավորություն: Մեր կարծիքով, այս կաղապարը կարող է օգտակար լինել բլոգերների, արվեստագետների, գրողների համար, ովքեր ցանկանում են փոխանցել իրենց ուղերձը՝ առանց նամակը ծանրաբեռնելու ժամանակակից բարդ տարրերով։

Փոստի պորտֆոլիո


MailPortfolio-ն հետևում է նույն փիլիսոփայությանը, ինչ վերը նկարագրված HTML էլփոստի ձևանմուշը: Միակ տարբերությունն այն է, որ MailPortfolio-ն ավելի շատ կենտրոնացած է հիմնական կարմիր գույների վրա: Բայց մնացած ամեն ինչ կարծես թե նույնն է: Ստորագրում կարող եք նշել ընկերության մասին անհրաժեշտ տեղեկատվությունը, որը պարտադիր է էլեկտրոնային փոստի շուկայավարման հարթակների մեծ մասի համար:


Վալենտինի տոնը շուտով մոտենում է: Ահա թե ինչու մենք որոշեցինք վերանայման մեջ ներառել շատ գեղեցիկ ձևանմուշ։ Վալենտինի օրվա էլ.փոստի ձևանմուշ, որը կարող է օգտագործվել այս օրը՝ գովազդելու ձեր առաջարկներն ու նորությունները: Շատ հնարավորություններով դուք կարող եք հարմարեցնել այս ձևանմուշը տարբեր օգտագործման դեպքերի համար:

ԷԴՄԴԻԶԱՅՆԵՐ


Այս ընկերությունը շատ ժամանակ է ծախսել՝ լիովին հարմարվելով համայնքի կարիքներին: Արդյունքը ֆունկցիոնալ հարթակ է նամակներ ստեղծելու համար: Քաշել և թողնել ինտերֆեյսը օգնում է մշակողներին ստեղծել գեղեցիկ դասավորություններ: Այլևս չպետք է ժամանակ վատնեք՝ նորից ու նորից նույն բովանդակությունը վերստեղծելու համար: EDMDESIGNER-ի միջոցով դուք կարող եք պահպանել ոչ միայն տառերի ձևանմուշները, այլև առանձին տարրեր: Այնուհետև կարող եք դրանք կրկին օգտագործել ցանկացած ապագա քարոզարշավում:

Ժամանակակից HTML էլ


Մենք ցանկանում ենք լրացնել մեր անվճար ձևանմուշների ցանկը գրքով: Սա լավագույն միջոցըսովորեք, թե ինչպես ստեղծել պատասխանող էլփոստի ձևանմուշներ: Դրանցից մեկի հեղինակն է Ջեյսոն Ռոդրիգես. Գիրքը կօգնի ձեզ ստեղծել ժամանակակից և գեղեցիկ HTML էլփոստի ձևանմուշներ, որոնք հիանալի կաշխատեն բոլոր սարքերում, բոլոր հաճախորդների և բոլոր բրաուզերներում: Գիրքն ընդգրկում է էլ.փոստի ստեղծման հիմունքները, ինչպես նաև ինչպես փորձարկել էլփոստի արշավները և օպտիմալացնել դրանք՝ օգտագործելով վերլուծական գործիքներն ու հաշվետվությունները:

Պրեմիում արձագանքող HTML էլփոստի ձևանմուշներ

Մենք կցանկանայինք խոսել պրեմիում հատվածի HTML տեղեկագրերի համար պատասխանատու էլփոստի ձևանմուշների մասին: Դրանց գներն իսկապես բավականին ցածր են ( համեմատ այն, ինչ դուք կվճարեիք դիզայներին այս աշխատանքի համար) Եվ մենք գտանք իսկապես հիանալի ձևանմուշներ:

Գաղափար


Ֆունկցիոնալ ձևանմուշ, որն ապահովում է բոլոր հասանելիները ժամանակակից տարրեր HTML5, որը կարող է ներառվել հենց կաղապարի մեջ։ Դուք կարող եք հեշտությամբ հաղորդակցվել ձեր գների, ապրանքի առանձնահատկությունների հետ ներկառուցված տարրերով, որոնք ամբողջ գործընթացը դարձնում են պարզ: Կաղապարը պարունակում է ներկառուցված քաշել և թողնել մոդուլ, որը կօգնի ձեզ ստեղծել զարմանալի նամակներ: Այն նաև լիովին համատեղելի է էլփոստի շուկայավարման առաջատար մատակարարների հետ:

Վիբգյոր


Vibgyor-ը կարելի է բնութագրել որպես բազմաֆունկցիոնալ ձևանմուշ տարբեր արդյունաբերություններ. Պրոֆեսիոնալ տեսքըՎիբգյորը գրավիչ է դարձնում բիզնեսի այս ուղղությունները: Այն պարունակում է քաշել և թողնել շինարար, որը հեշտացնում է ձեր հայեցողությամբ ձևանմուշի ցանկացած մաս փոխելն ու օպտիմալացնելը:

Բարև բոլորին: Օրերս որոշեցի պարզել, թե ինչպես են տպագրվում html տառերը։ Ես մի քանի ժամ անցկացրի ինտերնետում, կարդացի տասնյակ հոդվածներ այս թեմայով և եկա այն եզրակացության, որ սա շատ բարդ խնդիր է։

Բայց ցանկությունը կա, ուստի ես սկսեցի ավելի փորել: Միգուցե բլոգում ես շուտով կփոխարինեմ Feedburner-ից էլփոստի բաժանորդագրությունը (հոդվածների ներքո) մեկ այլ բանով, որտեղ կարող եմ այն ​​ավելի գրավիչ դարձնել: Հիմնական բանը էլեկտրոնային փոստի հաճախորդների համար դասավորության բոլոր նրբությունները հաշվի առնելն է, և հավատացեք ինձ, դրանք բավականին քիչ են:

Փոստավորման համար html տառեր ստեղծելու արդիականությունը

Փոստը ամենաշատերից մեկն է արդյունավետ ուղիներվաճառել ապրանքներ, նորություններ փոխանցել հաճախորդներին, խոսել ակցիաների մասին և լրացուցիչ ծառայություններ. Բացի այդ, երբ դուք ունեք հաճախորդների բազա, կարող եք հետ բերել «հին» հաճախորդներին և կատարել մեկ այլ վաճառք:

Դուք կարող եք ուղարկել նյութեր լրացուցիչ ծառայությունների մասին, որոնցով ձեր հաճախորդները կարող են հետաքրքրվել իրենց առաջին գնումից հետո:

Եվ, իհարկե, այստեղ գործում է մեծ թվերի տեսությունը։ Եթե ​​դուք ինչ-որ բան վաճառելու առաջարկ ուղարկեք 20000 բաժանորդի, նրանցից 1000-ը կկարդան առաջարկը և առնվազն 10-ը կգնեն, իսկ արժեքը կլինի 0: Դուք հենց նոր նամակ եք ուղարկել:

Բայց ինչ-որ մեկը չբացեց նամակը, ինչ-որ մեկը բացեց այն և չկարդաց այն, քանի որ տեքստը խառնաշփոթ էր, ինչ-որ մեկի համար նկարները չէին բացվում, իսկ ինչ-որ մեկի համար դասավորությունը խառնաշփոթ էր: Դա տեղի է ունենում. Շնորհիվ այն բանի, որ էլփոստի ծրագրերը չեն աջակցում CSS-ին, ինչպես նաև բրաուզերներին: Ինչ վերաբերում է javascript-ին, ես ընդհանուր առմամբ լռում եմ:

Իսկ դասավորության դիզայներների համար շատ խնդիրներ կան, ովքեր ստեղծում են html տառեր։

Բայց այսօր ես կփորձեմ ձեզ պատմել, թե ինչպես ստեղծել HTML տառ, որը հավասարապես լավ կբացվի բոլոր բրաուզերներում (ներառյալ բջջային) և էլփոստի ծրագրերում, որպեսզի ձեր նամակները գրավիչ տեսք ունենան և հաճախորդներ չկորցնեք: Սա վերջին գրառումը չէ, եթե ցուցադրման հետ կապված խնդիրներ կան, ապա հետո կամ կուղղեմ այս մեկը, կամ կգրեմ շարունակությունը։ Ես նաև երախտապարտ կլինեմ բոլորին, ովքեր կարող են օգնել փորձարկել և բացահայտել խնդիրները:

HTML էլփոստի դասավորության հետ կապված խնդիրներ

Շնորհիվ այն բանի, որ փոստային ծառայությունները չունեն ընդհանուր կանոններցուցադրելով html տառերը, դասավորության դիզայները պետք է օգտագործի 90-ականների դասավորության կանոնները: Որոշ մարդիկ կարիք չունեն դրան վարժվելու, բայց պետք է խոստովանեմ, որ ես երբեք ոճեր չեմ գրել html փաստաթղթի ներսում, և ոչ միայն html փաստաթղթի ներսում՝ օգտագործելով, մասնավորապես՝ inline, յուրաքանչյուր տարրի համար առանձին։

Էլփոստի ծրագրերի որոշ մշակողներ ամբողջովին անջատել են ոճերի և ոճաթերթերի աջակցությունը, որպես այդպիսին, վերը նկարագրված ձևով: Սա հիմնավորելով ասելով, որ տառերը հատուկ են տեքստի համար։ Այսպիսով, դուք ստիպված կլինեք գրել ոճեր յուրաքանչյուր տարրի համար առանձին:

Մեկ այլ անակնկալ այն էր, որ էլփոստի ոչ շատ ծառայություններ չեն աջակցում float և margins և padding: Ինչպե՞ս է դա ձեզ դուր գալիս: Պատկերացրեք, որ դուք ստեղծել եք եռասյունանի HTML տառ՝ հիմնված div(s) վրա, և օգտատերը այնպիսի զիբիլ է մտածել, որ անմիջապես ջնջել է՝ չհասկանալով, թե ինչ են ուզում իրենից։

Այո, այո։ Դուք ճիշտ եք լսել: Դուք ստիպված կլինեք օգտագործել աղյուսակները, եթե պատրաստ չեք զոհաբերել հազարավոր օգտատերերի, ովքեր ճիշտ չեն բացի ձեր էլ. Պարզվում է, որ աղյուսակներն այսօր միակ միջոցն են՝ հասնելու բրաուզերների համատեղելիության:

Ինչպես գրել են կայքերից մեկում.

Դուք պետք է հիշեք այնպիսի սարսափելի բաներ, ինչպիսիք են՝ Cellpadding, cellpacing, colspan

Իմ դեպքում ես ստիպված կլինեմ սովորել դրանք, քանի որ երբեք չեմ օգտագործել աղյուսակներ։ Միգուցե ես երբեք ստիպված չլինեի, եթե չորոշեի պարզել, թե ինչպես ձևավորել տառերը :)

Եթե ​​դուք չունեք պատկերների համար alt սահմանելու սովորություն, ապա ստիպված կլինեք այն մշակել տառերի դասավորության համար, քանի որ որոշ էլ. նամակը, օգտատերը կտեսնի դատարկ շրջանակներ, և այդպիսով դրանցում կլինի տեքստ:

Ինձ համար մեկ այլ խնդիր է, որ ես պետք է անընդհատ զրոյացնեմ շատ արժեքներ, օրինակ՝ նկարների սահմանը, եթե այն դրված է որպես հղում։

Առայժմ այսքանն է: Եթե ​​ինչ-որ այլ բան առաջանա, ես այն կշարունակեմ նկարագրել: Եվ հիմա ես ուզում եմ ձեզ ցույց տալ, թե ինչ եմ արել մինչ այժմ, առանց ավելացնելու դիզայնի ոճեր, ինչպիսիք են տառատեսակը, գույնը, տեքստի չափը և այլն: Սրանք պարզապես տարրերն են ճիշտ տեղերում: Հաջորդ հոդվածում ես նկարագրելու եմ տարբեր էլփոստի ծառայություններում թեստավորման գործընթացը և այն փոփոխությունները, որոնք պետք է կատարվեին:

Ինչպես տեսնում եք, աշխատելու բան կա: Թույլ տվեք մի փոքր նկարագրել դասավորության գործընթացը: Դրա մեջ խորամուխ լինելն իմաստ չունի, հաջորդ հոդվածում շատ բան կփոխվի։ Իրականում, թվում է, թե ամեն ինչ պարզ է, բայց մյուս կողմից այս գործունեությունը ինձ շատ ժամանակ խլեց։

Ինչպես ստեղծել html տառ

Սկսելու համար ես ստեղծեցի Wireframe աղյուսակ էլփոստի ողջ բովանդակության համար՝ 100% լայնությամբ և կապույտ ֆոնով: Այն պարունակում է երկու մանկական սեղան: Մեկը վերնագրի համար (id = "վերնագիր"), երկրորդը բովանդակության համար (id = "բովանդակություն"):

Տեղեկագիր կայքից



Ինչպես արդեն նկատել եք, ես դրել եմ cellpadding = "40" աղյուսակի համար բովանդակությունը կտեղակայվի նաև բոլոր աղյուսակներն ըստ կենտրոնի:

Այժմ դուք պետք է գլխարկը բաժանեք 2 մասի։ Մեկում տեղադրում եմ լոգոն, իսկ մյուսում ստեղծում եմ 3 սյունակով մեկ այլ թիթեղ և այնտեղ տեղադրում եմ սոցիալական ցանցերի հղումներ։

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

Ինչպես արգելափակել արտաքին հղումների ինդեքսավորումը

Բարև տղաներ։ Այսօր մենք կխոսենք այն մասին, թե ինչպես ապահով կերպով փակել արտաքին հղումները ձեր վայրէջքի էջի վրա, որպեսզի քաշը չփոխանցվի դրանից, այլ մնա ձեր էջում։ Ինչպես հավանաբար գիտեք մինչ այժմ, նույնիսկ եթե փակեք հղումը , ստատիկ քաշը դեռ փոխանցվում է և, հետևաբար, հեռացվում է ձեր էջից:

Այժմ դուք պետք է ստեղծեք 3 սյունակի կառուցվածք: Քանի որ մենք չենք կարող օգտագործել float(ներ), մենք ստիպված կլինենք կազմել 5 սյունակ: 3 նկարներով բովանդակության համար (150px) և 2-ը՝ նրանց միջև տարածությունը (60px):

Png» />

Ինչպես պատրաստել UTM պիտակներ և ինչի համար են դրանք Բլոգի թարմացումներ և մինի օպտիմալացման հաշվետվություն Սցենար AB թեստավորման համար

Խելացի վայրէջք | 2014 թ

Կաղապարների քանակը

Կաղապարի որակը

Գերազանց

Գերազանց

Գերազանց

Գերազանց

Հասանելի թեմաներ

Արձակուրդներ

- Բիզնես

Առցանց խանութ

– Զբոսաշրջություն

- Ընդհանուր և այլն:

- Արձակուրդներ

- Ռեստորան

– Զբոսաշրջություն

- Բիզնես

Առցանց խանութ և այլն:

- Գեներալ

Արձակուրդներ

– Զբոսաշրջություն

- Բիզնես

Առցանց խանութ

- Առցանց խանութ

- Գեղեցկություն և առողջություն

– Զբոսաշրջություն

- Արձակուրդներ

Առցանց խանութ

– Զբոսաշրջություն

Գրելու հարմարեցում տարբեր էկրանների համար

Այո (մինչև 1500 նամակ 100 հասցեին)

Այո (մինչև 15000 նամակ 2000 հասցեին)

Այո (մինչև 6000 նամակ 5000 հասցեին)

Կաղապարների անվճար օգտագործում

Նախկինում օգտագործված կաղապարներ օգտագործելու ունակություն

  1. UniSender.

Էլփոստի տեղեկագրեր ստեղծելու ամենատարածված ռուսաֆիկացված ծառայություններից մեկը: Հասանելի է 3 խմբագիր՝ բլոկային կաղապարների համար (տեքստը և տեսողական բովանդակությունը կարող են փոփոխվել ձեր հայեցողությամբ), պատրաստի հիմնական և HTML կաղապարների համար, ձեր սեփական HTML էլփոստի կաղապարի հետ աշխատելու համար։ Դժվար չէ հասկանալ խմբագիրներին, համակարգը հուշումներ է տալիս, և վերջ անհրաժեշտ գործիքներգտնվում են աշխատանքային էջի վերևում:

  1. SendPulse

Նույնքան հայտնի, պարզ և հարմար կայք՝ HTML տառերի կաղապարներ ստեղծելու և պատրաստի կաղապարների հետ աշխատելու համար։ Վերանայվածների թվում այն ​​ունի ամենամեծ անվճար փաթեթը և բավականին շատ ձևանմուշներ հաջող տեղեկագիր ստեղծելու համար:

Կայքը թույլ է տալիս ստեղծել ձեր սեփական ձևանմուշները պարզեցված HTML խմբագրիչով, դիզայներով կամ ձեր սեփական ձևանմուշը ձեր համակարգչից ներբեռնելով: Դիզայները հեշտ է հասկանալ, դուք կարող եք ստեղծել գեղեցիկ տառ «զրոյից»՝ ինքնուրույն ընտրելով նկարներ, տառատեսակներ և տեղադրելով այն բոլորը ցանկալի վայրում:

  1. Ռումայլեր

Դիզայնի առումով համեստ կայք՝ լավ կաղապարներով և համեմատաբար մեծ անվճար փաթեթով։ հետ աշխատելու ֆունկցիոնալություն սահմանափակ քանակությամբկաղապարներն այնքան լայն չեն, որքան կցանկանային փորձառու օգտվողները: Բլոկի հարմար խմբագիր ընդհանրապես չկա:

Ծառայության առավելությունն այն է, որ այն ունի մեծ հնարավորություններ արտահանող բաժանորդների համար։ Դրանք կարելի է ներբեռնել ըստ գործունեության, թերթիկի, ինչպես նաև էլփոստի հասցեի մուտքի կամ տիրույթի միջոցով:

  1. GetResponse

Ծառայությունը հայտնի է իր մեծ թվովմատչելի ձևանմուշներ 24 կատեգորիաներում: Կայքի հաճելի ինտերֆեյսն ինքնին լրացվում է հաճախորդներին ուղղված նամակների համար պատրաստի և հատուկ HTML ձևանմուշների օգտագործողի համար հարմար բլոկ խմբագրով:

Խմբագիրը հեշտ է օգտագործել: Բլոկները կարող են հեշտությամբ քաշվել, վերադասավորվել, ջնջվել կամ ավելացվել: Բլոկի վրա սեղմելիս աշխատանքային մենյու է հայտնվում կոճակներով՝ պատկերների և տեքստի բովանդակության հետ հիմնական գործողություններ կատարելու համար:

Կաղապարները դիտելու համար դուք պետք է սկսեք աշխատել փոստային ցուցակի հետ՝ մուտքագրելով ուղարկողի տվյալները և նամակի թեման, այնուհետև ընտրեք «Արգելափակել էլփոստի ստեղծողը» կոճակը: Եթե ​​օգտագործողը ցանկանում է աշխատել իր սեփական ձևանմուշով, ապա նա պետք է ընտրի «HTML Code Editor»:

  1. Mailerlite

Էլփոստի բաշխման կայք, որը շատ օգտատերեր անվանում են ամենապարզը: Կաղապարների հետ աշխատելու ֆունկցիոնալությունը բավականին սահմանափակ է, բայց հիմնական գործողությունները հնարավոր են: Նույնիսկ սկսնակը կարող է հասկանալ խմբագրին, քանի որ... այն պարզ է և պարզ: Ինչպես մյուս հարթակներում, դուք կարող եք վերբեռնել ձեր HTML ձևանմուշները էլփոստի տեղեկագրերի համար, խմբագրել և օգտագործել դրանք:

Ինչպե՞ս ընտրել համապատասխան HTML տառի ձևանմուշ:

Էլեկտրոնային փոստի տարածման համար ծառայության և ձևանմուշի ընտրությունը պատասխանատու խնդիր է, որին պետք է խելամտորեն մոտենալ, քանի որ... Առևտրային կազմակերպության կամ ձեռնարկատիրոջ հետագա հաջողությունը մասամբ կախված է դրանից: Ծառայություն ընտրելիս կարող եք ապավինել վերը նշված բնութագրերին, Ինտերնետում ընկերների կամ օգտատերերի ակնարկներին, կայքում աշխատանքի օրինակներին, ինչպես նաև որոշակի ծառայության հետ աշխատելու ձեր սեփական զգացմունքներին:

«Ինչպե՞ս գիտեք, թե որ ձևանմուշն ընտրել» հարցին լրացուցիչ պատասխան. Ամենատարածված ծառայությունների վերաբերյալ վիճակագրությունը կարող է ծառայել: Դա կարող էր, բայց եկեք ընդունենք, որ բացումների, անցումների, սեղմումների և բաժանորդագրությունների տոկոսը գործնականում կախված չէ ծառայությունից: Միակ բանը, որ մենք նկատեցինք, այն էր, որ, օրինակ, SandPulse-ում (շքեղ անվճար սահմանափակումներ) էլփոստի մի փոքր ավելի մեծ տոկոսը հայտնվում է «սպամ» թղթապանակում, այլ ոչ թե մուտքի արկղում: Եվ ոչ ոք չի կարող վերահսկել հենց ծառայությունների կողմից հրապարակված սխալների տոկոսը, բացառությամբ էմպիրիկ մեկուսացված դեպքերի։

Մենք մանրամասն գրել ենք փոստային ծառայությունների անվճար հնարավորությունների մասին։

Ինչպես պարզել, թե որն է էլփոստի ձևանմուշԱրդյո՞ք դա հարմար է յուրաքանչյուր կոնկրետ դեպքում: Դա կարելի է անել միայն տարբեր կաղապարների հետ աշխատելով, ընտրելով լավագույն դիզայնև բովանդակությունը։ Շատ ընկերություններ առաջին հերթին օգտագործում են պատրաստի կաղապարներ, փոփոխելով դրանք, այնուհետև ստեղծելով իրենցը: Սա լավ տարբերակեթե գրելու հմտություններ տառերի և էջերի htmlոչ, բայց տեղեկագիրը կարծես թե օգտակար գործիք է:

Ինտերնետ ծառայություններ բիզնեսի համար.
Նյութի հղումը պարտադիր է:


Բարև սիրելի ընթերցողներ - կայք:

Այսօր ես ձեզ ցույց կտամ, թե ինչպես կարելի է գեղեցիկ տարբերակ պատրաստել ձեր էլ. փոստի տեղեկագրի համար:

Ոչ ոքի համար վաղուց գաղտնիք չէ, որ ամբողջ ինտերնետային բիզնեսը կառուցված է էլեկտրոնային փոստի մարքեթինգի վրա:

Ամեն օր տեղեկագրերի օգնությամբ ինֆո-բիզնեսմեններն ու բլոգերները կապվում են իրենց բաժանորդների հետ՝ նրանց առաջարկելով տարբեր ապրանքներ և ծառայություններ։

Բայց որպեսզի նման առաջարկը նկատվի և անմիջապես չուղարկվի սպամի թղթապանակ, պետք է ուշադրություն հրավիրել դրա վրա։

Դա անելու համար տեղին կլինի ստեղծել գեղեցիկ ձևավորված HTML տառերի ձևանմուշ:

Հատկապես ձեզ համար ես ընտրել եմ թեստային կաղապար, որը տեսողական օգնություն կլինի։

Ի՞նչ և ինչպես ենք անելու։

Մենք կստեղծենք HTML էլփոստի ամենապարզ ձևանմուշը (), որը բաղկացած կլինի հիմնական երկխոսության տուփից և երկու երկրորդական սյունակից:

Լարային շրջանակի և կոնտեյների աղյուսակի ստեղծում

Նախ, մենք պետք է ստեղծենք HTML շրջանակ մեր նամակի համար: Այն այսպիսի տեսք կունենա.

HTML նամակի ձևանմուշ

HTML նամակի ձևանմուշ



Խնդրում ենք նկատի ունենալ, որ ես աղյուսակի լայնությունը սահմանել եմ 99%, թողնելով դրա շուրջ փոքր տարածություն: Սա իմ անձնական ցանկությունը չէ, այլ որոշ վեբ փոստի հաճախորդների պահանջը, ինչպիսիք են Gmail-ը և Yahoo-ն: Մեր էլփոստի մնացած մասը կլինի աղյուսակի այդ մեկ բջիջում, որը կենտրոնացած է:

Հաջորդ քայլը նամակի իրական բովանդակության սեղանի փաթաթան ստեղծելն է: Պահպանեք դիզայնի առավելագույն չափը 600 պիքսելից ոչ ավելի.

HTML նամակի ձևանմուշ



Սպիտակ ֆոնի վրա բաց ստվերի հետ մեկտեղ, մեր էլփոստի ձևանմուշը ձգվեց մինչև 640px, բայց դա աշխատանքային տարածքդեռ մնում է հավասար 600px-ի:

Վերնագրի ստեղծում

Այժմ, երբ հիմնական աղյուսակը ստեղծվել է, ժամանակն է սկսել այն լրացնել անհրաժեշտ բովանդակությամբ: Ես կսկսեմ նամակի ձևանմուշի հենց վերևից և կամաց-կամաց կանցնեմ ներքև:

Վերին գիծ

Այսուհետ կբացառեմ նախկինում գրված ծածկագիրը (աղյուսակի շրջանակները)։

Այսպիսով, աղյուսակի առաջին շարքը ունի կապույտ ֆոն՝ սպիտակ տառատեսակով և հղում դեպի էլփոստի վեբ տարբերակին: Շատ կարևոր է ձեր նամակը համալրել նման հղումով, քանի որ ոչ բոլոր էլփոստի հաճախորդներն են դրա բովանդակությունը հավասարապես ճիշտ ցուցադրում:

Իսկ CSS ոճը պատասխանատու է իր արտաքին տեսքի համար.

/* Տառատեսակներ և տպագրություն */ .footer ( տառատեսակ՝ Arial, Helvetica, sans-serif; տառաչափ՝ 11px; գույն՝ #fff; padding-right՝ 20px; )

Սոցիալական լրատվամիջոցների պատկերանշան և պատկերակներ

Իջնելով ցած՝ տեսնում ենք լոգոն և , որոնք գտնվում են նույն մակարդակի վրա։

Դրանց թողարկման համար պատասխանատու է հետևյալ կոդը.

Բացի այդ, HTML էլփոստի ձևանմուշում մեր բոլոր պատկերներին ավելացվում են հետևյալ ոճերը.

/* Հետին պլաններ */ .email_background ( լայնությունը՝ 640px; ֆոն՝ url("email_images/email_bg.jpg") կրկնում-y; ) /* Պատկերներ */ img (ցուցադրում՝ արգելափակում; եզրագիծ՝ ոչ մեկը; )

Այսպիսով, սոցիալական պատկերակները նստում են իրենց տեղում՝ իրենց իսկ աղյուսակի բջիջներում և կապ չունեն նամակի այլ հատվածների հետ: Սա թույլ է տալիս դրանք փոխել ըստ անհրաժեշտության:

Բովանդակության ավելացում

Սկզբում մենք կսկսենք ավելացնելով առաջին պատկերը, որն այս դիզայնում 560px է 210px: Դուք կարող եք նաև տեսնել գեղեցիկ դեֆորմացված ստվերը պատկերի տակ, որն արվել է առանձին, ինչը թույլ է տալիս արագ փոխել պատկերները՝ առանց ստվերը կորցնելու: Անցնենք ծածկագրին.

Այստեղ մենք ստեղծել ենք նոր տող՝ մեծ պատկերներ ցուցադրելու համար՝ սահմանելով լայնությունը 560px և ավելացնելով 20px լիցք երկու կողմից: Նույն գործողություններն արեցինք ստվերի հետ։

Վերնագրի և բովանդակության ավելացում

Ստորև շարժվելով՝ տեսնում ենք հիմնական նյութի վերնագիրը և բուն բովանդակությունը։ Այստեղ բովանդակությունը ցուցադրելու համար պատասխանատու է հետևյալ կոդը.

Սա ձեր ցուցադրած պատմությունն է

Կարծիք կա, որ Պատտայան դարձել է հայտնի հանգստավայր այն պատճառով, որ ամերիկացի նավաստիները հաճախ են հանգստանում այստեղ, սակայն նրանց թիվը դեռ շատ է, և նրանք միշտ շրջապատված են մի քանի թայլանդցիներով. Բնականաբար, այն ավելի քիչ տարածված է մեր հայրենակիցների շրջանում, քան Եգիպտոսն ու Թուրքիան։ Բայց մայրենի խոսքն այստեղ ամենուր կարելի է լսել)) ինչպես առևտրի կենտրոններում գնումներ կատարելիս, այնպես էլ շատ տեղական բարերում)): Պատտայան հիմնականում հայտնի է իր գիշերային կյանքով, ծովով և տեքստիլով: Իհարկե, ի թիվս այլ բաների, այստեղ դուք կարող եք գտնել շատ այլ հետաքրքիր բաներ: Այստեղ դուք կարող եք վարձակալել ցանկացած մեքենա, այդ թվում՝ ջիպեր և սկուտերներ։ Մոտոցիկլետների սիրահարների համար սա դրախտ է։ Մոտոցիկլետ վարձելու համար ձեզ կարող է նույնիսկ լիցենզիա չպահանջել ընդամենը 100-500 բաթով (գումարած 2000 բաթի չափով), դուք կարող եք վարձել պատշաճ սկուտեր և վարել ձեր հաճույքի համար:

Նամակի ձևանմուշի վերնագրի և տեքստի տեսքը փոխելու համար պարզապես օգտագործեք հետևյալ ոճերը.

H1 (գույնը՝ #e95f03; տառատեսակի ընտանիք՝ Futura, Verdana, Sans-Serif; լիցք՝ 0; լուսանցք՝ 0; տառաչափ՝ 24px; տառատեսակի քաշը՝ նորմալ; ) .բովանդակություն ( լիցք՝ 0; լուսանցք՝ 0 ) p (տառատեսակ՝ Arial, Helvetica, sans-serif; տառաչափ՝ 13px; տողերի բարձրություն՝ 20px;)

Լրացուցիչ բովանդակություն

Այժմ մենք անցնում ենք մեր կաղապարի լրացուցիչ բովանդակությանը: Ինչպես արդեն նկատել եք, այն բաժանված է երկու սյունակի։ Յուրաքանչյուր սյունակ պարունակում է լուսանկար, վերնագիր և փոքրիկ նախադիտում: Այս ամենը ստեղծվում է հետևյալ ծածկագրի միջոցով.

Սա երկրորդական վերնագիր է

Սա երկրորդական վերնագիր է

Չնայած Պատտայայի ավերված համբավին, այստեղ կարող եք պարզել, որ տխրահռչակ թայերեն մերսումը պարզապես հասարակաց տների ծածկույթ չէ: Թաիլանդում իսկապես լավ մերսումներ են անում, և լավագույն մասնագետներըԱյս արվեստում համարվում են կույր վարպետներ։ Նրանց գաղտնիքը մատների զգայունության բարձրացման մեջ է։

Պատտայայի գլխավոր փողոցն ու սիրտը, որն անտարբեր չի թողնում ոչ ոքի։ Տեղական Արբաթը, Թայմս Սքվերը և Սոդոմն ու Գոմորը մեկ բաժակով Walking Street-ը սիրո և ատելության իրական աղբյուր է ինչպես տեղացիների, այնպես էլ այցելուների համար: Երբ ասում ենք Pattaya, մենք հասկանում ենք Walking Street:

Այստեղ մենք դեռ պետք է ավելացնենք լրացուցիչ ոճ: Ահա այն.

H2 (գույնը՝ #e95f03; տառատեսակի ընտանիք՝ Futura, Verdana, Sans-Serif; լիցք՝ 0; լուսանցք՝ 0; տառաչափ՝ 18px; տառատեսակի քաշը՝ նորմալ; )

HTML էլփոստի կաղապարի փակում

Այսպիսով, մենք մոտենում ենք մեր օրինաչափության ավարտին: Այստեղ մենք պետք է փակենք հիմնական պատուհանը՝ օգտագործելով պատկերը և հետևյալ կոդը.

Առավելագույններից մեկը կարևոր ասպեկտներ, նամակի ձևանմուշի վերջում նման նամակներ ստանալուց բաժանորդագրությունից հրաժարվելու հղման ավելացումն է (): Այո, այո, ես գիտեմ, դուք չեք ցանկանում կորցնել բաժանորդներ: Բայց դուք նույնպես չեք կարող նյարդայնացնել նրանց: Դուք պետք է հաճախորդներին հնարավորություն ընձեռեք հրաժարվել նամակագրություններ ստանալուց, որոնք կարող էին երկար ժամանակ ձանձրալի լինել նրանց համար: Դե, միևնույն ժամանակ հիշեցրեք, թե ով է հեղինակը։

Այստեղ ձեզ անհրաժեշտ է հետևյալ կոդը.

Տեղեկագիր Իվանով Իվանից
Բլոգի հեղինակ՝ Ivan.ru

Ցանկանու՞մ եք չեղարկել բաժանորդագրությունը: Սեղմեք այստեղ

Եզրակացություն

Հարգելի ընկերներ, բոլորին ցուցադրելու համար գրաֆիկական տարրերնամակի ձևանմուշում դրանք պետք է վերբեռնվեն ցանկացած առցանց սերվերի վրա, իսկ կոդի համապատասխան տողերում դուք պետք է գրեք եզակի ճանապարհ դեպի այս պատկերները։

Փորձնական HTML նամակի ձևանմուշը տրվել է որպես ուղեցույց, որը կարող եք ցանկացած պահի փոխել ձեր ճաշակի և գույնի համաձայն:

Այսօրվա համար այսքանը: Հուսով եմ ձեզ դուր եկավ:

Մինչև նոր հոդվածներ...

Հարգանքներով՝ Դենիս Չեռնիկով:



 


Կարդացեք.


Նոր

Ինչպես վերականգնել դաշտանային ցիկլը ծննդաբերությունից հետո.

բյուջեով հաշվարկների հաշվառում

բյուջեով հաշվարկների հաշվառում

Հաշվապահական հաշվառման 68 հաշիվը ծառայում է բյուջե պարտադիր վճարումների մասին տեղեկատվության հավաքագրմանը՝ հանված ինչպես ձեռնարկության, այնպես էլ...

Շոռակարկանդակներ կաթնաշոռից տապակի մեջ - դասական բաղադրատոմսեր փափկամազ շոռակարկանդակների համար Շոռակարկանդակներ 500 գ կաթնաշոռից

Շոռակարկանդակներ կաթնաշոռից տապակի մեջ - դասական բաղադրատոմսեր փափկամազ շոռակարկանդակների համար Շոռակարկանդակներ 500 գ կաթնաշոռից

Բաղադրությունը՝ (4 չափաբաժին) 500 գր. կաթնաշոռ 1/2 բաժակ ալյուր 1 ձու 3 ճ.գ. լ. շաքարավազ 50 գր. չամիչ (ըստ ցանկության) պտղունց աղ խմորի սոդա...

Սև մարգարիտ սալորաչիրով աղցան Սև մարգարիտ սալորաչիրով

Աղցան

Բարի օր բոլոր նրանց, ովքեր ձգտում են իրենց ամենօրյա սննդակարգում բազմազանության: Եթե ​​հոգնել եք միապաղաղ ուտեստներից և ցանկանում եք հաճեցնել...

Լեխո տոմատի մածուկով բաղադրատոմսեր

Լեխո տոմատի մածուկով բաղադրատոմսեր

Շատ համեղ լեչո տոմատի մածուկով, ինչպես բուլղարական լեչոն, պատրաստված ձմռանը։ Այսպես ենք մշակում (և ուտում) 1 պարկ պղպեղ մեր ընտանիքում։ Իսկ ես ո՞վ…

feed-պատկեր RSS