Речиси 50% од сите поракисе отвора од мобилни уреди, а оваа бројка само ќе се зголемува. Затоа, важноста на користење на адаптивни Шаблони за е-пошта HTMLза е-пошта маркетинг кампањи се зголемува.
Развијте основна Шаблон за е-пошта HTML, што ќе биде правилно прикажано кај различни клиенти, е доста тешко. Но, развојот на шаблон кој исто така правилно ќе се прикажува на сите мобилни и таблет уреди е уште потешко.
За среќа, постојат дизајнери и програмери кои создадоа збирки на уредувачки, бесплатни, одговорни шаблони за е-пошта кои работат на сите клиенти и уреди.
Блок-модуларни адаптивни шаблони
Шаблони за е-пошта одговорни за лакмус (7 шаблони)
Litmus објави избор од седум одговорни шаблони за е-пошта со готов дизајн. Тие доаѓаат со изворни PSD-датотеки:
HTML шаблони на Green Village
Ова е минималистички блок-модуларен Шаблон за HTML буквиза пошта, што е погодно за различни намени. Пакетот за преземање ги вклучува и оригиналната PSD-датотека и HTML-кодот:
Шаблон за одговорен е-пошта по е-пошта на киселина
Овој блок-модуларен шаблон нуди три опции за дизајн што се прикажуваат во зависност од ширината на екранот. Стандардно, поддржува 1-3 колони. Користи медиумски прашања, така што се претвора во распоред со една колона на мобилни уреди:
Основен шаблон за одговорен е-пошта
Едноставна одговорна HTML е-пошта
Едноставен блок-модуларен приспособлив Шаблон за HTML писмо за е-поштабилтенот користи медиумски барања и лебдечка ширина за да обезбеди максимална компатибилност:
Шаблон за одговорен и рамен билтен
Шаблон за одговорен е-пошта
Шаблони за е-пошта со чиста структура
Одговорни нацрти за е-пошта од MailChimp (6 шаблони)
MailChimp објави избор од шест готови одговорни Шаблони за е-пошта HTMLнаречени Email Blueprints. Тие вклучуваат некои елементи од специфичниот јазик на шаблоните на Mailchimp, но може лесно да се отстранат ако не сте корисник на MailChimp:
Мастило – одговорна рамка за е-пошта (4 шаблони)
Тоа е адаптивно Рамка за е-пошта од ZURB, кој вклучува мрежа од 12 колони и едноставни елементи на интерфејсот за брзо дизајнирање е-пошта:
Antwort шаблони за распоред на е-пошта одговорен (2 шаблони)
Antwort нуди сигурен приспособлив Шаблони за е-пошта HTMLсо обемна документација и прилагодлива ширина во зависност од големината на екранот. Шаблоните работат одлично кај мобилните клиенти, како и кај сите главни десктоп клиенти и Outlook (2000+):
Солени, одговорен шаблон за е-пошта
Шаблонот се заснова на кодот што го користи Litmus за него сопствени пораки. Нуди едноставна рамка за градење одговорни е-пошта создадени во HTML:
Шаблон за е-пошта базиран на табела (но одговорен).
Оваа е убава Шаблон за HTML буквибеше развиен врз основа на планот за е-пошта на MailChimp и Boilerplate за е-пошта на Шон Пауел. Ова е одговорен табеларен шаблон за е-пошта што веќе вклучува ознаки за спојување на Mailchimp ( може да се отстранат доколку не се потребни):
Шаблон за одговорна е-пошта на Respmail
Подобрена верзија на MailChimps Email Blueprints со голема сумаопции, новодефинирана структура и голем број поправки за Outlook, Yahoo, Hotmail, Gmail... Овој шаблон е тестиран и внимателно анализиран за компатибилност. Исто така е неверојатно лесно да се постави:
rwdemail
Дизајниран врз основа на шаблоните за мастило на ZURB. Ова е проект кој ви овозможува да автоматизирате сè, од преткомпилирање SASS, вградување CSS, CSS/HTML, минимизирање на слики, до хостирање на слики S3 и тестирање на лакмус. Користејќи ги шаблоните на INK и нивните CSS примероци, можете да креирате Шаблони за е-пошта HTMLсекое ниво на тежина.
Шаблон за е-пошта одговорен доказ за иднината без прашања за медиумите
Што ако можете да креирате одговорни шаблони за е-пошта дури и во средини со слаба поддршка за CSS? Шаблонот ќе го најдете овде:
Други ресурси за креирање шаблони за е-пошта
- Респонзивни шаблони за е-пошта - избор на шаблони и модули за приспособливи е-пошта;
- Cerberus - шаблони за одговорни е-пошта;
- Навистина добри е-пошта - најдобри дизајни за шаблони за е-пошта HTML;
- Одговорни ресурси за е-пошта - избор на алатки за креирање одговорни шаблони за е-пошта.
Превод на статијата " 30 бесплатни шаблони за одговорна е-пошта и билтен» беше подготвен од пријателскиот проектен тим
Е-пошта маркетингот продолжува да добива на интензитет секоја година заедно со зголемувањето на бројот на интернет корисници. Базите на податоци на компаниите се зголемуваат, испраќањето писма до секој клиент рачно станува тешка работа. Маркетингот преку е-пошта помага да се направи процесот на испраќање е-пошта поудобен, побрз и создава основа за креативност. HTML и обичните шаблони за е-пошта се користат за испраќање.
Ако зборуваме на едноставен јазик, мејл маркетингот е добро осмислен систем за испраќање писма до адреси на е-пошталоцирани во базата на податоци.
Овој тип на маркетинг се базира на шаблони на букви и страници кои се вградени во букви.
Шаблони за е-пошта доаѓаат во 2 вида:
Обичните се само неколку реченици текстуални пораки со или без прилози, ретко со креативно форматирање. Овие шаблони за е-пошта најчесто се користат во деловната кореспонденција.
Шаблони за HTML букви се светли, дизајнирани да привлечат внимание и да создадат интерес за веб-страницата, кои се вградени во писмото.
Кои се предностите и недостатоците?
Да почнеме со вообичаените шаблони.
Голем број „плусови“ е добар показател. Но, тие веројатно нема да можат да продаваат такви писма при првата комуникација со клиент, особено обичен. За разлика од HTML е-поштата.
Тешко е сами да креирате HTML е-пошта без доволна подготовка, иако токму таквите пораки, убави, како разгледници, привлекуваат многу повеќе внимание од едноставните „црно-бели“. Шаблони за HTML букви и е-пошта може да се креираат директно на сајтовите за мејлинг сервиси кои долго време ја вклучуваат оваа функционалност како задолжителна за организирање писма до корисниците.
Основни услуги
Кога ги опишувате главните страници за билтени за е-пошта, има смисла да се споредат според најважните карактеристики.
Број на шаблони |
|||||
Квалитет на шаблон |
Одлично |
Одлично |
Одлично |
Одлично |
|
Достапни теми |
Празници – Бизнис Онлајн продавница – Туризам – Општо, итн. |
- Празници - Ресторан – Туризам – Бизнис Онлајн продавница, итн. |
- Чести се Празници – Туризам – Бизнис Онлајн продавница |
- Онлајн продавница - Убавина и здравје – Туризам - Празници |
Онлајн продавница – Туризам |
Адаптација на пишување за различни екрани |
|||||
Да (до 1.500 писма до 100 адреси) |
Да (до 15.000 писма до 2.000 адреси) |
Да (до 6.000 писма до 5.000 адреси) |
|||
Бесплатна употреба на шаблони |
|||||
Способност за користење на претходно користени шаблони |
UniSender.
Еден од најпопуларните русифицирани услуги за создавање билтени за е-пошта. Достапни се 3 уредници: за блок шаблони (текстот и визуелната содржина може да се менуваат по ваша дискреција), за готови основни и HTML шаблони, за работа со сопствен шаблон за е-пошта HTML. Не е тешко да се разберат уредниците, системот дава совети, а сите потребни алатки се на врвот на работната страница.
SendPulse
Подеднакво популарна, разбирлива и удобна страница за креирање шаблони на HTML букви и работа со готови шаблони. Меѓу прегледаните, го има најголемиот бесплатен пакет и доста шаблони за креирање успешен билтен.
Веб-страницата ви овозможува да креирате сопствени шаблони во поедноставен HTML уредник, дизајнер или со преземање на сопствен шаблон од вашиот компјутер. Конструкторот е лесен за разбирање; можете да креирате убаво писмо„од нула“, независно избирање слики, фонтови и ставање на сето тоа на потребната локација.
Румајлер
Скромна страница во поглед на дизајнот со добри шаблони и релативно голем бесплатен пакет. Функционалноста за работа со ограничен број шаблони не е толку широка колку што би сакале искусните корисници. Воопшто не постои пригоден уредувач на блокови.
Предноста на услугата е што има големи можности за извоз на претплатници. Тие може да се преземат по активност, по лист, како и по најава или домен во адреса на е-пошта.
GetResponse
Услугата е позната по најголемиот број достапни шаблони во 24 категории. Пријатниот интерфејс на самата страница е надополнет со лесен уредник на блокови на готови и прилагодени HTML шаблони за писма до клиенти.
Уредникот е лесен за употреба. Блоковите може лесно да се влечат, преуредуваат, бришат или додаваат. Кога ќе кликнете на блокот, се појавува работно мени со копчиња за извршување на основни дејства со слики и текстуална содржина.
За да ги видите шаблоните, треба да започнете да работите со списокот за пошта со внесување на информациите на испраќачот и предметот на писмото, а потоа изберете го копчето „Блокирај го создавачот на е-пошта“. Ако корисникот сака да работи со свој шаблон, тогаш треба да избере „HTML Code Editor“.
Mailerlite
Сајт за дистрибуција на е-пошта што многу корисници го нарекуваат наједноставен. Функционалноста за работа со шаблони е доста ограничена, но основните дејства се остварливи. Дури и почетник може да го разбере уредникот, бидејќи ... тоа е едноставно и јасно. Исто како и на другите платформи, можете да ги прикачувате вашите HTML шаблони за билтени за е-пошта, да ги уредувате и да ги користите.
Како да изберете соодветен шаблон за HTML букви?
Изборот на услуга и шаблон за дистрибуција на е-пошта е одговорна работа на која мора мудро да се пристапи, бидејќи... натамошниот успех на комерцијалната организација или претприемач делумно зависи од ова. При изборот на услуга, можете да се потпрете на горенаведените карактеристики, прегледи од пријатели или корисници на Интернет, примери за работа на страницата, како и вашите сопствени чувства за работа со одредена услуга.
Дополнителен одговор на прашањето „како знаеш кој шаблон да избереш? Може да послужи статистика за најпопуларните услуги. Може, но да се соочиме со тоа, процентот на отворање, транзиции, кликови и отпишувања практично не зависи од услугата. Единственото нешто што забележавме е дека, на пример, на SandPulse (луксузни бесплатни ограничувања) малку поголем процент од е-поштата завршуваат во папката „спам“ наместо во сандачето. И никој друг не може да го контролира процентот на грешки објавени од самите служби, освен емпириски во изолирани случаи.
Напишавме детално за бесплатните можности на услугите за пошта.
Како да дознаете која шаблон за е-поштаДали е погоден во секој конкретен случај? Ова може да се направи само со работа со различни шаблони и избирање на најдобриот дизајн и содржина. Многу компании прво користат готови шаблони, менувајќи ги, а потоа создаваат свои. Ова добра опцијаако вештините за пишување html на букви и страницине, но се чини дека билтенот е корисна алатка.
Интернет услуги за бизнис.
Потребна е врска до материјалот!
Здраво драги читатели - страница!
Денес ќе ви покажам како да направите убава за Е-пошта билтени.
За никого одамна не е тајна дека целиот интернет бизнис е изграден на маркетинг преку електронска пошта.
Секој ден, со помош на билтени, инфо-бизнисмените и блогерите ги контактираат своите претплатници, нудејќи им различни производи и услуги.
Но, за да може таков предлог да биде забележан и веднаш да не се испрати во папката со спам, треба да привлечете внимание на тоа.
За да го направите ова, би било соодветно да се создаде прекрасно дизајниран шаблон за HTML букви.
Специјално за вас избрав шаблон за тест кој ќе биде визуелно помагало.
Што и како ќе правиме?
Ќе го создадеме наједноставниот HTML шаблон за е-пошта (), кој ќе се состои од главно поле за дијалог и две секундарни колони.
Создавање табела со рамка и контејнер
Прво, треба да создадеме HTML рамка за нашето писмо. Ќе изгледа вака:
Ве молиме имајте предвид дека ја поставив ширината на табелата на 99%, оставајќи мал простор околу неа. Ова не е моја лична желба, туку барање на некои веб-пошта клиенти како што се Gmail и Yahoo. Остатокот од нашата е-пошта ќе биде во таа ќелија од една табела, која е центрирана.
Следниот чекор е да се создаде обвивка за маса од вистинската содржина на писмото. Зачувај максимална големинадизајнира не повеќе од 600 пиксели:
|
Заедно со светлата сенка на белата позадина, нашиот шаблон за е-пошта беше развлечен на 640 пиксели, но работна зонасè уште останува еднаква на 600 px.
Креирање заглавие
Сега, кога е креирана главната табела, време е да почнеме да ја пополнуваме со потребната содржина. Ќе почнам од самиот врв на шаблонот за букви и полека ќе продолжам надолу.
Врвна линија
Отсега ќе исклучувам претходно напишана шифра (рамки на табели).
Значи, првиот ред од табелата има сина позадина со бел фонт и врска до веб-верзијата на е-поштата. Многу е важно да го опремите вашето писмо со таква врска, бидејќи не сите клиенти на е-пошта ја прикажуваат неговата содржина подеднакво правилно.
Дали имате проблем со прегледување на оваа е-пошта? Кликнете овде за да видите. |
![]() |
И за неа изгледго исполнува CSS стилот:
/* Фонтови и типографија */ .footer ( фонт-семејство: Arial,Helvetica,sans-serif; големина на фонт: 11px; боја: #fff; пополнување-десно: 20px; )
Лого и икони на социјалните мрежи
Одејќи подолу, го гледаме логото и , кои се наоѓаат на исто ниво.
Следниот код е одговорен за нивниот излез:
![]() |
![]() |
![]() |
![]() |
![]() |
Покрај тоа, следните стилови се додадени на сите наши слики во шаблонот за е-пошта HTML:
/* Позадини */ .email_background ( ширина: 640 пиксели; позадина: url ("email_images/email_bg.jpg") повторува-y; ) /* Слики */ img (приказ: блок; граница: нема; )
На овој начин, социјалните икони седат на нивно место во нивните вгнездени ќелии од табелата и немаат врска со другите делови од писмото. Ова им овозможува да се менуваат по потреба.
Додавање содржина
Прво ќе започнеме со додавање на првата слика, која во овој дизајн е 560px на 210px. Можете исто така да ја видите симпатичната деформирана сенка под сликата што е направена посебно, овозможувајќи ви брзо да ги менувате сликите без да ја изгубите сенката. Ајде да преминеме на кодот:
![](https://i1.wp.com/email_images/featured_image.jpg)
![](https://i0.wp.com/email_images/featured_shadow.jpg)
Овде создадовме нов ред за прикажување големи слики, поставувајќи ја ширината на 560 пиксели и додавајќи полнење од 20 пиксели на двете страни. Истите постапки ги правевме со сенката.
Додавање наслов и содржина
Движејќи се подолу, го гледаме насловот на главниот материјал и самата содржина. Овде следниов код е одговорен за прикажување на содржината:
Ова е вашата избрана приказна
Постои мислење дека Патаја стана популарно одморалиште поради фактот што американските морнари често летуваа овде, кои, сепак, се тука и сега голем број наа секогаш се опкружени со неколку тајки. Нормално, тој е помалку популарен меѓу нашите сонародници од Египет и Турција. Но, мајчин говор може да се слушне насекаде овде)) и внатре трговски комплексидодека пазарувате и во многу локални барови)). Патаја е главно позната по своите ноќен живот, море и текстил. Секако, меѓу другото, овде можете да најдете и многу други интересни работи. Овде можете да изнајмите секое возило, вклучувајќи џипови и скутери. За љубителите на мотоцикли ова е рај. За да изнајмите мотор, можеби дури и не ви треба лиценца; за само 100-500 бати (плус депозит од 2.000 бати) можете да изнајмите пристоен скутер и да возите за ваше задоволство!
За да го промените изгледот на заглавието и текстот на шаблонот за букви, само користете ги следниве стилови:
H1 (боја: #e95f03; фонт-семејство: Futura, Verdana, Sans-Serif; полнење: 0; маргина: 0; големина на фонтот: 24 px; тежина на фонт: нормална; ) .содржина ( полнење: 0; маргина: 0 ;) p (фонт-семејство: Arial, Helvetica, sans-serif; големина на фонт: 13 px; висина на линија: 20 px; )
Дополнителна содржина
Сега преминуваме на дополнителната содржина на нашиот шаблон. Како што веќе забележавте, тој е поделен на две колони. Секоја колона содржи фотографија, наслов и мал преглед. Сето ова е создадено со користење на следниов код:
![]() |
![]() |
![]() |
![]() |
Ова е спореден наслов |
Ова е спореден наслов |
И покрај уништената репутација на Патаја, овде можете да дознаете дека озлогласената тајландска масажа не е само покритие за борделите. Во Тајланд навистина даваат добри масажи, и најдобрите специјалистиВо оваа уметност се сметаат слепите мајстори. Нивната тајна е преосетливостпрстите. |
Главната улица и срцето на Патаја, која никого не остава рамнодушен. Локалниот Арбат, Тајмс Сквер и Содом и Гомора во една чаша, Walking Street е вистински извор на љубов и омраза и за двајцата локални жители, и за посетителите. Кога велиме Патаја, мислиме на Walking Street. |
Тука сè уште треба да додадеме дополнителен стил. Еве го тој:
H2 (боја: #e95f03; фонт-семејство: Futura, Verdana, Sans-Serif; полнење: 0; маргина: 0; големина на фонтот: 18 px; тежина на фонт: нормална; )
Затворање шаблон за е-пошта HTML
Значи, се приближуваме до крајот на нашата шема. Тука треба да го затвориме главниот прозорец користејќи ја сликата и следниот код:
![](https://i2.wp.com/email_images/bottom_fade.jpg)
Еден од најважните аспекти е да додадете врска за отпишување на крајот од шаблонот за е-пошта за да се откажете од примање такви е-пораки (). Да, да, знам, не сакате да изгубите претплатници. Но, исто така не можете да ги иритирате. Мора да им дадете на клиентите можност да одбијат да примаат пораки кои можеби им биле здодевни долго време. Па, во исто време да ве потсети кој е авторот.
Овде ви треба следниот код:
Автор на блог: Ivan.ru
Сакате да се откажете? Кликни тука