Mailchimp -ի Email Builder-ը ունի 3 հիմնական կարգավորման գործիք.

Առաջինը Add գործիքն է որի միջոցով ավելացնում ենք մեր քոնթենթը

Հաջորդը Style-ն է, այն օգնում է որոշել ինչ ընդհանուր տեսք պետք է ունենա Email-ը

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

Content բաժնի առաջին գործիքը որը կուսումնասիրենք Headline-ն։ Headline-ի շնորհիվ մենք կարող ենք կառուցել Email-ում գտնվող բոլոր վերնագրերը, սեղմում ենք headline-ին տեղափոխում Email-ի կառուցման դաշտ և բաց թողնում, այսինքն Drag and Drop: Պատկերացնենք ուղարկում ենք Promotional Email, որտեղ տեղեկացնում ենք մեր հետևորդներին նոր դասընթացների թարմացման մասին։ Օրինակ վերնագրում ենք այն ՆՈՐ դասընթացներ PBA-ում։Վերնագրից հետո կարող եք աշխատել տեքստի վրա ընտրելով ցանկալի ֆոնտը, տառաչափը, գույնը և մյուս բոլոր գործիքները, որոնք առկա ենք կարգավորման բաժնում։ Ես կընտրեմ Arial ֆոնտը, իսկ վերնագրի տառաչափը կնտրեմ 28px և այն կբերեմ կենտրոն։

Հաջորդ գործիքը Paragraph-ն է, որը նույն կերպ տեղադրում ենք Email-ի կառուցման դաշտում։ Պարագրաֆի մեջ կառուցվում է Email-ի հիմնական տեքստը, որը կարող է լինել հիմնական վերնագրին կից, կամ օրինակ եթե ուզում ենք այն լինի նկարի ներքևում հատվածում կարող ենք տեղափոխել այն ներքև։

Այս օրինակում ես կկառուցեմ մի տեքստ, որն արդեն պատրաստ և մնում է միայն այն տեղադրելը:

Հաջորդ գործիքը մեզ մոտ Button-ն է, այն նախատեսված է Email-ում կարևոր գործողությունը շեշտադրել համար, որը համարվում է հիմնական CTA "Call to action կոճակ" յուրաքանչյուր Subscriber-ի համար։Button գործիքի հիմնական CTA-ներն են։

1 – Sign Up

2 – Purchase

3 – Join Now

4 – Subscribe

5 – Watch Now և այն

Button-ի կարևոր գործառույթն է՝ գործողության մղել օգտատերին և ստեղծել բարձր Conversion Rate։ Այս նամակում մենք Button-ը կտեղադրենք նկարի ներքևում, կգրենք Call to action անունը, օրինակ Watch More և կտեղադրենք այն հղումը, որտեղ ուզում ենք ուղարկել մեր բաժանորդներին։

Ուշադիր լինենք, որ այստեղ մենք ունենք Button-ի ավելի մանրակրկիտ կարգավորումներ Alignment, Shape, Size Border, Colors և Padding:

Alignment – ի շնորհիվ մենք կարողանում ենք տեղափոխել մեր կոճակը աջ, ձախ և կետրոն։ Նշեմ, որ հիմնականում կոճակը ավելի էֆեկտիվ է աշխատում, երբ այն կենտրոնում է։

Shape - Մյուս գործիքը Shape-ն է: Shape-ը ունի 4 կարգավորում- Square, որտեղ մեր կոճակը ամբողջովին քառակուսի է, Round, երբ տեսնում ենք ինչպես է կոճակի եզրերը կլորանում, Pill, որի ժամանակ ունենում ենք ամբողջովին կլորավուն կոճակ և ձեռքով կարգավորելու տարբերակ, որտեղ կարող ենք ինքներս որոշել կոճակի եզրերի կլորությունը։ Կոճակի արտաքին տեսքին նայելիս կարող ենք ֆիքսել, որ եթե ցանկանում ենք այն լինի կլոր կամ կլորավուն, ապա ամենահարմար տարբերակը Pill-ն է կամ 5px ձեռքով տեղադրելու տարբերակը։

Size – Հաջորդը կոճակի չափսն է, որտեղ ունենք նույնպես 4 ընտրություն. small, medium, large և վերջին տարբերակը կարող ենք ընտրել ձեռքով: Օրինակ. եթե ուզում ենք ստանալ երկար կոճակ, կարող ենք ընտրել Large տարբերակը, իսկ Shape-ը դնենք Round, կամ գնանք և ձեռքով որոշենք կոճակի երկարությունն ու հաստությունը:

