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

Особености на създаването

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

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

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

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

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

• Той трябва да бъде направен достатъчно тесен, тоест не трябва да надвишава обхвата от 500-600 пиксела по размер, което ще осигури правилното показване на текст и друго съдържание на устройства от всякакъв тип.
• Трябва да използвате достатъчно голям шрифт за цялата текстова информация, тъй като на устройства с iOS буквата HTML ще бъде неудобна за четене, ако размерът на шрифта е по-малък от 13 пиксела.
• Елементите, върху които може да се щракне, трябва да са достатъчно големи и изолирани от най-близките връзки. В този случай адресатът може лесно да ги активира при първия опит.

Обучение

Преди да разработите HTML имейл, трябва да създадете нова папка на едно от устройствата и да я наименувате, например Mailings. Също така трябва да изтеглите и инсталирате Dreamweaver CS3. Този продукт от Adobe е един от най-много прости инструменти уеб дизайн и е много подходящ за разработване на HTML пощенски списък.

Създайте и запишете документ

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

• отворете популярния производител на HTML на Dreamweaver CS3 (DW);
• създайте документ, като изберете „Преходен HTML 4.01“ като тип;
• запишете файла с разширение ".html";
• намерете командата за редактиране в горното меню;
• премахнете отметката от квадратчето „Използвай CSS вместо HTML тагове“.

Инструкция стъпка по стъпка

Сега нека да разгледаме как да създадем HTML имейл. За това:

• Отворете последователно разделите "Вмъкване" и "Таблица" в менюто и задайте необходимите параметри на таблицата. Например редовете са 2, колоните са 1, ширината е 700, заглавието е отгоре. Границите могат да бъдат зададени или можете да направите без тях, като посочите 0.
• Оформете заглавието на писмото. Тъй като HTML писмото е предназначено за по-голям брой получатели, следователно се използва оператор, заместващ желаното име на получател.
• В долния прозорец "Properties" задайте желаните параметри за шрифта, размера и цвета на текста на заглавието и
• „Изход“ от областта на заглавието. В долната част на екрана задайте параметрите за курсора "Център" и "Среден".
• Вмъкваме готовия текст на писмото или го „записваме“ директно в програмата DW, като избираме желания тип и местоположението на текста на страницата.

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

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

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

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

За да уредим такъв хубав край:

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

Изглед

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

Кодиране

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

... Записваме файла. След това поставете HTML кода.

Изпращане на HTML имейл

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

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

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

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

Как да вмъкнете HTML в имейл

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

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

За същата цел можете да изтеглите лесната за използване програма Mozilla thunderbird. С негова помощ можете да създадете писмо и след това първо да изберете „Вмъкване“ и след това „HTML“ и да вмъкнете пощенския си код там.

Инструменти

Приставката e-Newsletter WordPress ви позволява да управлявате професионално своите бюлетини и абонати. Освен това и двете се извършват директно чрез администраторския панел на WordPress. Това обстоятелство осигурява пълен контрол и е напълно безплатно, което е добра новина.

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

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

Добре. Повече от сигурен съм, че ще ви хареса тази статия. Или по-скоро ще ви хареса това, което е в архива. Или по-точно в архивите или по-точно в 10 архива. :)) Затегнах го. Публикувам, скъпи абонати, 10 страхотни отзивчиви шаблона за имейли.

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

Не всеки може да пише шаблони за имейли, тъй като има свои собствени правила. Но няма големи разлики между имейл съобщенията и обикновените html сайтове. Единствените разлики са css вътре в html и наличието на оформление на таблица, което вече е остаряло на сайтовете. Следователно, познаването на html ще бъде достатъчно, за да създадете имейл съобщение. Това не изисква професионално обучение по уеб дизайн. Но е много по-лесно да изтеглите опции, които са свободно достъпни в Интернет. И ето една от тези опции. Гледаме, радваме се, люлеем се.

