գույն:#234322; - գույնի կարգավորումների հրամանը չի համապատասխանում նկարին:

սահման = "0" - նկարների շրջանակի հրաման: 0-ի արժեքը հեռացնում է պատկերի շուրջ սպիտակ եզրագիծը, ավելի մեծ արժեքները կփչեն դրա համապատասխան պիքսել լայնությունը:

Համոզվեք, որ մուտքագրեք այս հրամանը: Օրինակ, Outlook-ը ավտոմատ կերպով շրջանակ է հատկացնում նկարին, եթե դուք չեք գրանցում այս հրամանը:

Բրաուզերում ավելի հեշտ կլինի նկարով կոդի կտոր գտնելը: Դա անելու համար աջ սեղմեք պահանջվող պատկերի վրա և ընտրեք «Դիտել կոդը» (այս տարբերակի անվանումներն են. Google Chrome, անունը և դրա ուղին կարող են տարբեր լինել այլ բրաուզերներում): Զննարկիչը ավտոմատ կերպով կնշի ձեզ համար ճիշտ հատվածը, պատճենեք կոդը և կպցրեք այն Sublime որոնման մեջ:

Նկարը փոխարինելիս զգույշ եղեք. եթե նոր նկարի չափը տարբերվում է նախորդի չափից, ապա պետք է փոխել բոլոր պարամետրերը։ լայնությունըև բարձրությունըներկայիսներին։

Հետբառ

Մենք ձեզ պատմել ենք էլ.փոստի կոդը խմբագրելու առավել «անցավ» տարբերակների մասին: Եթե ​​Ձեզ անհրաժեշտ է ավելի էական փոփոխություններ կատարել, ապա մենք խստորեն խորհուրդ ենք տալիս նման առաջադրանքը վստահել դասավորության մասնագետին, կամ գոնե ստեղծել կոդի պատճենը խմբագրելուց առաջ:

Կարդացեք նախորդ երկու մասերը, տիրապետեք երրորդին, և դուք կզինվեք բոլոր տեխնիկական գիտելիքներով՝ նոր խմբագրում ամբողջությամբ աշխատելու համար:

Ինչպե՞ս հանել էլփոստի կոդը նոր խմբագրից:

Այսպիսով, ես աշխատել եմ կոնստրուկտորի նոր տարբերակում։ Ընդհանրապես, նա ինձ դուր եկավ։ Սակայն բացասական կողմն այն է, որ թույլ չի տալիս ստեղծված տառը տեքստի և նկարների հետ միասին վերածել HTML կոդի։ Տխուր է. Բայց ելք կա. Դուք պետք է ինքներդ դուրս հանեք կոդը: Ինչպե՞ս դա անել:

Հիմա ես ձեզ կասեմ. Ընդհանրապես, դուք նամակ ունեք. Կամ նամակի ձևանմուշ: Եթե ​​ոչ, ապա կաղապար (կամ դրա հիման վրա պատրաստի նամակ) ստեղծելուց հետո վերադառնաք այս հատվածի ընթերցմանը:

Հենց սկզբից

Այսպիսով, եկեք ամբողջությամբ անցնենք ամբողջ ընթացակարգը: Հենց սկզբից։ Մենք ամեն ինչ անում ենք չորս քայլով.

Քայլ երկու.Ընտրեք պահպանված ձևանմուշ:

Քայլ երրորդ.Սեղմեք «Նախադիտում» կոճակը: Հաջորդը, ես նկարագրելու եմ ընթացակարգը բրաուզերում Google Chrome. Սեղմելով «Նախադիտում» կոճակը՝ նամակը բացվում է այն տեսքով, որով այն կտեսնի բաժանորդը։