Հաջորդը հարկավոր է կագավորել Border-ը Colors-ը և Padding-ը: Border -ը դա մեր կոճակի եզրի գույնն է, որը օրինակ կարող ենք տեղադրել բաց կապույտ, որպեսզի տեսնենք տարբերությունը, եթե ուշադիր նայենք, գույնը տեղադրելուց հետո մեր կոճակի եզրերը արդեն կապույտ են, դուք կարող եք որոշել նաև եզրերի հաստությունը օրինակ 1-ից սարքելով 3:

Colors -ը դա արդեն մեր կոճակի գույնն է, կոճակի տեսքի գույնն է և կոճակի-ի Background-ի գույնը։ Օրինակ կարող ենք կոճակի գույնը փոխել կապույտ, տեքստի գունը սպիտակ, իսկ Background-ը բաց մոխրագույն:

Padding - և վերջում, եթե հարկավոր է Padding-ի շնորհիվ կոճակը տեղափոխենք մի փոքր աջ կամ ձախ, ինչպես նաև վերև և ներքև:

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

Քոնթենթի հատվածում հաջորդ կարևոր գործիքն է Divider-ը. Դիվայդերը իրենից ներկայացնում է երկար և բարակ գիծ, որի շնորհիվ մենք կարող ենք անջատել մեր Imail-ի մեջ գտնվող մեկ քոնթենթը մյուսից։ Այն ունի 2 հիմնական կարգավորում Thickness, Style և Colors:

Thickness -ի շնորիվ մենք կարող եք հաստացնել կամ բարակեցնել մեր գիծը, հիմնականում բարակ գիծը ավելի հաճելի է դիտվում, երբ մենք ցանկանում ենք առանձնացնել մեկ քոնթենթը մյուսից: Իհարկե մենք կարող ենք նաև իջնել մի փոքր ներքև և փոխել մեր բարակ գծի գույնը. օրինակ տեղադրելով ավելի բաց մոխրագույն։ Մյուս կարևոր գործիքը այս հատվածում մեր գծի Style-ն է, որը լինում է 3 տեսակի. Solid, որն այս պահին տեղադրված է, Dashed, որը կտրտում է մեր գիծը մանր մասերի և Dotted, որը նույնպես կտրտում է մեր գիծը ուղղակի արդեն կլորավուն տեսքով։ Իրականում այս երեք տարբերակից հիմնական օգտագործվողը դա Solid տարբերակն է, որն էլ մենք կթողենք այստեղ ,որպես հիմնական տեսակ։

Վերադառնանք Քոնթենթ և անցնեք հաջորդ գործիքին։

Spacer – ինչպես միշտ վերցնում և տեղադրում ենք մեր նամակի որևէ հատվածում։ Spacer-Ի շնորհիվ մենք կարողանում ենք ստեծել ազատ տարածություն մեր Email-երի, նկարների, կոճակների և այլ կոնտենտների միջև։ Այն աշխատում է շատ պարզ, սեղմում ենք մեր Spacer-ի վրա և Height-ի շնորհիվ ըստ Pixel ների մեծացնում և փոքրացնում տարածությունը։ Այստեղ ունենք նաև Background-ի ընտրության հնարավորություն, որով կարող ենք մեր Space-ին տալ ինչ որ գույն։

Մյուս կարևոր գործիքը Image-ն է։

Մենք կարող ենք սեղմելով Add կոճակին Upload անել համակարգչից յուրաքանչյուր նկար, որը ուզում ենք տեղադրել մեր նամակի մեջ, կամ սեղմել browse կոճակին, որից հետո կտեղափոխվենք Mailchimp-ի Content Studio. Ինչպես տեսնում եք այստեղ մենք ունենք 5 հիմնական TAB, որոնց մեջ մենք հավաքում ենք մեր նկարները վիդեոները պրոդուկները և այլն․ My Files-ում երևում են այն նկարները որոնք մենք upload ենք արել համակարգչից։ Products բաժնում երևում են այն կայքի պրոդուկտների նկարները, որը կցված են Mailchimp-ին որպես E-Commerce Պլատֆորմ։

Gipհy-ի հատվածում տեսնում ենք գիֆեր, որոնք առաջարկում է հենց Mailchimp-ը կամ, եթե դուք համակարգչից ներբեռնել եք ինչ-որ ԳԻՖ:

Instagram հատվածում, եթե սինխրոնիզացված լինի ձեր ինստագրամի հաշիվը Mailchimp-ի հետ, ապա կտեսնեն այն բոլոր նկարները և վիդեոները որոնք դուք ունեք IG-ում։

Եվ վերջին Logo բաժնում կարող ենք տեսնել այն բոլոր լոգոները, որոնք մենք Upload ենք արել համակարգչից Mailchimp: Նշեմ, որ Mailchimp-ը ավտոմատ կերպով հասկանում է, որ ներբեռնված ֆայլը հենց ԼՈԳՈ է և տեղադրում է այս բաժնում։

Content Studio- ի թաբերին ծանոթանալուց հետո կարող ենք տեսնել, թե ինչ upload տեսակներ ունենք։ Առաջինը հենց Upload կոճակն է, որով կարող եք ներբեռնել թե նկար, թե տեսանյութ և թե ԳԻՖ, իսկ Drop Down կոճակի շնորհիվ կարող եք յուրաքանչյուր նյութ տեղադրել URL- ի միջոցով սեղմելով Import URL կոճակին։

Իսկ հիմա եկեք պատկերացնենք, որ ընտրում ենք նկարը և սեղմում Insert, այն միանագամից հայտնվում է մեր դիզայնի մեջ։ Մենք կարող ենք սեղմել Edit Image կոճակին և կատարել նկարի փոփոխություններ, կտրելով այն, տեղադրելով ինչ-որ ֆիլտր, ձեռքով փոխել գույնի կորեկցիան, փոխել ֆոկուսը, տեղադրել ինչ որ տեքստ, կամ օգտվել պատրաստի տեքստ դիզայններից։

Վերադառնալով մեր Template ձախ հատվածում մենք կարող ենք կատարել մի շարք կարգավորումներ։ Alignment-ի շնորհիվ մենք կարող են նկարը տեղափոխել աջ, ձախ, կենտրոն կամ ցույց տանք այն ամբողջ տարածքով։ Մի փոքր ներքև Link to հատվածում կարող ենք ընտրել նկարի CTA-ը , Օրինակ նկարին սեղմելիս տեղափոխվենք Web, գրենք նամակ նշված Email հասցեին, զանգահարենք , ներբեռնենք ինչ-որ ֆայլ կամ տեղափոխվենք հենց Mailchimp-ում ստեղծած ձեր Landing Page էջ։ Յուրաքանչյուր Email-ի դեպքում դուք կարող եք օգտագործել այս բոլոր CTA-ները, ավելացնեմ, որ ամենաշատ կիրառվողը և էֆեկտիվը, ուղարկել օգտատերին ինչ-որ կայք, որտեղ էլ կկատարվի հիմնական գործողությունը։

Մյուս գործիքը նկարի Alt text-Ն է, որը նախատեսված է որոնողական համակարգերում ձեր նկարի ավելի թափանցիկ հասանելիության համար: Այդ պատճառով այս հատվածում կարող եք գրել, թե ով է նկարում, կամ ինչ է բնութագրում նկարը, կամ ինչ որ բառ, որը կառնչվի այս նկարի հետ։ Վերջին 2 բաժինը դա մեր նկարի հետին ֆոնային գույնն է, ինչպես մյուս գործիքների դեպքում և Padding-ը, որը նույնպես առկա էր մյուս գործիքների մեջ։

Ավելացնեմ, որ երբ սեղմում ենք նկարին աջ հատվածում կտեսնենք կլոր նշան, որը շատ կարևոր գործիք է նկարի տեսքը փոխելու համար։ Մենք կարող ենք նկարի եզրերը փոքր կլորացնել, մի փոքր ավելի մեծ կլորացնել և ավելի լայն կլորացնել։ Եթե մեզ բավարար չէ այս չափ կլորությունը, կարող ենք սեղմել երեք կետին և մեր ուզած չափով կլորացնել նկարը։

Logo

Յուրաքանչյուր Email, որ մենք ուղարկում ենք մեր հետևորդներին պետք է ունենա բրենդավորված Էլեմենտներ, որոնցից ամենակարևորը ընկերության տարբերանշանն է՝ « լոգոն»:

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

Լոգոյի կարգավորման համար մենք ունենք համարյա նույն գործիքները ինչ նկարի տարբերակում էր։

Նախ առաջինը մենք կարող ենք մեծացնել կամ փոքրացնել մեր Լոգոն։ Այս հատվածում խորհուրդ կտամ ընտրել միջին չափս, որը ավելի հաճելի է դիտվում յուրաքանչյուր նամակ մեջ։ Մենք կարող ենք այն տեղափոխել աջ, ձախ, կամ թողնել կենտրոնում։

Մյուս կարգավորումները շատ նման են նկարի կարգավորումներին, օրինակ կարող ենք լոգոյի վրա քլիքով ուղարկել կայք, նամակ գրել, զանգահարել և այլն։

Հաջորդը ուսումնասիրելու ենք մի շատ հետաքրքիր գործիք, որի շնորհիվ հենց Mailchimp-ում կկարողանաք ստեղծել կրեատիվ նկարներ ձեր Imail Template-ի համար։ Վերցնում ենք Creative Assistant գործիքը տեղադրում ենք այն մեր Template-ի յուրաքանչյուր հատվածում։

Կարգավորուների մեջ մենք ունենք 3 հիմնական մաս, Image, Heading, Subheading:

Սկսենք նկարից – Upload ենք անում նկարը, որից հետո ներքևի հատվածում գրառում ենք մեր նկարին կից բնութագիրը, կամ առաջարկը և սեղմում Generate Design կոճակին։ Mailchimp-ը մեզ առաջակում է մեր տված նկարի և բնութագրի հիման վրա դիզայնի լայն տարբերակներ, որտեղից մենք կարող ենք ընտրել մեզ ամենահարմար տարբերակը։ Size հատվածում կարող ենք նաև ընտրել թե ինչ ֆորմատի դիզայն ենք ցանկանում ստանալ մեր նկարից և տեքստից, Օրինակ՝ Landscape 4:1, Landscape 2:1, Square 1:1, Portrait և այլն:Եկեք տեսնենք նաև Portrait ի տարբերակը։

Video

Հաջորդ գործիքը դա Վիդեոն է,որը Tempalte-ում տեղադրելուց հետո մենք տեսնում ենք Source field-ը, որտեղ պետք է տեղադրենք մեր տեսանյութի հղումը: Օրինակ եկեք այստեղ տեղադրենք ցանկացած Youtube-ի տեսանյութ։ Մուտք ենք գործում youtube, վերցնում տեսանյութր URL-ը և բերում տեղադրում մեր Source field-Ի մեջ։ Արդյունքում տեսնում ենք տեսանյութի Thumbnail-ը և երբ արդեն քլիք անենք նկարի վրա կտեղափոխվեն տվյալ youtube տեսանյութը դիտելու համար։

Ուշադրություն դարձնենք որ Mailchimp-ը առաջարկում է նաև Alt text և Color background, որը ցանկության դեպքում կարող ենք փոխել։

Social

Մյուս գործիքը մեզ մոտ Սոց մեդիաներն են, որոնք շատ կարևոր դեր են խաղում յուրաքանչյուր Email Campaign-ում։

Հիմնականում Սոց մեդիաները լինում են նամակի ամենաներքևի հատվածում, այդ պատճառով մենք իրեն կտեղադրենք մեր նամակի Footer-ի հենց վերևում։ Տեղադրելուց հետո ձախ կողմում բացվում են բոլոր կարգավորումները, որտեղ մենք կարող ենք ընտրել սոց մեդիայի տեսակները, ավելացնել նրանց քանակը, ընտրել icon-ների տեսակները, որոնք երեքն են. չափսերը, դիրքը և նրանց մեջ գտնվող տարածությունը։ Սոց-երը կարող ենք նաև վերադասավորել մեր ցանկացած հերթականությամբ։ Դե իհարկե պարզ, որ ընտելուց հետո հարկավոր է տեղադրել հղումները, որպեսզի քլիքի դեպքում մեր հետևորնդերը տեղափոխվեն մեր Սոց էջեր։ Այս պահին ես կկարգավորեմ այն իմ նամակին համապատասխան։ Մի փոքր ներքև մենք հնարավորություն ունենք ընտրել Icon-ների գույնը: Այս դեպքում գունավոր, սև, սպիտակ և բաց մոխրագույն։ Իհարկե գույնի ընտրությունը ուղիղ կապ ունի մեր background-ի հետ, քանի որ, եթե մենք օրինակ տեղադրենք background-ը մուգ մոխարագույն, ապա մեր Icon- ները կարող են լինեն սպիտակ, կամ գունավոր։ Այս ամենը իհարկե կապ ունի, թե ինչ գույների մեջ է ստեղծված ձեր դիզայնը։

