Како да се создаде HTML-пошта: чекор по чекор водич

Мејлинг листи се важен дел од маркетинг кампањи. Креирај пораки за нив на многу начини наликува на развојот на едноставни веб-страници. Во исто време треба да се земат предвид некои важни разлики. Особено, испраќање на HTML-пораки ќе бидат ефективни само ако се направи правилно во техничка смисла и нивната содржина и стил задоволат вашите цели. Во овој случај, постои перцепција дека еден лаик не можат да се справат со оваа задача. Оваа статија нуди детални инструкции чекор по чекор, како да се напише и како да испрати HTML-мејл.

Карактеристики на создавањето

Современиот човек добива дневно во просек од 5-6, а понекогаш и до 10 e-mail. Ова значи дека ќе имаат само помалку од една секунда, за да имаат време да се привлече вниманието на примачот, за да оди во читање на следните конверзација. Во спротивно, вашиот испраќање на HTML-пораки ќе бидат целосно неефикасен, а вие само потроши време.

Еден од нијанси кои ги зголемуваат шансите за привлекување на вниманието на потенцијалните клиенти или други целна публика е создавање на кореспонденција, која е прилагодена на мобилни уреди. По сите, повеќето од оние на кои таа се однесува за да ја видите е-мејл, веројатно ги користат почесто отколку десктоп компјутери и лаптопи.

За да се користи оваа цел, на пример, "одговора дизајн" лесно се прилагодува на големината на екранот.

Што треба да биде писмо дефиниција

Кога изгледот на документот, со намера да испрати дописници, треба да се придржуваат кон следниве услови:

• Тоа треба да се направи доста тесни, односно. Е. Во големина не треба да надминува опсегот на 500-600 пиксели кои обезбедуваат правилно прикажување на текст и други содржини на уредите од секаков тип.
• Мора да се користи доволно голем фонт за сите информации на текст, како и iOS уредот HTML-mail ќе биде непријатно да се прочита ако големината на фонтот на најмалку 13 пиксели.
• Елементи на кои можете да кликнете да се направи, треба да бидат доволно големи и изолирани од најблискиот линкови. Во овој случај, корисникот може лесно да ги активирате на првата проба.

обука

Пред развојот на HTML букви, треба да се создаде една од дискови нова папка и тоа, на пример, "Вести" име. Покрај тоа, мора да преземете и инсталирате Dreamweaver CS3 софтвер. Овој производ од Adobe е прилично едноставна алатка за дизајнирање веб-сајтови и е добро прилагодени за развој на поштенска букви во HTML формат.

Создадете и да зачувате документот

Пред да го напише текстот на писмото, треба да:

• отвори доста популарна програма дизајнер HTML-пораки Dreamweaver CS3 (DW);
• создаде документ со избирање на еден вид на "Транзиција HTML 4.01»;
• зачувате датотека со наставката «.html»;
• во горното мени да се најде на командата уредување;
• отстранување на крлежот од проверка кутија "Користете CSS наместо HTML таг» на.

Чекор по чекор водич

Сега, ајде да видиме како да се создаде HTML-мејл. За да го направите ова:

• Постојано отворете го табот менито "Вметни" и "маса" и се изложуваат на потребните параметри на табелата. На пример, на линија - 2 колони - 1, Ширина - 700, насловот - на врвот. Границата може да се постави, и можете да направите и без нив, наведувајќи 0.
• Формираат насловот на пораката. Од HTML букви наменети за поголем број на корисници, па го користите операторот [FIRST_NAME], да се замени со името на посакуваниот примател.
• Во долниот прозорец, "Properties" да се стави на потребните параметри за фонтот, големина и боја на текстот на насловот и боја на позадина.
• "Егзит" од областа на насловот. На дното на екранот да се движи курсорот стави опции на "центар" и "Во средината на теренот."
• Вметнете ја подготви текст порака или "пишува" тоа право во програмата за ДВ со избирање на видот и големината на фонтот, и усогласување на текст на оваа страница.

Креирање на хипертекст линкови

Ние ќе се обидеме да се направи HTML букви повеќе професионални и напредни. Со оваа цел во содржината кријат линкови. За да го направите ова, одберете место во текстот, која беше избрана како врска хипертекст. Во лев агол треба да биде "отворен" на соодветната икона и вметнете линк на списокот, на врвот од екранот. Во овој случај, не заборавајте да се стави функционирам во проверка кутија "_blank", за да го отворите линк во нов прозорец, и примачот по концертот не ја изгуби пристапот до главниот писмо.

Како да вметнете слики

