Как да създадете буква HTML: инструкции стъпка по стъпка

Пощенските списъци са важна част от маркетинговите кампании. Създаването на писма за тях в много отношения прилича на разработването на прости уеб страници. Същевременно трябва да се вземат предвид някои важни различия. По-специално, разпространението на HTML-букви ще бъде ефективно само ако те са правилно компилирани в технически смисъл и тяхното съдържание и стил са в съответствие с вашите цели. Същевременно има мнение, че един обикновен човек не може да се справи с тази задача. Тази статия съдържа подробни инструкции стъпка по стъпка за това как да пишете и как да изпращате HTML-букви.

Характеристики на създаването

Един съвременен човек получава средно 5-6, а понякога и до 10 имейла. Това означава, че имате само по-малко от секунда, за да привлечете вниманието на адреса, преди да продължи да чете следващата кореспонденция. В противен случай изпращането на HTML-писма ще бъде абсолютно неефективно и просто ще губите време напразно.

Една от нюансите, която увеличава шансовете ви да привлечете вниманието на потенциални клиенти или друга целева аудитория, е създаването на кореспонденция, адаптирана към мобилните устройства. В края на краищата, повечето от хората, на които е адресирано да преглеждат пощата, със сигурност ги използват много по-често, отколкото настолните компютри и лаптопите.

За тази цел можете да използвате например "отзивчив дизайн", който лесно се адаптира към размера на екрана.

Какво трябва да бъде шаблонът за писмото?

При създаването на документ, предназначен за изпращане до кореспонденти, трябва да се спазват следните изисквания:

• Трябва да се направи доста тесен, т.е.. Д. В размер не трябва да надхвърля границите на 500-600 пиксела, които осигуряват правилното показване на текст и друго съдържание на устройства от всякакъв тип.
• Трябва да се използва достатъчно голям шрифт за всички информация за текста, както и IOS устройства HTML-поща ще бъде неудобно да се чете, ако размера на шрифта на най-малко 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" задайте необходимите параметри за шрифта, размера и цвета на заглавния текст и цвят на фона.
• "Изход" от областта на заглавката. В долната част на екрана задайте параметрите за курсора "Център" и "В средата".
• Поставяме готовия текст на буквата или я "записваме" директно в програмата DW, като избираме желания тип и размер на шрифта, и местоположението на текста на страницата.

Създаване на хипертекст връзки

Ще се опитаме да направим HTML-писмо по-професионална и напреднала. С тази цел скриваме хипертекстовите връзки в съдържанието. За да направите това, изберете мястото в текста, който е избран като хипертекстова връзка. В левия ъгъл в горната част на екрана, трябва да отворите съответната икона и да вмъкнете връзката си в падащото меню. В този случай, не забравяйте да поставите отметка в квадратчето за отметка "_blank", за да отворите връзката в нов прозорец, и на получателя след шоуто не е загубил достъп до централната писмото.

Как да вмъкнете снимки

Обикновено буквата в HTML формат завършва с информация за контакт, за предпочитане с снимка на автора или с подходяща тематична картина. Тя може да бъде изтеглена от интернет или предварително заредена в интернет, тъй като ще ви е необходим URL адресът на това изображение. Най-добрият начин да направите това е чрез едно от безплатните услуги.

За да се изработи такъв хубав край:

• поставете в долната част на буквата, в основната маса още една с 3 колони и параметър за границата от 0 пиксела;
• поставете курсора на мястото, където искате да видите снимката;
• запишете в долния прозорец "В средата" и "В горния край" за всяка секция;
• изберете раздела "Вмъкване" в горното меню;
• кликнете върху надписа "Изображение" и в падащото меню вмъкваме адреса, копиран от нас;
• натиснете "OK" 2 пъти.

Погледни вътре

Сега, когато знаете как да направите HTML-писмо, трябва да сте сигурни, че адресатът го вижда в правилната форма. За да направите това, преди да изпратите, трябва да видите работата си в браузъра Dreamweaver CS3. За да направите това, кликнете върху иконата с глобус в средното горно меню. Ако вместо буквите на екрана се появи abracadabra, трябва да зададете в настройките на браузъра си автоматично кодиране.

кодиране

От секцията "Проект" и преминете към кодовата част - "Код". В прозореца, който се отваря, изберете и копирайте всичко, което е оградено между етикетите и . Запазете файла. След това поставете HTML кода.

Изпратете HTML съобщение

За да изпратите диспечера, отворете SmartResponder (SR). след това:

• изберете или създайте ново писмо, като попълните "Име" и "Адрес на изпращача".
• попълнете реда "Предмет на писмото";
• Маркирайте в горния ляв HTML кода на менюто;
• въведете кода, копиран в DW кода, в голямото поле "Източник";
• проверете правилността на дисплея с помощта на инструмента "Преглед";
• изтриване на текстовата версия на съобщението;
• тествайте го за спам, като използвате бутона със същото име, разположен до бутона "Изпращане".

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

Използването на рамката помага значително да ускори процеса на създаване на писмо и да го направи по-достъпен за разработчика, който все още научава основите на създаването на уеб документи. Най-популярните шаблони са:

• Cerberus. Този набор от т.нар. Отзивчиви шаблони ви позволява да създавате букви, които обикновено се показват както в мобилното приложение Gmail, така и в Outlook. Той ви позволява да използвате блоковете на HTML кода или поотделно, или като ги комбинирате.
• мастило - това е подготовката на писма, изпращанията на които са почти универсални и съвместими с всички устройства и клиенти.
• Наистина прост HTML шаблон за електронна поща. Шаблонът ви позволява да създавате пощенски писма много просто и бързо. Вярно е, че те ще имат изключително прост дизайн под формата на една колона, в която се приключва призив за действие.

Как да вмъкнете HTML в съобщение

Нека сега разгледаме малко по-различен проблем. За да вмъкнете HTML кода в имейл, например, в Gmail използвайте, както в примера по-долу, браузъра Google Chrome, трябва:

• Натиснете бутона "F12" или изберете подходящата последователност от команди в менюто;
• в отворения прозорец с кода на текущата страница на клиента на gmail, намерете мястото, където трябва да се вмъкне буквата HTML, направете прав клик и изберете "Редактирай като HTML".
• поставете копирания HTML код;
• Натиснете комбинацията от двата клавиша "Ctrl" и "Enter".

За същата цел можете да изтеглите проста Mozilla Thunderbird програма. С него можете да създадете буква, след което първо да изберете "Поставяне" и след това "HTML" и да въведете кода на вашата поща.

инструменти

Wordpress plug-in е-бюлетин ви позволява професионално да управлявате пощенски списъци и абонати. И двете се осъществяват директно чрез администраторския панел на WordPress. Това обстоятелство осигурява пълен контрол и е напълно безплатно, което не може да се радва.

Друг прост инструмент - Bulletproof фонови изображения, което е прост инструмент, който ви позволява да получите код за фоновото изображение на създадените букви. С негова помощ можете да направите кореспонденцията много по-красива. за писмо обработка Просто посочете URL адреса трябва да се хареса на фоновото изображение и цвят на резервната му, както и дали тези параметри се прилагат за цялото тяло на HTML писма или те са предназначени само за една от клетките на таблицата. В резултат на това ще получите готовия код, който искате да копирате и поставите в шаблона си.

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