Մյուս գործքիը մեզ մոտ Survey-ն է, սակայն քանի որ մենք այն դեռ չենք ուսումնասիրել, կդիտենք այն մեր հաջորդ դասընթացներում։

Code

Մյուս բաժինը մեզ մոտ Code- ն է, որը նախատեսված է նրա համար,որ եթե ինչ-որ դեպքում ձեզ չի բավարարում Email Builder-ի գործիքակազմը, ապա դուք կարող եք ձեռքով Custom HTML կոդով ստեղծել ձեր ցանկալի բլոկը, կամ նամակի ամբողջ դիզյանը։ Ավելացնեմ նաև, որ դուք կարող եք այլ Email պլատֆորմում ստեղծած նամակի դիզայնը HTML կոդի շնորհիվ տեղափոխեք Mailchimp, ուղղակի Past անելով տվյալ կոդը այս հատվածում։

Apps, Product, Product Rec

Մյուս վերջին 3 գործիքը դա App-ն է. Product-ը և Product Rec-ը։ Այս պահին մենք չունենք Mailchimp-ին կցված ինչ-որ app, այդ պատճառով տվյալ գործիքը անհասանելի է ինձ համար, սակայն եթե դուք կցեք ձեր Mailchimp-ին ինչ-որ app, դուք կկարողանաք տեղադրել ձեր App-ում գտնվող քոնթենթը, կլինի դա պրոդուկտ, թե նկար, կամ նյութ ուղիղ ձեր template-ի մեջ։

Product և product Rec գործիքները վերաբերվում են մեր կայքում գտնվող պրոդուկտներին. Import-ին ուղիղ mailchimp Template-Ի մեջ։ Օրինակ, երբ սեղմում ենք Add Product-ը, տեսնում ենք մեր կայքի պրոդուկտները իրենց արժեքով և բնութագրով, որը կարող ենք միանգամից տեղադրել մեր նամակի մեջ։ Ահա այս տարբերակով մենք կունենանք արդեն դիզայն եղած բլոկ մեր Template-ում, մեր կայքի պրոդուկտներից։ Մենք կարող ենք միաժամանակ տեղադրել մի քանի պրոդուկտ, վերադասավորել իրենց, կատարել դիրքային փոփոխություններ, սյունյակների փոփոխություններ և այլն։ Ուշադրություն դարձնենք այս բաժնին ,որտեղ մենք կարող ենք փակել այն ինֆորմացիան, որը չենք ուզում երևա մեր պրոդուկտների հետ, կամ օրինակ ավելացնենք Custom Description-ը, որի ժաանակ կայքում գրված պրոդուկտի բնութագիրը կհայտնվի մեր դիզայնում։

Կայքից պրոդուկտների ավելացման մյուս տարբերակը Product rec-ն է, որը իրենից ներկայացնում է Dynamic Tag-երի հիման վրա ստեղծված քոնթենթ, որի նպատակն է ավտոմատ կերպով տեղադրել կայքի պրոդուկտներ մեր template-ում:

Այս գործիքը հիմնականում օգտագործվում է այն նամակներում, որոնք վերաբերվում են ապրանքի վաճառքին։

Սեղմելով տվյալ բլոկին, ձախ հատվածում կհայտնվեն մեր բոլոր կարգավորումները։ Օրինակ մենք կարող ենք շատացնել առաջարկվող պրոդուկտների քանակը, հասցնելով այն 4-ի, կարող ենք փոխել տվյալ բլոկի Layout-ի կառուցվածքը հորիզոնականից սարքելով վերտիկալ, որտեղ արդեն պրոդուկտները կդասավորվեն վերևից ներքև տարբերակով։ Ինչպես Products բաժնում, այստեղ նույնպես կարող ենք թաքցնել որոշ դետալներ, դա կիլնի վերնագիր, արժեք թե CTA կոճակ։

Ահա այսքանն էին Mailchimp-ի և Քոնթենթի գործիքները, որոնց շնորհիվ դուք կարող եք ստեղծել ձեր ցանկացած նամակի տեսքը։ Իսկ հաջորդ դասընթացին արդեն կշարունակենք ուսումնասիրել Mailchimp-ի Email template Builder-ը։