Քայլ չորրորդ.Աջ սեղմեք՝ ցանկը բացելու համար, որտեղ ընտրում ենք «Դիտել կոդը» տարբերակը։ Chrome բրաուզերում դրանից հետո ներքևից բացվում է լրացուցիչ պատուհան («պատուհան պատուհանում»՝ տառի HTML կոդով։

Ավելի պարզ դարձնելու համար ստորև ներկայացված են բոլոր քայլերի սքրինշոթները:

Ինչպես ստանալ էլփոստի HTML կոդը

Եթե ​​մկնիկի կուրսորը տեղափոխեք կոդի ցանկացած տողի վրա, ապա հաղորդագրության նախադիտման պատուհանում (մենք այն բաց է, այն ոչ մի տեղ չի գնացել) կնշվի այս տողի նկարագրած դաշտը:

Շարժվելով դեպի վեր՝ հասնում ենք մեր նամակի հենց սկզբին։ Սա կարող է լինել հենց առաջին տեքստը, օրինակ՝ «Բարև, հարգելի բաժանորդ», կամ նկար՝ ձեր կայքի տարբերանշանը։

Իմ նամակը սկսվում է տարբերանշանով։ Այսպիսով, մենք կփնտրենք կոդը, որից սկսվում է նամակի բոլոր տարրերի նկարագրությունը՝ տեքստ և նկարներ:

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

Ինչպես ստեղծել լրացուցիչ պատուհան

Լրացուցիչ պատուհանի գտնվելու վայրը ընտրելը պարզ է.

1. Լրացուցիչ պատուհանի վերին մենյուում՝ աջ մասում, խաչի կողքին կա երեք ուղղահայաց կետերով նշված տարր։ Այն կոչվում է Customize and control DevTools (անունը ցուցադրվում է, երբ սավառնում եք մկնիկի վրա): Մենք բացում ենք այն։
2. Ընտրեք Dock to bottom ռեժիմը:

Ամեն ինչ. Այժմ մեր լրացուցիչ պատուհանը գտնվում է ներքևում: Այս դեպքում վերևի ընտրացանկի ձախ մասում պետք է ընտրվի Elements ռեժիմը:

Բրաուզերից էլփոստի կոդը պատճենելը

Այժմ եկեք շարժվենք ծածկագրի միջով վերևից ներքև: Երբ մենք գտնում ենք կոդը, որը միաժամանակ ծածկում է մեր նամակի էջի բոլոր տարրերը, մկնիկի աջ կոճակով կանչում ենք մենյու և ընտրում «Խմբագրել որպես HTML»:

Բացվում է բլոկ՝ ուղղանկյուն, որի ներսում շատ կոդ կա։ Պատճենեք ամբողջ կոդը այս ուղղանկյունի ներսում (նախ սեղմեք Ctrl + A ստեղնաշարի համադրությունը, ապա Ctrl + C):

Վերջ, մենք պատճենեցինք HTML կոդը clipboard-ում, այսինքն՝ մեր համակարգչի ժամանակավոր հիշողության մեջ: Այժմ դուք կարող եք պահպանել այս կոդը որպես ձևանմուշ SmartResponder-ում:

Բացվում է նոր կաղապարի դատարկ դաշտ, որի մենյուում պետք է անպայման սեղմել «Աղբյուր» կոճակը (հենց այսօր տեսա, որ այժմ այս կոճակը վերանվանվել է «HTML կոդ»)։

Այնուհետև մենք տեղադրում ենք մեր HTML կոդը Ctrl + V ստեղնաշարի դյուրանցմամբ: Այնուհետև նշեք նամակի թեման (սա պարտադիր դաշտ է) և սեղմեք «Պահպանել» կոճակը: Պատրաստ.

Էլփոստի կոդը ճիշտ է պահվում

Այո, դա կարգավորված է: Այժմ դուք կարող եք լրացուցիչ պահել կոդը որպես HTML ֆայլ ձեր համակարգչում: Դա անելու համար պարզապես բացեք Notepad-ը և պահպանեք կոդը դրա մեջ: Այնուհետև փոխեք *.txt ընդլայնումը *.html և բացեք ֆայլը: Բրաուզերի պատուհանում կտեսնեք ձեր նամակի պատճենը:

Խստորեն ասած, ծրագրի կոդերը պահպանելու համար ավելի լավ է ներբեռնեք NotePad++ խմբագրիչը. Ես միշտ օգտագործում եմ այն, քանի որ Notepad-ը հետևյալն է.

ա) կոդի կառուցվածքի տեսողական ցուցադրում.
բ) շարահյուսության ընդգծում (այսինքն՝ կապեր կոդի տարրերի միջև. որտեղ ինչ է բացվում և փակվում, և ինչ է գրված այս «որտեղ ինչ» է գրված):

