{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ключевые аспекты, которые следует учитывать при разработке email-писем ","type":"header-two","key":"e619a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Адаптивные email-письма ","type":"header-three","key":"99hs5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Примерно 34% электронных писем открываются на устройствах с разными размерами дисплеев, и чаще всего на мобильных устройствах. Поэтому очень важно, чтобы ваши рассылки выглядели хорошо у всех ваших подписчиков. Из-за этого большинство маркетологов предпочитают, чтобы их письма в первую очередь красиво и органично смотрелись на мобильных устройствах.","type":"unstyled","key":"64mo5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В макете письма для мобильных устройств используется один столбец шириной 600 пикселей и адаптация элементов в два столбца для отображения на десктопной версии почты при необходимости. Кроме того, при создании адаптивного дизайна email-писем вы должны учитывать следующие факторы:","type":"unstyled","key":"pn1n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Прописывать текст прехедера.","type":"unordered-list-item","key":"11f3e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Не делать тело письма слишком большим.","type":"unordered-list-item","key":"7m37i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Использовать чёткие и понятные кнопки с call-to-action. ","type":"unordered-list-item","key":"7uiu4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для мобильной версии использовать более крупный шрифт, чем на десктопной версии письма.","type":"unordered-list-item","key":"50u3i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменять размер изображений пропорционально размеру всего макета. ","type":"unordered-list-item","key":"do987"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тренды в дизайне email-писем в 2020 году","type":"header-two","key":"eq0h6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В дизайне email-писем существуют различные стили, которые остаются актуальными до сих пор. В основном они используются в рекламных или событийных рассылках. Вот некоторые из них: ","type":"unstyled","key":"aqh9d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Градиентные фоны.","type":"unordered-list-item","key":"are9j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В начале 2013 года это был один из самых популярных стилей в веб-дизайне, но он отошёл на задний план из-за нового тренда — материального дизайна. Сейчас, благодаря таким брендам как Harry'S и American Eagle Outfitters, градиентные фоны с двумя контрастными цветами вновь возвращаются в email-письма. ","type":"unstyled","key":"e7aip"},{"data":{"image":{"id":"5f43d48eab412b3fcd0d117b"},"images":[{"id":"5f43d48eab412b3fcd0d117b"},{"id":"5f43d4c021c7671792fd1403"}],"contents":{"5f43d48eab412b3fcd0d117b":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"b9mlg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6hqh4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Двойная экспозиция.","type":"unordered-list-item","key":"71gr0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Довольно популярный стиль наложения двух различных изображений для создания совершенно новой формы визуального носителя в digital-среде. Сейчас двойная экспозиция широко используется в рекламных баннерах, но уже есть несколько удачных примеров применения этого стиля в email-рассылках. Мы считаем, что совсем скоро это может стать трендом электронной почты.","type":"unstyled","key":"fupj6"},{"data":{"image":{"id":"5f43d505c2da3a2b6242997d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9mdho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5ms24"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Типографика.","type":"unordered-list-item","key":"cchsf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Время, когда email-дизайнеры применяли пользовательские шрифты, ушло в прошлое. Тем не менее, они начали использовать большой жирный текст поверх заглавного изображения, которое является частью тела письма. Этот тренд можно увидеть в email-рассылках у бренда Banana Republic.","type":"unstyled","key":"7d1n9"},{"data":{"image":{"id":"5f43d5184a17984833840155"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2gfpb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d58ra"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"text":"Использование белого пространства.","type":"unordered-list-item","key":"9h0j6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Использование белого пространство улучшает читабельность письма и снимает напряжение с глаз при чтении текста. На самом деле это сложно назвать тенденцией дизайна электронной почты, так как специалисты по всему миру в течение последних лет придерживаются «чистого пространства». Но несмотря на это всё больше брендов стараются использовать его в своих рассылках. Хорошие примеры можно увидеть у таких брендов, как Sugarfix и Everlane.","type":"unstyled","key":"78dc4"},{"data":{"image":{"id":"5f43d5365facec7c3c17eef2"},"images":[{"id":"5f43d5365facec7c3c17eef2"},{"id":"5f43d541c2da3a2b62493311"}],"contents":{"5f43d5365facec7c3c17eef2":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"alc3k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2n5bq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Иллюстрации.","type":"unordered-list-item","key":"9l3u7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ещё одним излюбленным приёмом среди большинства email-дизайнеров является использование иллюстраций в своих письмах. Благодаря им вокруг бренда формируется непринуждённая атмосфера, из-за которой бизнес-цели отходят на второй план. Отличный пример писем с иллюстрациями есть у Email Uplers и Anthropologie.","type":"unstyled","key":"76svo"},{"data":{"image":{"id":"5f43d557e18d4d0e3ce07f7a"},"images":[{"id":"5f43d557e18d4d0e3ce07f7a"},{"id":"5f43d56805b37613e05c31c7"}],"contents":{"5f43d557e18d4d0e3ce07f7a":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4uuke"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2afd5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Glitch-эффект.","type":"unordered-list-item","key":"bo18e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Под этим приёмом подразумевается эффект «битой» картинки, засвеченного изображения, телевизионных помех или геометрических искажений. В последнее время Glitch-эффект всё чаще используют при разработке веб-страниц, логотипов и других творческих форматов для воссоздания ретро-образа. Этот приём можно увидеть в email-рассылках у Steve Madden, приуроченных к акции Cyber Monday. ","type":"unstyled","key":"4ctrc"},{"data":{"image":{"id":"5f43d5a3469dbb71c139da01"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"94ni5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"83lmr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Минимализм. ","type":"unordered-list-item","key":"86eh2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот тренд немного схож с белым пространством внутри email-писем. В минималистических email-письмах принято использовать минимальный набор элементов дизайна. Например, в рассылке от Code School есть только изображения героев курсов, небольшое описание и кнопка с call-to-action.","type":"unstyled","key":"b6qc5"},{"data":{"image":{"id":"5f43d5b8e88e6048b31e4a05"},"images":[{"id":"5f43d5b8e88e6048b31e4a05"}],"contents":{"5f43d5b8e88e6048b31e4a05":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"86orb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2sveu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":0,"style":"BOLD"}],"text":"Контрастные цвета и пастельные тона.","type":"unordered-list-item","key":"c4n4p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Одной из самых неожиданных тенденций в дизайне email-писем является сочетание пастельных и мягких фонов с резкими и контрастными элементами. Этот приём отлично привлекает внимание пользователей к важным в письме деталям. ","type":"unstyled","key":"50ua8"},{"data":{"image":{"id":"5f43d5d5e18d4d0e3cee7fe7"},"tmpImages":[{"id":"5f43d5d5e18d4d0e3cee7fe7"},{"id":"5f43d5e2a37bfc6aab4afe27"}],"contents":{"5f43d5d5e18d4d0e3cee7fe7":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7oj6d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"fjb46"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"}],"text":"Стоковые изображения, подходящие теме.","type":"unordered-list-item","key":"7tamc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Стоковые изображения — это настоящее спасение для агентств, которые не могут позволить себе нанимать профессионального фотографа под каждую тему рассылок. Однако у стоковых фотографий печальная известность из-за того, что бренды зачастую используют устаревшие, слишко заезженные и не подходящие под тему рекламной кампании изображения. Из-за этого контент в email-письмах выглядит нереалистичным, а сам канал теряет доверие. Сейчас бренды пытаются исправить ситуацию и всё чаще в своих рассылках используют нишевые и релевантные изображения. ","type":"unstyled","key":"crvdh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Email-рассылки и landing page: единый дизайн ","type":"header-two","key":"cbcek"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Любая email-кампания будет неполной, если вы сосредоточитесь только на проработке шаблона письма. Как правило, email-письма имеют небольшой формат и рассказать о всех нюансах невозможно. Поэтому цель всех рассылок — это вызвать у подписчика интерес и перенаправить его на landing page. Подписчики ожидают плавного перехода по всем каналам, и поэтому большинство брендов стремятся поддерживать единый дизайн между своими рассылками и landing page. Для этого необходимо использовать один и тот же стиль в дизайне и изображениях, а также одинаковые тона как в рассылках, так и на landing page. ","type":"unstyled","key":"b4igi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отличный пример единого дизайна в email-письме и landing page у бренда J. Hilburn.","type":"unstyled","key":"cj6sf"},{"data":{"image":{"id":"5f43d5f014e4421d2526bbde"},"images":[{"id":"5f43d5f014e4421d2526bbde"},{"id":"5f43d5f9e73fae6c398fd51a"}],"contents":{"5f43d5f014e4421d2526bbde":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1j5jh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1javm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вёрстка email-шаблона","type":"header-two","key":"ef0le"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После того как вы подготовили макет вашего будущего email-письма пришло время перейти к его вёрстке. Письмо, идеально отображаемое на всех почтовых сервисах и устройствах, — мечта любого email-маркетолога. Давайте разберёмся как этого достичь. ","type":"unstyled","key":"32mdl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основные теги","type":"header-three","key":"p5vn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Email-маркетологу не обязательно глубоко погружаться в вёрстку писем, но имея какие-то базовые знания о часто используемых HTML-тегах, вы можете самостоятельно устранять незначительные ошибки в email-письмах. ","type":"unstyled","key":"3dmqc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML-теги и их назначение ","type":"header-three","key":"83loi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — предназначен для хранения других элементов, которые помогают браузеру работать с данными. Этот тег не виден конечному пользователю. ","type":"unordered-list-item","key":"97j73"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — это тело вашего письма, и всё, что размещено здесь, видно подписчику. ","type":"unordered-list-item","key":"42tft"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — тег для создания таблицы. ","type":"unordered-list-item","key":"9e0d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — создаёт строку в таблице.","type":"unordered-list-item","key":"dq98f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

— создаёт ячейку внутри строки.","type":"unordered-list-item","key":"8cj4k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — используется для создания гиперссылки.","type":"unordered-list-item","key":"8eb06"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — указывает, какое изображение будет использоваться.","type":"unordered-list-item","key":"cabts"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

,

— теги для форматирования заголовков. ","type":"unordered-list-item","key":"ful09"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
— определяет текстовый абзац.","type":"unordered-list-item","key":"2nmar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
— создаёт упорядоченный или нумерованный список.","type":"unordered-list-item","key":"5h98o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
— создаёт неупорядоченный или маркированный список.","type":"unordered-list-item","key":"fdpgm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
— определяет отдельный пункт списка.","type":"unordered-list-item","key":"2kia9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" — выделяет отдельные строки, символы и любые другие строчные элементы для дальнейшего изменения их оформления с помощью стилей. ","type":"unordered-list-item","key":"fk54j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Какие могут возникнуть проблемы","type":"header-two","key":"elgnp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
vs ","type":"header-three","key":"7u5gi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Первоначально HTML использовался для вёрстки веб-страниц, и только спустя какое-то время при помощи HTML стали создаваться email-письма. В то время как технологии разработки сайтов сильно развились и улучшились, email-письма всё еще создаются при помощи табличной вёрстки. Такие почтовые клиенты как Apple Mail, iOS mail, Gmail и Yahoo, в отличие от Microsoft Outlook, поддерживают HTML-тег
. Из-за Microsoft Outlook верстальщикам всё ещё приходится использовать табличную вёрстку, которая не поддерживает теги
. Каждый кусок кода с
может быть вложен между тегами
, но это увеличивает вес письма. Напомним, что такие почтовые сервисы как Gmail и Yahoo могут обрезать ваше письмо, если оно весит больше положенного. Лимит веса для Gmail — 120 кб, для Yahoo — 100 кб. ","type":"unstyled","key":"62mhh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подстраиваем вёрстку для максимального количества почтовых клиентов или только для конкретных? ","type":"header-three","key":"6dkn0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Многие клиенты электронной почты используют разные механизмы рендеринга для отображения email-писем. Поэтому есть вероятность того, что некоторые из ваших подписчиков могут увидеть не ту версию рассылки, которую вы ему отправили. Возможность открыть веб-версию письма помогает увидеть подписчикам оригинальный дизайн, но для этого им приходится совершить больше кликов, чем обычно. И это с точки зрения конверсии не правильно. ","type":"unstyled","key":"d0i33"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В такой ситуации вам нужно взвесить все «за» и «против» и сделать так, чтобы ваша рассылка была максимально совместима как можно с большим количеством почтовых клиентов. В том случае, если вы добавляете интерактивный элемент в свое email-письмо, то будет правильным добавить веб-версию письма. Или как вариант, вы можете сегментировать подписчиков по их почтовым клиентам, чтобы избежать проблем с отображением рассылки. ","type":"unstyled","key":"8h5v0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Немного о CSS ","type":"header-three","key":"cbn3t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разработчики веб-страниц указывают таблицы стилей либо в разделе , либо связывают их с внешней таблицей стилей. При вёрстке email-писем разработчики такой свободой не обладают и вынуждены их встраивать. Это увеличивает вес кода, но снижает общую скорость загрузки письма.","type":"unstyled","key":"5t3pa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Какие инструменты использовать для тестирования email-рассылок ","type":"header-two","key":"b8k2k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Email-рассылка, которую не тестировали, может здорово сократить вашу базу подписчиков. Поэтому после того, как вы заканчиваете вёрстку письма проверяйте его. Мы подготовили список сервисов, которые помогут вам с этим. ","type":"unstyled","key":"daemg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Тестирование email-рассылок","type":"unstyled","key":"d3ukj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"EmailonAcid","type":"unordered-list-item","key":"868dt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Litmus","type":"unordered-list-item","key":"a8ff3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Проверка HTML-кода","type":"unstyled","key":"5k9vo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTMLemailcheck","type":"unordered-list-item","key":"4u329"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"CSS-инлайнинг","type":"unstyled","key":"ao87d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Litmus Builder","type":"unordered-list-item","key":"ch7eo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS inliner by Campaign Monitor","type":"unordered-list-item","key":"b86pl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS inliner by HTMLemail.io","type":"unordered-list-item","key":"6njjc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Доступность","type":"unstyled","key":"7mtp9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"IA Toolkit","type":"unordered-list-item","key":"e6ae1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Google’s Accessibility Developers Tools","type":"unordered-list-item","key":"1uj11"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Wave Tool","type":"unordered-list-item","key":"bmbn4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4 вещи, которые нужно учитывать при вёрстке email-писем ","type":"header-two","key":"3fi2j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"Используйте семантический код: чаще всего email-письма просматривают на мобильных устройствах. Поэтому для удобства лучше использовать соответствующие семантические коды для заголовков и абзацев
.","type":"unstyled","key":"cisrg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"}],"text":"Добавляйте соответствующие заголовки: заголовки помогают читателю ориентироваться в тексте письма, также они упрощают процесс чтения. ","type":"unstyled","key":"18iq7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":43,"offset":0,"style":"BOLD"}],"text":"Используйте таблицы в качестве презентации: добавляйте элемент role= \"Presentation\" к каждой таблице. Благодаря ему программа чтения с экрана будет читать содержимое всего тела письма вместо отдельной ячейки.","type":"unstyled","key":"9geqq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Делайте отступы: пробелы облегчают подписчику чтение текста письма на мобильном устройстве. Отступы также добавляют пустого пространства различным элементам и не перегружают письмо. ","type":"unstyled","key":"92lfo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ошибки, которых следует избегать при создании шаблона email-письма","type":"header-two","key":"eid7h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"BOLD"}],"text":"Баланс между продвижением и решением проблем. ","type":"unordered-list-item","key":"dagp3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Согласно inbound-маркетингу, ваши клиенты сами должны обращаться к вашему бренду, а не наоборот. Другими словами, когда они подписываются на вашу рассылку, они ждут того, что ваши продукты или услуги решат их проблемы. Некоторые маркетологи переступают черту и начинают продвигать свои предложения, в то время как главная суть «как решить проблему» отходит на задний план. ","type":"unstyled","key":"6vuac"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Решение: транзакционные рассылки всегда должны быть на 80% транзакционными и на 20% рекламными. Аналогичная ситуация при создании шаблона email-письма для автоматизации процесса лидогенерации — основное внимание должно уделяться обучению подписчика.","type":"blockquote","key":"1cip3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"Рассылка, состоящая из одних изображений.","type":"unordered-list-item","key":"7q0le"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эту ошибку допускает большая часть email-маркетологов. Некоторые почтовые клиенты по умолчанию отключают изображения в рассылках, и если в вашем письме текст размещён только на изображениях, то есть вероятность того, что подписчики не прочитают его. Совсем плохо, когда email-маркетологи не прописывают alt-текст в изображениях. ","type":"unstyled","key":"fi31r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":8,"style":"ITALIC"}],"text":"Решение: в письме не размещайте текст только на изображениях и всегда прописывайте соответствующий alt-текст к изображениям.","type":"blockquote","key":"5cc5b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":0,"style":"BOLD"}],"text":"Письма с плохим форматированием текста.","type":"unordered-list-item","key":"4oq3f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пользовательские шрифты выглядят круто, но они теряют своё очарование, если они не могут отразить суть вашего письма. Некоторые шрифты хорошо смотрятся только в заголовках, в остальном же тексте они могут становится неразборчивыми. Кроме того, очень важно ставить пробелы, добавлять правильные межстрочные интервалы между словами и абзацами. ","type":"unstyled","key":"c60s7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Несоблюдение закона CAN-SPAM.","type":"unordered-list-item","key":"3p225"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Согласно закону CAN-SPAM принятым в 2009 году, любой бренд, отправляющий маркетинговые или коммерческие email-рассылки, должен добавлять определенную информацию в футер письма. Чтобы избежать серьёзных штрафов, каждый бренд должен добавлять действительный физический адрес и ссылку на отписку от рассылки. ","type":"unstyled","key":"emokm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"BOLD"}],"text":"Email-рассылки, которые вводят в заблуждение.","type":"unordered-list-item","key":"1fmsb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Маркетологи должны придерживаться прозрачности в своих рассылках и не вводить подписчиков в заблуждение. Да, кликабельная тема и call-to-action помогут вам набрать несколько дополнительных кликов, но те кто читают ваши письма могут почувствовать себя обманутыми. В результате это приведёт к резкому росту отписок от рассылок. Попасть в спам можно и из-за некоторых приёмов в оформлении рассылок. ","type":"unstyled","key":"bjtvm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Отсутствие A/B тестирования. ","type":"unordered-list-item","key":"b1ttu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Многие маркетологи считают, что они лучше знают, какая email-рассылка нужна их подписчикам. И это в корне не правильно. Поэтому будет правильным проводить A/B тестирование между двумя шаблонами писем, чтобы узнать как они воздействуют на подписчиков и что можно улучшить. ","type":"unstyled","key":"3nmls"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаблоны email-писем являются неотъемлемой частью email-маркетинговой стратегии. Понимание того, как создаются шаблоны, может помочь вам в создании лучших email-рассылок.","type":"unstyled","key":"9uvq4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вместо заключения ","type":"header-two","key":"34v7v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Наша команда надеется, что этот гайд от email-маркетингового агентства Uplers поможет вам создать email-рассылки, которые покорят ваших подписчиков. Если вам нужна помощь с настраиванием рассылок или с созданием автоматического Customer Journey — вы можете обратиться к нам. ","type":"unstyled","key":"el846"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3es9t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#email маркетинг #email рассылка #сервис email рассылок #веб-дизайн #дизайн email-писем #шаблоны для email-рассылки ","type":"unstyled","key":"8oap1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"nEQhezKvFn7HuY8tsSBP"}],"entityMap":{}},"mentions":[]}