Обично писмо во HTML формат пополнува податоците за контакт, по можност со слика на авторот или на соодветните тематски слика. Тоа може да се симне од интернет или со симнување на интернет, како што ќе треба на URL-то на сликата. Ова е најдобро да се прави од еден од бесплатни услуги.

Да издаде таков убав крај:

• вметната во долниот дел од пораката, во друга база табела 3 и колони 0 параметар за границата пиксели;
• стави курсорот во табелата, каде што тие сакаат да се види на сликата;
• белег во долниот прозорец, "среден" и "горниот раб" за секој дел;
• изберете од врвот јазичето менито "Вметни";
• кликнете на натписот "слика" во менито, ставете копирани контакт адреса;
• притиснете го копчето "Во ред" 2 пати.

преглед

Сега дека знаете како да се направи HTML букви, треба да бидете сигурни дека примачот ќе го видите во правилна форма. За таа цел, пред поднесување сакате да ја видите вашата работа во Dreamweaver CS3 пребарувач. За да го направите ова, кликнете на иконата со глобус во горното мени средина. Ако наместо букви се појави на екранот, abracadabra, треба да се стави во вашиот интернет пребарувач поставувања avtokodirovku.

кодирање

Од делот за "Проект" и да си одат за да го кодот дел - "Код". Во прозорецот што се разделени и копирате сите што лежи помеѓу таговите и . Зачувајте ја датотеката. Следно, внесете HTML-кодот.

Испраќање на HTML-пораки

Да се направи пошта отворен "Smartresponder" (SR). тогаш:

• изберете или создади нов е-мејл со пополнување на стрингот "име" и "адреса на испраќачот."
• пополни линија "тема на буквата";
• марка во горниот лев мени HTML-код;
• вграден код копирани на програмата DW-кодот во голем поле "Извор";
• проверка на точноста на средства за приказ на алатката "Преглед";
• Брише текстот верзија на писмото;
• тестира за спам, со помош на соодветното копче во близина на копчето "Испрати".

Неколку популарни шаблони

Користење на рамка помага значително да се забрза процесот на пишување и да ја направат достапни за инвеститорот, кој го разбира само основите на создавање на веб-документи. Од најпопуларните модели:

• Кербер. Оваа група на т.н. одговора Шаблони за да се создаде писма, нормално прикажани во мобилна апликација Gmail и Outlook. Тоа ви овозможува да се користи HTML-кодот блокови, сам или со комбинирање на нив.
• Ink - е бербата пораки, писма, кои се речиси универзална и компатибилен со сите уреди и клиенти.
• Навистина едноставни HTML-мејл шаблони. Образецот ви овозможува да креирате поштенска букви се многу лесно и брзо. Сепак, тие ќе имаат многу едноставен дизајн во форма на столб, кој стапи на повик за акција.

Како да се вметне во една HTML

Ајде сега да се разгледа малку поинаков проблем. Да внесете HTML код во е-маил, на пример, со користење на Gmail, како во примерот подолу, Google Chrome прелистувачот, вие треба:

• кликнете на копчето "F12", или изберете соодветна низа на команди во менито;
• во отворениот прозорец на тековната кодот страница gmail на корисникот да се најде место каде што треба да се вметнат во HTML букви, направете десен клик и изберете "Измени како HTML».
• ставете го HTML кодот;
• притиснете комбинација на две копчиња «Ctrl" и "Enter".

За истата цел може да го симнете лесен-за-ispolzovnii програма Mozilla Thunderbird. Со него можете да креирате писмо, прво изберете "Вметни", а потоа "HTML" и ставете да ги мејлинг код.

инструменти

Vordpressovsky е-Билтен приклучок ви овозможува да управуваат со професионално билтени и претплатници. А и тогаш, и уште се врши директно преку админ панелот на WordPress. Оваа околност обезбедува целосна контрола и целосно бесплатно, кои не можат да се радуваме.

Уште една едноставна алатка - Bulletproof слики во позадина, која е едноставна алатка која ви овозможува да се добие код за позадината на сликата создадена од страна на букви. Тоа може да помогне да се направи кореспонденција поубаво. За регистрација на писмото треба едноставно да внесете URL на позадината на сликата ви се допадна и го задржуваме боја, и дали овие параметри се применуваат на целото тело на HTML-пораки или тие се наменети само за една од ќелиите. Резултатот е готов код кој што сакате да го копирате и залепите во вашата дефиниција.

Сега дека знаете како да испрати HTML-мејл. Неговото создавање не е особено тешко, особено ако користите готови шаблони во која на веб не е недостаток. Затоа, дури и оние кои не имаат посебни знаења, лесно може да се справи со оваа задача.