Ճիշտ է, մեջ Իմանալով, թե ինչպես մշակել նամակի կոդը, որը ստեղծվել է հատուկ SmartResponder փոստային ծառայության մեջ, նույնիսկ NotePad ++-ը ինձ չօգնեց ստանալ գեղեցիկ ծածկագրի նշում: Օգնեց այստեղ Adobe Dreamweaver CC.

Միայն նրա շնորհիվ հնարավոր եղավ կառուցապատել կոդը՝ օգտագործելով «Format source code» հրամանը։

Այժմ կարող եք կոդը փոխանցել NotePad++-ին և պահպանել այն։ Չնայած՝ ոչ։ Պահելուց առաջ պետք է սեղմել «Convert to ANSI», որպեսզի դիտելիս տեքստի փոխարեն քերծվածք չլինի։

Կարող եք նաև ընտրել «Դիտել» - «Փաթաթել տողերը»: Այնուհետև ամբողջ ծածկագիրը կտեղակայվի էջի լայնության վրա, և ոչ թե տողում:

Դրանից հետո ամեն ինչ պետք է բացվի և ցուցադրվի ինչպես SmartResponder ծառայության նամակի ձևանմուշում:

Անվտանգության ցանց. պահպանել կոդը SmartResponder-ում

Քանի որ մենք «որսեցինք» կոդը նոր խմբագրում ստեղծված մեր նամակից, քանի որ մենք արդեն ունենք այն, մենք կարող ենք այն պահպանել SmartResponder ծառայությունում՝ անվտանգության համար: Ինչի համար? Դրա հիման վրա նոր տառեր ստեղծելու համար փոխեք դրանք և, որ ամենակարևորը, օգտագործեք այլ ռեսուրսների վրա (հիշեցնում եմ, որ նոր խմբագրում նման հնարավորություններ պարզապես չկան):

Դա անելու համար Google Chrome դիտարկիչից պատճենված կոդը պետք է տեղադրվի հին SmartResponder կոնստրուկտորում։

Դա արվում է հեշտությամբ:

1. «Mailouts» ներդիրում ընտրեք «Տառերի կաղապարների ցանկ» բաժինը:
2. Կտտացրեք «Ստեղծել ձևանմուշ» կոճակը:
3. Ընտրեք «Գունավոր HTML էլ.փոստ (հին խմբագիր)» տեսակը և սեղմեք «Հաջորդ»:
4. Բացվող խմբագրում տառ ստեղծելու գործիքների ցանկում սեղմեք «HTML կոդը» կոճակը։
5. Տեղադրեք մեր կոդը (սեղմեք Ctrl + V): Կարող ենք կրկին սեղմել «HTML կոդը» կոճակը, այսինքն՝ անջատել կոդի ցուցադրման ռեժիմը և միացնել դիտման ռեժիմը տեսքընամակներ.
6. Համոզվեք, որ լրացրեք «Նամակի թեմա» դաշտը (ռուսերեն. անունը տալիս ենք մեր ձևանմուշին):
7. Սեղմում եմ «Պահպանել» կոճակը։

Սա, փաստորեն, այն ամենն է, ինչ ես ուզում էի պատմել ձեզ նոր SmartResponder խմբագրի մասին այն բանից հետո, երբ ես ստեղծեցի իմ առաջին նամակը դրանում:

Ուզում եմ ասել, որ նախկինում ընդհանրապես ծանոթ չէի SmartResponder ծառայությանը։ Այսինքն՝ ես հմտություն չունեի աշխատելու ո՛չ հին, ո՛չ էլ նոր խմբագրության մեջ։ Բայց ես գրանցվեցի և հասկացա: Դե, հիմա դուք գիտեք, թե ինչպես աշխատել նոր SmartResponder կոնստրուկտորում:

Իսկ նամակներ ստեղծելու և ուղարկելու ի՞նչ ծառայություններ եք օգտագործում Ձեր աշխատանքում։

Բարեւ բոլորին!

Ռուստեմը մեզանից մեկնեց Սոչի՝ վայելելու ծովային տաք կլիման։ Ինձ և Ալինային հանձնարարվել է շարունակել Էլփոստի մարքեթինգի մասին պատմությունը: Դե, այս շաբաթ իմ գրառումն է: Ես ձեզ կասեմ OpenRate-ի մասին:

Նամակների բաց դրույքաչափը (անգլերեն Open Rate) ամենակարևորներից է։ Դուք 10000 նամակ եք ուղարկել և ընդամենը 10 հոգի է կարդացել: OpenRate-ը կազմել է 0,1%: Տխրություն։ Բայց եթե կա 2000 մարդ, ապա դա վատ չէ՝ 20%: Բայց հարց է առաջանում՝ ինչպե՞ս պարզել, թե քանի հոգի է կարդացել նամակը։ Ծառայությունները, ինչպիսիք են Unisender, Mailchimp և այլն, տրամադրում են այս տեղեկատվությունը միջերեսում: Փորձենք պարզել, թե ինչպես են նրանք ստանում այս տվյալները: Բարեբախտաբար, ճանապարհները քիչ են՝ ընդամենը երկու:

Տարբերակ 1. Մեկ պիքսելային պատկեր:

Մեթոդը չափազանց պարզ է! Ծառայությունը էլփոստի մեջ տեղադրում է թափանցիկ 1×1 պիքսել պատկեր: Երբ օգտվողը բացում է նամակը, պատկերը բեռնվում է բրաուզերում: Միևնույն ժամանակ, նկարը, կարծես, գտնվում է «mailer»-ի սերվերներում։ Երբ պատկերի հարցում է հայտնվում (խնդրանք սերվերին), ծառայությունը կարող է հետևել, թե որ պատկերն է պահանջվել: Եվ եզրակացություն անել՝ ո՞ր նամակը, որ հասցեից է բացվել։

Ի դեպ, դուք կարող եք հետևել միայնակ տառերի բացմանը այս կերպ՝ պատկերի հասցեի փոխարեն կոդի մեջ տեղադրելով GoogleAnalytics կոդը։ Իսկ հետո բացումների թիվը կցուցադրվի նրա վիճակագրության մեջ։

Նման հետևելու թերությունները. այն չի աշխատում փոստերի բոլոր ինտերֆեյսներում (և փոստի ծրագրերում), և մեթոդը նույնպես կիրառելի է միայն այն դեպքում, եթե ձեր նամակը նշված է. HTML ձևաչափ. Ի վերջո, սա որոշակի html-կոդ է: Սովորական տեքստային հաղորդագրության մեջ մեթոդը չի աշխատի:

Տարբերակ 2. Հետևեք հղումներին:

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

Ի դեպ, ժամանակին միտք կար հետևել նամակների բաց դրույքաչափին ոչ թե փոստով, այլ վաճառողների կողմից ուղարկված նամակների համար. կոմերցիոն առաջարկներ. Հայտնաբերվել են մի շարք արտասահմանյան ծառայություններ, որոնք ի վերջո աշխատում են մոտավորապես նույն սկզբունքներով։

Դա հիմնականում այն ​​է: Բեղմնավոր աշխատանքային շաբաթ: