КомпютриПрограмиране

Как да създадете 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. За да направите това, кликнете върху иконата с глобус в средното горно меню. Ако вместо букви на екрана се появи abracedabra, тогава трябва да въведете настройките на авто-кодирането на вашия браузър.

кодиране

От секцията "Проект" и преминете към кодовата част - "Код". В отворения прозорец изберете и копирайте всичко, което е оградено между маркерите и . Запазете файла. След това поставете 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-писмо. Създаването му не е особено трудно, особено ако използвате готови шаблони, в които няма недостиг в мрежата. Ето защо дори тези, които нямат специални познания, лесно могат да се справят с тази задача.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 bg.unansea.com. Theme powered by WordPress.