Как оформить письмо красиво

Наша тема на сегодня: дизайн электронного письма. Важно, чтобы этот правильный дизайн работал и приносил результат. Оформление — не то, что получатель сразу увидит и оценит.

Чтобы труды на разработку классно написанного письма с грамотным дизайном окупились, сообщение должно быть доставлено целевой аудитории и должно быть открыто.

Только после того, как эти два пункта решены, можно думать о том, как сделать красивое письмо для рассылки.

Доставляемость: как создать рассылку с минимальным попаданием в спам?

Я расскажу на примере Getresponse.ru

Тут рецепт достаточно прост. Сервис платный и жалеть о покупке вам точно не придется. «Гетрик» многими пионерами имейл-маркетинга называется «сервисом, гарантирующим самую высокую доставляемость во «Входящие» на сегодняшний день». И так уже много лет.

Чем больше база, тем больше стоит абонемент. Покупаем нужный тариф, идем в чат к техподдержке и спрашиваем о том, как нам снизить спам-рейтинг до нуля. Поддержка у Getresponse быстрая, толковая, за 20 минут вопрос будет решен.

Несколько кратких рекомендаций, снижающих спам-рейтинг:

  1. Не слать в базу, которая не подписывалась на вашу рассылку. У Данте было бы, как минимум, на один круг ада больше, родись он в 80-х
  2. Слать от имени корпоративного почтового ящика (drathutee@daykraba.com)
  3. НЕ ДЕЛАТЬ ВОТ ЭТОГО в заголовке
  4. Вопросительные, восклицательные знаки (и другие знаки тоже) в заголовке провоцируют спам-рейтинг
  5. Разные языки в заголовке — провоцируют еще больше
  6. Аккаунт, с которого регулярно рассылаются письма с большим попаданием в спам, регулярно наращивает спам-рейтинг
  7. Это только часть нюансов, на разных сервисах email-рассылок водятся свои «спам-тараканы», так что обязательно стучитесь в поддержку

Заголовок: как создать письмо для рассылки, которое будут читать?

В почтовом клиенте видно: от кого письмо, заголовок письма. На открываемость влияют два фактора: авторитет отправителя и то, что он там написал в заголовке своего сообщения.

С авторитетом ситуация более-менее однозначная. Кратко о том, как сделать красивое письмо для рассылки с хорошим заголовком:

  • Знать аудиторию. Это 90% успеха. Вам нужно знать страхи, мечты, увлечения, потребности, распорядок дня, возраст, хобби, работу… Ну вы поняли, нужно знать аудиторию. От этого заголовки сами не напишутся, но придумывать их станет значительно легче и быстрее.
  • Выделиться из сообщений-конкурентов. Как прямых, так и косвенных. Зная аудиторию, вы знаете на кого еще она подписана. Подписывайтесь на конкурентов, смотрите на их дизайн email-рассылки и на контент, анализируйте и выделяйтесь.
  • Тестируйте и экспериментируйте. Проводите А\Б тесты, анализируйте открываемость предыдущих писем, сопоставляйте цифры с буквами в заголовке и делайте выводы.
  • Не повторяйтесь. Нашли классную структуру заголовка — используйте несколько раз, но не берите за основу. Одинаковые письма (сюда же одинаковый дизайн электронных писем), пусть и с разными словами, просто перестанут открывать со временем.

Как сделать красивое письмо для рассылки: 6 веб-приемчиков

Теперь, когда мы уверены в доставляемости и открываемости нашего письма, есть смысл потрудиться и сделать так, чтобы оно было дочитано до конца.

Вопреки мифам о том, что email-маркетинг уже не торт, не работает, устарел, остаются игроки, которые стараются и получают результаты. А есть те, кто шлет унылые буквы на белом фоне и жалуется на порядок вещей. Чтобы ваши сообщения не были мгновенно отправлены в корзину, используйте дизайнерские фишки!

1. Вовлекающий дизайн email-рассылок с проработанным цветом

Фильмы, фото, графика — есть такие произведения, на которые просто интересно смотреть. Какие-то из них сделаны такими случайно, а какие-то специально. Вам можно и нужно задуматься над тем, как сделать красивое письмо, на которое будет приятно смотреть.

Для этого вам нужно разобраться с такой штукой, как теория восприятия цвета. Грамотно использовав этот прием, вы завладеете вниманием читателей и повлияете на их отношение к своему бизнесу.

Белое оформление электронного письма давно никого не интересуют, а неумелая работа с цветом чаще «вырывает глаз», чем интригует. Найдите несколько своих цветовых стилей и используйте их в рассылке.

2. Одно письмо, один шрифт, один клиент из множества возможных

Шрифтов хватает и вам совсем не обязательно использовать всего один для целого письма. Это так же не означает, что нужно каждое предложение писать новым шрифтом. Вы же точно видели примеры email-рассылок с кучей шрифтов. Так делать не нужно.

Оптимальный вариант: разные шрифты на абзацы и заголовки

Вам снова предоставляется возможность провести ряд экспериментов и найти то самое «свое» сочетание шрифтов. Какие-то отдельные слова или словосочетания можно выделить даже другим цветом текста. В таком случае у вас получится письмо, которое уже в несколько раз сильнее будет удерживать внимание читателя.

3. Красивое оформление письма, как части вашего сайта

Когда оформление письма совпадает с общей стилистикой сайта, это сразу повышает доверие пользователя к бренду. Да, вносить изменения можно, но цветовую гамму, основной шрифт и то, как расположен текст, лучше взять с той страницы, куда попадет читатель письма.

Пример. Mercedes-Benz создает лакшери-атмосферу, используя темные тона на своем веб-ресурсе. И все их рассылки выполнены аналогично.

4. Правила оформления электронного письма: минималистичность дизайна

Меньше воды, больше разговора по делу и вот вы уже привлекли внимание! Особенно сейчас, когда простые пользователи живут в мощном инфополе.

Воплотите эту прописную истину в дизайне писем. Долой ненужные отвлекающие элементы. Есть пустое место и вы не знаете что туда поставить? Не ставьте ничего. Используйте 2-3 цвета, но не больше.

Сделайте оформление интересным, но не таким, чтобы оно забирало больше внимания, чем сама суть письма.
Многие, задумавшись над тем, как создать красивое письмо для рассылки, гуглят: «Как правильно совместить 5 цветов».

Когда секрет в том, чтобы привильно использовать всего 2 оттенка.

Если есть желание покреативить, тогда откажитесь от простых ссылок в тексте и замените их на кнопки. Это как раз тот элемент, который можно делать заметным, дерзким, так и кричащим: «Давай, клацай на меня!»

5. Красивое оформление писем гифками

Эффективный инструмент продаж, после вебинаров и телефонных звонков, это видео. Но не все сервисы дают возможность вставки видеоролика в тело письма. А ставить ссылки на видео из других ресурсов не шибко грамотно, ведь пользователь ленив и вам незачем требовать от него лишних действий.

Как оформить письмо красиво? На помощь приходят гифки, добавляя эффекта неожиданности и привлекательности вашим посланиям. С ними удобно работать, они гораздо меньше в размере, чем видео.

Короткие анимации заметны в тексте, они повышают вовлеченность читателя, благоприятно влияют на конверсию. Но здесь тоже нужно знать меру.

6. Как сделать красивое письмо для рассылки с персонализацией

В последнем пункте вернемся к первым двум, которые не совсем о дизайне. Чем хороша обезличенная email-рассылка по своей базе? Да ничем.

Простой способ показать базе подписчиков то, как вы уважительно к ним относитесь, заключается в персонализации ваших сообщений. Таким образом, вы показываете, что не относитесь к своей базе, как к списку кошельков, а видите в них личностей.

Достаточно простого обращения по имени в заголовке и уже становится сложнее не открыть рассылку.

Правда, есть минус. Вам придется в ручном режиме редактировать базу. Ведь, при подписке, люди часто пишут в строке ФИО всякое разное… Bubochka, Huligan777, Вано, Татьна, Юий Васильевич и т.д. Как написать красивое письмо, если оно начинается со слов: «Torpeda, здравствуйте!» Такие «имена» лучше редактировать, чтобы персонализация не принесла больше вреда, чем пользы.

Используйте эти нехитрые приемы и получайте крутые конверсии! Помните, что никто не знает ваших клиентов лучше, чем вы. Именно вы лучше всех понимаете как красиво оформить электронное письмо для своих клиентов.. А задача подрядчиков заключается в предоставлении вам разных вариантов для выбора.

(Visited 297 times, 3 visits today)

Егор Кольнобрицкий
CEO & Founder

(2 голос, средний бал: 4,00 из 5) Загрузка…

Источник: https://daykraba.com/kak-sozdat-pysmo-dlya-rassyilki-6-sposobov/

Как создать красивое html письмо для рассылки

Всем привет. На днях решил разобраться с тем, как верстаются html письма. Провел несколько часов в интернете, перечитал десятки статей на эту тематику и пришел к выводу, что это очень нелегкая задача.

Но желание — есть, поэтому стал копаться дальше. Может быть и на блоге, скоро заменю подписку по email от feedburner (под статьями) на какую-нибудь другую, где можно сделать ее более симпатичной. Главное учесть все нюансы верстки под почтовые клиенты, а их поверьте не мало.

Актуальность создания html писем для почтовой рассылки

Почтовая рассылка один из самых эффективных способов продать товар, донести новости до клиентов, рассказать об акциях и дополнительных услугах. Кроме того, когда у вас есть база клиентов, вы можете вернуть “старых” покупателей и осуществить еще одну продажу.

Можно разослать материал о дополнительных услугах, которые, возможно, стали интересны вашим клиентам после первой покупки.

Ну и конечно же тут работает теория больших чисел. Если разослать предложение о продаже чего-то 20000 подписчиков, 1000 из них ознакомилась с предложением и хоть 10 да купит, а затрат – 0. Вы просто отправили письмо!

Но кто-то не открыл письмо, кто-то открыл и не стал читать его, потому, что там портянка текста, у кого-то не открылись картинки, а у кого-то поехала верстка. Так бывает. Из-за того, что почтовые программы не так хорошо поддерживают сss, как браузеры. А о javascript – я вообще молчу.

И существует масса проблем для верстальщиков, которые занимаются созданием html писем.

Но сегодня я постараюсь рассказать вам о том, как создать html письмо, которое бы открывалось одинаково хорошо во всех браузерах (в том числе мобильных) и почтовых программах, для того, чтобы ваши письма выглядели привлекательно, и вы не теряли клиентов. Это не последний пост, если возникнут проблемы с отображением, то позже либо поправлю этот, либо напишу продолжение. Так же буду признателен всем, кто поможет протестировать и выявить проблемы.

Проблемы при верстке html писем

Из-за того, что у почтовых сервисов нет общих правил отображения html писем, верстальщику приходится использовать правила верстки 90 годов. Некоторым к этому привыкать не нужно, но я, признаться, ни разу не прописывал стили внутри html документа, причем не просто внутри html документа при помощи , а именно inline, для каждого элемента отдельно.

Некоторые разработчики почтовых программ вообще отключили поддержку таблиц стилей и стилей как таковых, способом, описанным выше. Аргументируя это тем, что письма нужны именно для текста. Так что придется писать стили для каждого элемента отдельно.

Еще одним сюрпризом оказалось то, что не многие почтовые сервисы не поддерживаю float и отступы margin и padding. Как вам? Представляете вы сверстали классное трехколоночное html письмо на основе div (ов), а у пользователя такая белиберда пришла, что он тут-же удалил его, так и не поняв, что от него хотят.

Да, да. Вы правильно поняли! Придется использовать таблицы, если не готовы жертвовать тысячами пользователей, у которых ваше письмо откроется не корректно. Получается, что таблицы — это единственный способ, на сегодня, добиться кроссбраузерности.

Как написали на одном из сайтов:

Придется вспомнить такие страшные вещи, как: Cellpadding, cellspacing, colspan

В моем случае — их придется выучить, так как я никогда не пользовался таблицами. Может быть и не пришлось бы никогда, если бы не решил разобраться с оформлением писем 🙂

Если у вас нет привычки прописывать alt для изображений, придется ее выработать для верстки писем, так как у некоторых почтовых клиентов, по умолчанию, выключено отображение картинок, и если в письме их у вас много, то пользователь увидит пустые рамки, а так в них будет текст.

Еще, для меня стало проблемой то, что приходится постоянно обнулять многие значения, например, border у картинок, если она задана как ссылка.

Пока — всё! Если что-то еще всплывет, то опишу по ходу. А сейчас я хочу показать вам, что у меня получилось пока, без добавления стилей оформления, таких как шрифт, цвет, размер текста и т.д. Это только элементы в нужных местах. В следующей статье я опишу процесс тестирования в разных почтовых сервиса и правки, которые пришлось внести.

Как видите, есть над чем работать. Давайте я немного опишу процесс верстки. Вникать в него — нет смысла, к следующей статье многое измениться. На самом деле все, вроде бы и просто, но с другой стороны, у меня это занятие отняло много времени.

Как создать html письмо

Для начала, я создал каркас-таблицу для всего содержимого письма, шириной в 100% и голубым фоном. В нем разместил две дочерние  таблицы. Одну для шапки (id=»header»), вторую для контента (id=»content»):

Как вы уже заметили, я задал cellpadding=»40″ для таблицы-обертки. Это внешний отступ. Отступ в 20px задал таблице, которая отвечает за шапку. И добавил внутренний отступ таблице, в которой будет располагается контент. Также, все таблицы выровнял по центру. Идем дальше…

Теперь необходимо разделить шапку на 2 части. В одной расположить логотип, а в другой создаю еще одну табличку с 3 столбцами и помещаю туда ссылки на социальные сети.

Не выяснил, пока что, обязательно ли указывать размеры картинок, поэтому в этом плане пока хаос. Где-то — ставлю, где-то — нет. После тестов наведу порядок. Или уберу совсем, чтоб сократить код, или придется везде дописать, если будет некорректно отображаться в каком-то из почтовиков.

Этим кодом я добавляю строку с одним столбцом, в таблицу «content» и помещаю в него картинку, с надписью «Smartlanding»:

Сейчас письмо выглядит так:

Идем дальше. Сейчас нам нужно реализовать такую структуру:

Все это делается чтобы были отступы между контентом. Html код с контентом выглядит так:

Теперь необходимо реализовать анонс статьи, делается это достаточно просто. 1 строка, 1 столбец и текст в нем:

Теперь нужно создать структуру из 3 колонок. Так как мы не можем пользоваться float(ами), то придется сделать 5 колонок. 3 под контент с картинками (150px), а 2 — для того, чтобы задать отступ между ними (60px).

Точно такую же разметку делаю для текста, заголовков:

И теперь остается последний шаг, сделать footer. Я не стал создавать под него новую таблицу, а разместил в content, просто добавив новую строку и столбец:

Вот такое письмо получилось. Теперь предстоит куча тестов. Я планирую протестировать верстку в следующих почтовых сервисах и программах:

  • gmail
  • yandex
  • rambler
  • mail
  • mozilla thunderbird
  • outlook 2007
  • outlook 2013
  • the bat

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

Источник: https://smartlanding.biz/kak-sozdat-html-pismo.html

Катя Пешкова Творческий человек. Верит в добро, призывает других к радостной, счастливой, осознанной жизни. Рисует, делает самобытные открытки, блокноты и украшения, пишет письма, сочиняет волшебные истории, мечтает вырастить сад.

Привет ребята. Сегодня речь пойдет о том, как надежно закрыть внешние ссылки на своем лендинг пейдж для того, чтобы с нее не передавался вес, а оставался на вашей странице. Как вы, наверное, знаете, теперь, даже если вы закрыли ссылку атрибутом rel=”nofollow”, статический вес все равно передается, а следовательно убывает с вашей страницы. Читать дальше
Как сделать UTM метки и для чего они нужны Обновления на блоге и мини-отчет об оптимизации Скрипт для АБ тестирования
Smartlanding | 2014
  • .com/peshkovakatya
  • По природе я не очень общительна, но, как и у каждого человека, у меня есть потребность делиться внутренними переживаниями.

    С рождением дочки мои возможности общаться с единомышленниками приблизились к нулю.

    Возить ребенка на встречи, постоянно быть сосредоточенной на нем и при этом не иметь шансов полностью погрузиться в беседу было неудобно не только физически, но и морально. Я осталась наедине с собой и своими мыслями, а мне было просто жизненно необходимо общаться с такими же, как я.

    Вместе с тем во мне проснулся огромный интерес к творчеству. Хотелось делать для других что-то доброе и теплое, дарить людям радость. Я мечтала применять свои способности на практике, жить интересно и наполнять творчеством и общением каждый день.

    И на помощь мне пришли бумажные письма.

    Сейчас я понимаю, что в поисках общения искала и себя тоже.

    Мне важно было говорить с миром, рассказывать ему о своих находках, вдохновлять других на осознанные перемены, показывать, как много чудес и поводов для радости находится вокруг и внутри каждого из нас.

    Может быть, мне хотелось убедить в этом, прежде всего, саму себя. Открыть для себя новые возможности удивляться повседневным вещам в таком моем будничном домашнем времяпрепровождении.

    Я оказалась в новой для себя роли — мамы и домохозяйки. Мне нужно было полюбить эту роль, обрести в этой теперешней жизни способность радоваться тому, что у меня есть, поверить в то, что каждый миг — волшебство, иначе просто не может быть.

    Так у меня родился замысел создания интернет-сообщества единомышленников, поддерживающих и принимающих эти идеи.

    Осталось придумать название. Первое слово, которое возникло передо мной, было «сказка».

    Это должна быть группа о сказке в нашей жизни, о волшебном восприятии действительности, не дающем унывать и хандрить.

    Второе слово родилось неосознанно, и особого смысла я ему не придала.

    Зато Вселенная заранее все решила за меня самым удивительным образом. Так появилось сообщество «Письма из сказки», где я задумала размещать записи о необходимости быть открытым и чутким, и о том, как важно уметь замечать необыкновенное повсюду.

    Потом возникла идея создать волшебную почту и посылать письма радости тем, кто в ней нуждается.

    Раз в месяц я собирала присланные от участников почтовые адреса, затем посылала мотивирующие к осознанности бумажные письма с подарками в конверте: книгами, раскрасками для детей, добрыми магнитиками, блокнотами, рукодельными открытками.

    Все шло хорошо, творчества стало больше, но общения все равно не хватало — того самого, ради чего все и было затеяно — живого, теплого, объединяющего, доверительного, взаимного.

    Мне нужна была обратная связь, и, взглянув на название своей группы, я поняла, что хочу не просто писать письма в одну сторону. Я хочу переписываться с теми, кто разделяет мои взгляды и убеждения, узнавать других людей, перенимать их опыт, учиться чему-то важному, обмениваться мыслями и идеями, обсуждать то, что волнует.

    Не знаю, в какой момент это случилось, но теперь моя группа была не только о сказках, но и о письмах. Я стала писать посты об очаровании бумажной переписки, приводить цитаты из писем великих людей, рассказывать интересные истории о письмах, показывать, как можно украсить конверт и сделать открытку, говорить о том, что такое мэйл-арт и посткроссинг.

    Потом, вдохновившись идеей переписки людей в группе, подсмотренной в одном из зарубежных блогов, я организовала годовой проект по обмену письмами — «happy mail project».

    По письму в месяц

    Суть проекта заключается в том, что в течение года тринадцать собранных в группу человек обмениваются тематическими письмами. Желающих было так много, что я собрала сразу две таких группы.

    Один раз в месяц каждый участник группы пишет письмо на заданную тему другому участнику, в следующем месяце — новое письмо, но уже по другой теме и по другому адресу. Получается, что за год человек пишет двенадцать писем разным людям. И сам получает двенадцать писем.

    Проект необычайно интересный и с творческой точки зрения, и с психологической, учитывая то, что участники не знают друг друга. Каждый раз нужно писать и подбирать слова для незнакомого человека. Сейчас половина пути пройдена, за это время было много открытий, удивлений и радостей.

    Полученные письма мы фотографируем и выкладываем на нашей страничке в сети.

    Часть участников в процессе работы вышла из проекта, так и не вписавшись в его формат, зато на освободившиеся места пришли люди более мотивированные, по-настоящему влюбленные в волшебство бумажных писем.

    В целом, назначение проекта — сделать жизнь людей более радостной, дать им почувствовать внимание и заботу со стороны и в то же время — подарить им возможность выговориться, проявить себя и свои творческие способности.

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

    В процессе мы определяем для себя, какие письма нам запомнились больше всего, кто удивил нас и поделился мыслями, очень похожими на наши, кому захотелось ответить и в ком почувствовалась родственная душа.

    Задумывая проект, я руководствовалась именно этим. В процессе виртуального общения и бумажной переписки я хотела отыскать тех, кто близок мне по духу. Мне нужно было обрести единомышленников, и это удалось!

    Сейчас я переписываюсь с несколькими участниками вне проекта. Мы посылаем друг другу маленькие кусочки наших миров, пишем сказки и стихи, рассказываем о новостях и мыслях, задаем вопросы, делимся находками.

    Немалое внимание уделяется оформлению писем. Каждый раз мы стараемся придумать что-то необычное и занимательное: написать письмо в виде блокнота, сделать мейл-фордер (письмо-папку), разрисовать конверт, покрасить бумагу для письма чаем или кофе, вложить в письмо фотографии, гербарий, открытки, картинки, марки или рукодельные мелочи (ленты, пуговицы, скрап-бумагу, вырубку, бусинки и т.д.).

    Творческих идей — хоть отбавляй! Бери, делай и получай удовольствие!

    Мои открытия о бумажных письмах

    • Во-первых, такие письма — альтернатива дневнику и в какой-то степени утренним страницам. Усаживаясь за письменный стол, начиная писать на листе бумаги, ты говоришь с невидимым собеседником, выплескиваешь на бумагу свои мысли и эмоции, описываешь события и наблюдения.

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

    • Во-вторых, переписка — это способ доверительного, искреннего общения, дружбы. Находясь рядом, люди не всегда могут поделиться сокровенным, испытывая смущение и страх быть непонятым.

      Письмо дает шанс быть более открытым и смелым, помогает спокойно и как угодно долго рассказывать о чем-то важном — сосредоточенно и увлеченно.

    • В-третьих, бумажные письма — отличная возможность проявить себя в творчестве. Каждый раз придумываешь, как сделать письмо красивым и интересным — и по содержанию, и по оформлению.

      Мне нравится, когда тут прослеживается единая линия, тема. Например, можно сделать так, чтобы все в письме было одного цвета — по весне я с радостью организовывала обмен зелеными письмами. Все предметы в письмах, начиная с бумаги и конверта и заканчивая листиками, вырезанными из фетра, ленточками, открытками, календариками, пакетиками чая — были зелеными.

      Участники посылали друг другу засушенные травы — для полезных чаепитий, семена  для выращивания зеленых растений.

    Творчество при написании писем можно найти буквально во всем — в буквах, строчках, рисунках. Скажу больше — включившись в процесс бумажной переписки, я запустила какой-то мощный механизм творческого потока.

    И теперь я рисую, шью, вырезаю, создаю руками множество интересных добрых вещей, я начала вести смэшбук и собирать гербарий, стала делать украшения и блокноты. Теперь я больше фотографирую, больше замечаю, больше делаю. И это чудесно!

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

    Мы можем без страха и стеснения рисовать, составлять коллажи из журнальных вырезок, использовать клочки и обрезки бумаги для украшения конвертов, и при этом быть абсолютно счастливыми, не боясь сделать что-то не так. Мы освобождаем себя от страхов и комплексов.

    Скажу больше, письма — это не только способ поговорить с миром, это еще и прекрасная возможность лучше узнать и понять самого себя!

    Попробуйте написать кому-нибудь. Можно в другой город, можно в соседний дом подруге или маме под подушку, и вы почувствуете волшебство, которое дарят людям бумажные письма. Иногда я думаю, что это не мы их создаем, а они создают нас.

    Приходите в группу «Письма из сказки», где можно найти друзей, оставить свой почтовый адрес, поучаствовать в интересных обменах, купить красивые и добрые открытки, конверты или наклейки для ваших будущих писем — ярких, живых и интересных.

    Саморазвитие #Интересные проекты #Письма #Творчество 

    Источник: http://interesno.co/myself/c9c505a3e5d9

Поделиться:

Нет комментариев