Шаблон за имейл с кодово име "Фокус"

Идеален за онлайн магазин за дрехи или аксесоари. Снимките на този шаблон за имейл показват кожена чанта, портфейл и калъфи за телефони.

Готин шаблон за имейл "Лятото идва"

Напълно отзивчив гумен лек опростен шаблон за имейл

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

Симпатичен син имейл шаблон, наречен "Minty"

Забавен и стилен шаблон за имейл с множество блокове. Може би най-доброто за изпращане на статии от новинарски портал или блог.

Имейл шаблон "Nexit" за онлайн магазин

Сериозен имейл. Съдейки по снимките, това е пощата на онлайн магазин дамски дрехи... Отстъпки, промоции и популярни позиции с цени са добре представени. Страхотен инструмент за рекламиране по имейл.

Опростява стилен шаблон за имейл

Обичам минимализма. И това, по дяволите, е най-пламенното въплъщение на минимализма. Тънък шрифт, стилни изображения и икони. Добре. Отличен шаблон за имейл за изпращане на рекламни продукти в онлайн магазин за оборудване, главно компютър.

Темп на шаблон за имейл за туризъм

Мини сайт във формата на имейл писмо. Има и меню и мини банер. Много подходящ за пощенски турове в последния момент (ако е туристическа компания) или свежи оферти за апартаменти (агенция за недвижими имоти или агенция за недвижими имоти)

Прост двублоков Tubor имейл шаблон

Прост, неуточнен шаблон за имейл, наречен "Tubor".

Кафяв странен HTML шаблон за имейли "Underscore"

Имейл шаблон "Wooshi" имейл бюлетин ресторант или кафене

Всеки шаблон има адаптивно оформление, така че те ще се справят добре и на мобилни устройства. Също така, всеки имейл в този сбор е направен в съответствие с всички правила за имейл. Има връзки към основния сайт, мобилна версия и връзка за отписване от пощенския списък. Това е добър пост. Надявам се, че имате необходимите от него шаблони. Радвах се да помогна, до нови публикации. Можете също така да изтеглите всички 10 шаблона за имейли наведнъж, като кликнете върху бутона за изтегляне по-долу.

Почти 50% от всички имейли се отварят от мобилни устройства и тази цифра само ще се увеличи. Следователно, значението на използването на отзивчиви HTML имейл шаблони за имейл маркетингови кампании се увеличава.

Разработете основно HTML имейл шаблонкоето ще се показва правилно при различни клиенти е доста сложно. Но разработването на шаблон, който също ще се показва правилно на всички мобилни и таблетни устройства, е още по-трудно.

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

Блочно-модулни отзивчиви шаблони

Лакмусови отзивчиви шаблони за имейл (7 шаблона)

Litmus пусна селекция от седем отзивчиви, предварително проектирани шаблона за имейли. Те идват с изходни PSD файлове:

HTML шаблони на Green Village

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

Отзивчив шаблон за имейл по имейл на киселина

Този блок-модулен шаблон предлага три опции за дизайн, които се показват въз основа на ширината на екрана. По подразбиране поддържа 1-3 колони, използва медийни заявки и т.н. мобилни устройства преобразувано в оформление на една колона:

Основен шаблон за отзивчив имейл

Прост отзивчив HTML имейл

Прост блок-модулен адаптивен hTML имейл шаблон Пощенският списък използва медийни заявки и плаващи ширини, за да осигури максимална съвместимост:

Отзивчив и плосък шаблон за бюлетин

Адаптивен шаблон за имейл

Имейл шаблони с изчистена структура

Отзивчиви чертежи на имейл от MailChimp (6 шаблона)

MailChimp пусна селекция от шест готови отзива hTML шаблони за имейли за бюлетини наречен Имейл чертежи. Те включват някои елементи от специфичния език на шаблона на Mailchimp, но могат лесно да бъдат премахнати, ако не сте потребител на MailChimp:

Ink - Responsive Email Framework (4 шаблона)

Адаптивен е Имейл рамка от ZURBкойто включва решетка от 12 колони и прости елементи на потребителския интерфейс за бърз дизайн на имейли:

Antwort отзивчиви шаблони за оформление на имейл (2 шаблона)

Antwort предлага силна адаптивна hTML имейл шаблони с обширна документация и регулируема ширина в зависимост от размера на екрана. Шаблоните работят отлично за мобилни клиенти, както и за всички основни клиенти за настолни компютри и Outlook (2000+):

Солено, отзивчив шаблон за имейл

Шаблонът е разработен въз основа на кода, използван от Litmus за собствените им пощенски списъци. Предлага проста рамка за изграждане на отзивчиви HTML-генерирани имейли:

Основан на таблица (но отзивчив) шаблон за имейл

Това красиво hTML имейл шаблон е разработен въз основа на имейл чертежи от MailChimp и имейл Boilerplate от Шон Пауъл. Това е отзивчив шаблон за имейл за електронна таблица, който вече включва маркери за сливане на Mailchimp ( те могат да бъдат премахнати, ако не са необходими):

Respmail Responsive Email Template

Подобрена версия на MailChimps Email Blueprints с голяма сума опции, предефинирана структура и редица корекции за Outlook, Yahoo, Hotmail, Gmail ... Този шаблон е тестван и щателно анализиран за съвместимост. Освен това е невероятно лесно да се настрои:

rwdemail

Проектиран въз основа на шаблони за мастило ZURB. Това е проект, който автоматизира всичко от прекомпилация на SASS, вграждане на CSS, CSS / HTML, минимизиране на изображения, до S3 хостинг на изображения и тестване на лакмус. За създаване могат да се използват шаблони с мастило и техните CSS проби hTML имейл шаблони всяко ниво на сложност.

Бъдещ доказателен отзивчив шаблон за имейл без медийни заявки

Ами ако можете да създадете отзивчиви имейл шаблони дори в среди с лоша поддръжка на CSS? Можете да намерите шаблона тук:

Други ресурси за създаване на имейл шаблони

• Responsive Email Patterns - селекция от шаблони и модули за отзивчиви имейли;
• Cerberus - шаблони за отзивчиви имейли;
• Наистина добри имейли - най-добрите дизайни на HTML имейл шаблони;
• Responsive Email Resources - Колекция от инструменти за създаване на отзивчиви шаблони за имейли.

Превод на статията " 30 безплатни отзивчиви шаблона за имейли и бюлетини„Беше подготвен от приятелски екип по проекта

В чист HTML. Колкото и да е странно, за две години в безплатния достъп не се появиха толкова много безплатни решения, но това, което успяхме да намерим, значително превъзхожда качеството си от която и да е от старата статия.
Имейл бюлетиннесъмнено е най-мощният маркетингов инструмент, но трябва да се използва много внимателно. Нашите хора никога не са били развълнувани от рекламни писма във входящата поща, но ако сте добър маркетолог, ще можете да се свържете с получателя на писмото. Тази колекция няма да реши всички проблеми, свързани с пощенските съобщения и дори няма да помогне да ги заобиколите, защото получателят ще обърне внимание на вашето писмо, ще го изтрие или ще го изпрати в нежелана поща, зависи не от това колко красив ще бъде дизайнът, а върху съдържанието. Всичко, което исках да кажа с тази фраза - не изпращайте спам или някакви формулирани изречения. Използвайте тези html шаблони разумно и без вреда за другите.
Повтарям още веднъж, не изпращайте спам, по-добре е да използвате тези шаблони, за да изпращате различни поздравления на вашите клиенти по празниците. Ако имате онлайн магазин и имате база от потребители, които наистина искат да получават писма от вас, можете да направите пощенски списък на гръбнака на всеки html шаблон с предупреждение за всяка специална оферта или отстъпка.
Така. За вашето внимание 20 безплатни шаблона за имейли за бюлетини... Използвайте го разумно.

Безплатен HTML + PSD имейл шаблон: PHStock шаблон

Отзивчив шаблон за имейл за онлайн магазин

Безплатен шаблон за имейл за събитие

Green Village - Hipster имейл шаблон за Blogger

Photon - Шаблон за имейл за Photoblog

КАТАУСТРИЯ - Адаптивен шаблон за имейл

Boxi - Безплатен Meto / Flat Style имейл шаблон

Бюлетин на Miks Blogger - Универсален шаблон за имейл на Blogger

Новини HTML + PSD имейл шаблон

Безплатен шаблон за имейл в зелени тонове

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

Ако говорим прост език, имейл маркетингът е добре обмислена система за изпращане на писма до имейл адреси, намиращи се в базата данни.

Този тип маркетинг се основава на шаблони от писма и страници, които са вградени в писма.

Има 2 типа шаблони за имейли:

• Редовен е просто текстово писмо от няколко изречения със или без прикачени файлове, рядко с креативно форматиране. Тези шаблони за имейли се използват често в деловата кореспонденция.

• HTML шаблоните за имейли са поразителни, предназначени да привличат вниманието и да създават интерес, уеб страници, които са вградени в имейла.

Какви са предимствата и недостатъците?

Нека започнем с обичайните шаблони.

Голям брой „знаци плюс“ е добър показател. Но е малко вероятно те да могат да продават такива писма при първата комуникация с клиент, особено обикновен. За разлика от HTML имейлите.

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

Основни услуги

Когато описвате основните сайтове за имейл маркетинг, има смисъл да ги сравнявате според най-важните характеристики.

1. UniSender.

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

1. SendPulse

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

Сайтът ви позволява да създавате свои собствени шаблони в опростен HTML редактор, дизайнер или чрез качване на собствен шаблон от вашия компютър. Конструкторът е лесен за разбиране, можете да създадете красива буква "от нулата" в него, независимо избирайки снимки, шрифтове и поставяйки всичко на желаното място.

1. Rumailer

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

Предимството на услугата е наличието на големи възможности за износ на абонати. Те могат да бъдат изтеглени по активност, по листове, както и чрез вход или домейн в имейл адрес.

1. GetResponse

Услугата може да се похвали с най-голям брой налични шаблони в 24 категории. Приятният интерфейс на самия сайт се допълва от лесен за употреба блоков редактор на готови и персонализирани HTML шаблони за писма до клиенти.

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

За да видите шаблоните, трябва да започнете работа с пощенския списък, като въведете данните на подателя и темата на писмото и след това изберете бутона "Конструктор на блокиране на имейл". Ако потребителят иска да работи със собствен шаблон, трябва да изберете "HTML Code Editor".

1. Mailerlite

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

Как да изберем подходящ HTML шаблон за имейл?

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

Допълнителен отговор на въпроса "откъде знаете кой шаблон да изберете?" може да служи като статистика за най-популярните услуги. Може, но нека си признаем,% от отвори, преходи, кликвания, отписвания от услугата са практически независими. Единственото нещо, което забелязахме, е например, че в SendPulse (луксозни ограничения за безплатни продукти) малко по-голям% от писмата попада в папката за нежелана поща, а не във входящата поща. А процентът на грешките, публикувани от самите услуги, никой освен тях не може да контролира, освен емпирично в единични случаи.

Писахме подробно за безплатните функции на пощенските услуги.

Как да разберете кой имейл шаблон ще се побере във всеки отделен случай? Това може да стане само чрез работа с различни шаблони, като изберете най-добър дизайн и съдържание. Много компании първо използват готови шаблони, модифицирайки ги и след това създайте свои собствени. то добър вариантако умения за писане html имейли и страници не, но бюлетинът изглежда полезен инструмент.

Интернет услуги за бизнес.
Необходима е връзка към материала!