Дизайн email-рассылки: что нужно знать об оформлении электронного письма
Дизайн email-рассылки — это оформление писем с помощью различных блоков и визуальных элементов.
Стандартные блоки — это хедер, тело письма и футер (подвал). К визуальным элементам относят логотип компании-отправителя, иллюстрации, фирменные цвета, шрифты, интерактивные элементы.
Наличие тех или иных составляющих зависит от наполнения и задачи конкретного письма.
Пример дизайна рассылки от «Нетологии». Письмо не перегружено элементами и цветовыми решениями — спокойный фон, одна основная картинка, короткий текст и призыв к действию
Какие задачи решает дизайн в рассылках
Дизайн рассылок влияет на общую визуальную привлекательность и на функциональность письма.
От дизайна зависит, дочитают ли подписчики письмо до конца, совершат ли желаемое действие. Более того, если не соблюдать правила оформления при создании писем, рассылка и вовсе может попасть в спам.
А еще рассылки, оформленные в одном стиле, повышают узнаваемость бренда.
В каждом письме от S7 есть логотип компании, а кнопки окрашены в фирменный зеленый цвет
Рекомендации по оформлению писем
Вот некоторые правила, которых стоит придерживаться в дизайне рассылок, чтобы достигать желаемых результатов.
Подготовьте шаблоны
Это инструмент для создания письма, его основа. Шаблон помогает придерживаться нужной структуры, единого оформления и упрощает процесс подготовки рассылок.
Используйте разные шаблоны для разных типов писем с необходимым набором элементов — текстом, изображениями, гифками, карточками товаров. В сервисах email-рассылок можно выбрать и отредактировать готовые шаблоны или создать свои.
Также можно подготовить единый мастер-шаблон — универсальный набор элементов и блоков для разных типов рассылок. Разработкой мастер-шаблонов занимаются дизайнеры и верстальщики. В результате получается основа, из которой удобно брать готовые блоки для любого письма. Мастер-шаблон значительно ускоряет процесс создания рассылок.
Мастер-шаблон — универсальный шаблон, который содержит все необходимые блоки письма. В зависимости от задачи блоки и элементы можно редактировать, удалять или дополнять
Определитесь с цветовой гаммой
Цвета в письмах должны соответствовать фирменному стилю, но при этом не отвлекать внимание от содержания рассылки. Яркие цвета можно использовать для важных элементов и комбинировать их с более спокойными и приятными оттенками.
Для поиска гармоничных и эффективных цветовых решений можно проводить A/B-тестирования.
Черный фон в десктопной версии письма от музея «Гараж» кажется немного навязчивым
При этом в мобильной версии черный фон создает контрастную рамку и упрощает восприятие. Если большинство подписчиков открывают рассылку музея на смартфонах, такое цветовое решение оправдано
Продумайте дизайн основных блоков и элементов письма
Хедер. В шапке письма обычно размещают лого компании-отправителя, меню со ссылками на нужные разделы сайта, контактную информацию.
Хедер не должен быть перегружен ссылками или текстом — многие компании размещают в нем только логотип или название.
Хедер писем Westwing Shop содержит логотип и кликабельное меню с разделами сайта
В хедере рассылки Zara Home есть только логотип компании
Текст и шрифт. Правильно оформленный текст с понятной структурой, абзацами и подзаголовками легко воспринимать. Важную информацию и главные мысли лучше выделять в подзаголовки или выбирать для них другой шрифт.
Количество текста зависит от задачи и типа письма. Идеального объема текста для рассылки не существует. Лучше отталкиваться от пользы и смысла, который необходимо донести до читателя.
Рассылки с минимальным количеством текста подойдут для подборок товаров и услуг, анонсов, оповещений о скидках и акциях, более длинные — для дайджестов, обучающих рассылок.
В рассылках Arzamas практически отсутствуют визуальные элементы и основную часть письма занимает текст
В рассылках PichShop текст присутствует только в заголовке и подписях к картинкам
Шрифт в рассылках также имеет значение.
Есть безопасные шрифты, которые поддерживаются всеми почтовыми сервисами: Arial, Times New Roman, Verdana, Tahoma.
Безопасные шрифты корректно отображаются в письмах и удобны для чтения. В блоге Unisender можно более подробно прочитать о том, какие шрифты использовать в рассылках.
Изображения. Картинки в письме нужны не столько ради красоты, сколько чтобы дополнить и усилить текстовое сообщение.
Изображения должны соответствовать общему стилю компании — содержать фирменные цвета, узнаваемые элементы или графику.
Картинки для анонса статей в дайджесте Unisender сделаны в одном стиле
При добавлении изображений в рассылку необходимо учитывать их размер. Письмо с тяжелыми картинками будет грузиться дольше, а изображения могут и вовсе не отобразиться.
Так выглядит письмо, в котором не прогрузились картинки
По этим же причинам не стоит оформлять все письмо одной картинкой. Кроме того, почтовые сервисы нередко определяют такие письма как спам.
Ширина изображения ограничена шириной шаблона для письма — обычно это 600 пикселей, ограничений по высоте нет, средний рекомендуемый размер картинки — 200 кб.
В конструкторе писем Unisender можно использовать картинки объемом до 500 кб.
Оптимизировать изображения помогут специальные сервисы: Tinypng, Squoosh, Optimizilla.
Изображения в большинстве рассылок делают кликабельными — к картинкам можно прикручивать ссылки на определенные разделы сайта.
Призыв к действию (CTA). Кнопки призыва к действию обычно оформляют контрастными цветами, придерживаясь общего стиля и цветов бренда. Яркий цвет кнопки привлекает внимание подписчиков к действию.
Если письмо содержит только один call-to-action, лучше разместить его ближе к началу, на первом экране. Или сделать рассылку короче, чтобы одну кнопку не приходилось долго искать. В длинные письма добавляют несколько кнопок, которые соответствуют разным действиям.
Контрастная кнопка призыва к действию сочетается с акцентами на изображениях и привлекает внимание подписчиков
Футер. В подвале письма обычно размещают контактную или юридическую информацию, ссылки на соцсети, кнопку отписки.
При этом важно, чтобы ссылку для отписки было легко найти. Если подписчик не сможет отписаться, он отправит письмо в спам, а это повредит репутации отпраителя.
Футер рассылки от «Ситилинка» оформлен с использованием фирменных цветов, а еще в нем есть популярные мемы из группы ВКонтакте, которые побуждают читателя подписаться на соцсети магазина
Лаконичный футер одной из рассылок «Т—Ж» содержит короткую подпись, ссылки на соцсети и кнопку отписки
Сделайте рассылки адаптивными
Адаптивный дизайн позволяет правильно отображать содержимое письма на разных экранах — мобильных и десктопных.
Отсутствие адаптивности под мобильные устройства может испортить письмо. Например, ссылки или кнопки с призывом к действию окажутся слишком мелкими и пользователи не смогут выполнить желаемое действие.
Стандартный размер шаблона для десктопа — 600 пикселей, для мобильных устройств — 320 пикселей. Более широкое письмо не поместится в экран и будет неудобным для восприятия.
Современные сервисы рассылок автоматически адаптируют письма под стандарты, но лучше дополнительно проверять готовую рассылку перед отправкой.
Адаптивную рассылку удобно читать на мобильном устройстве, а еще здесь большие кнопки, по котором легко с первого раза попасть пальцем, не прицеливаясь
Также одно из относительных новшеств — это «тёмная тема» (dark mode) в письмах. Она иногда включается на устройствах. Например, на смартфонах в вечернее время суток, чтобы меньше напрягать глаза. При этом цвета в рассылках меняются на противоположные: светлые участки становятся тёмными, а тёмные, наоборот, подсвечиваются.
При разработке современного дизайна писем желательно учитывать, как они будут выглядеть не только на смартфонах в адаптированном виде, но и в режиме «тёмной темы». Если этого не предусмотреть на этапе дизайна и вёрстки шаблона, в дальнейшем какие-то части письма могут отображаться некорректно. Например, логотип, загруженный с непрозрачной подложкой, окажется обведённым белым прямоугольником на чёрном фоне, какие-то элементы станут неконтрастными, плохо различимыми и так далее.
Алексей Ефимов
email-маркетолог, основатель блога «Практичный email маркетинг» и автор книг по email-маркетингу
Главные мысли
ТОП-8 рекомендаций для создания идеального письма — Маркетинг на vc.ru
В погоне за креативностью и уникальным дизайном не стоит забывать о главной цели рекламных писем — достижении целей конверсии. Ни одному бренду не нужны просто красивые рассылки.
Помня об этой простой истине, можно создать правильный дизайн письма.
В нашей статье мы расскажем, как быть убедительным без потери эстетической привлекательности в любом письме.
7346 просмотров
1. Адаптивный email-дизайн
Итак, начнем с главной рекомендации в нашем списке. Вы можете создать письмо, идеальное с т. з. дизайна, добавить в него интересный интерактив и написать броский текст. Но какой смысл в рассылке, если письмо отображается адекватно только на одном типе девайса с определенным размером экрана и только в конкретном почтовом клиенте? Не беря во внимание важность адаптивного дизайна, вся ваша работа может пойти насмарку.
Редактор Stripo позволяет скрывать некоторые элементы письма на мобильных устройствах и одновременно с этим прятать другие элементы на десктопах. Это значит, что вы можете выбирать, какие из элементов будут показаны только на мобильных гаджетах, а какие — только на ПК.
2. Размер письма
Конечно же, высота письма безгранична. Вы можете использовать столько строк, сколько необходимо для отображения всего нужного контента. Но стоит помнить: чем длиннее письмо, тем меньше шансы, что его дочитают до конца.
Общая высота веб-страницы составляет 960 px, и этого, как правило, недостаточно для предоставления всей необходимой пользователям информации, которую нужно донести через email-канал. Увы, от скроллинга не уйти. Обычно в среднем длина писем составляет порядка 1500-2000 px. Этого хватает для размещения контента, и юзерам при этом не трудно сделать 1-2 скролла. Также помните, что на мобильных устройствах, в связи с перестановкой блоков, длина email-шаблона может сильно увеличиться.
Важно отметить: во многих email-клиентах типа Outlook, Apple Mail, Thunderbird есть окно превью с ограниченным размером — 600 px в ширину и 300-500 px в высоту. Они не отображают уменьшенную копию всего письма, но захватывают верхнее его поле с соответствующим размеру окна превью. Поэтому вам следует убедиться, что первые 300-500 px содержат важную и вовлекающую информацию, которая заинтересует пользователя прочитать его до конца.
3. Не забывайте о весе письма
Не нужно говорить громких слов о важности маленького веса письма — даже в нашем современном мире множество людей сталкивается с проблемой плохого интернет-соединения.
Это не значит, что нужно отправлять только простые скучные письма. Просто делайте сжатие картинок.
Хочется также отметить, что вес кода для полного отображения в почтовом клиенте Gmail не должен превышать 102 KB, и этого стоит придерживаться.
Выше в статье уже упоминалось о том, что главной целью маркетинговых email-кампаний является убеждение ваших клиентов совершить целевое действие: купить продукт, зарегистрироваться на мероприятие, сделать благотворительное пожертвование и т.
- выбор правильного цвета кнопки. Мы знаем, что все элементы письма должны дополнять друг друга, поэтому следует придерживаться выбранной цветовой гаммы. НО, в случае с кнопкой CTA — можно поиграть;
- выбор правильной формы. Делайте свои кнопки призыва к действию квадратными, закругленными, овальными — все на ваше усмотрение. Согласно многочисленным исследованиям, форма таких кнопок абсолютно не важна;
- выбор правильного типа кнопок: затененных, CSS-анимированных, со стрелками, жирным текстом в email-дайджестах, с фейковыми триггерами, с добавлением в кнопки картинок.
Так много способов сделать кнопки привлекательными! Не бойтесь использовать любую из перечисленных идей.
5. Повышайте вовлечение с помощью АМР-компонентов и геймификации
Вы можете развлечь свою целевую аудиторию благодаря разнообразной интерактивности.
Так что же можно сотворить с помощью технологии AMP?
- Запуск квизов.
- Размещение нескольких баннеров на одном скрине (т. н. карусель).
- Предоставление актуальных данных в реальном времени — очень важно показывать юзерам самую свежую информацию в своих брендовых дайджестах, приветственных письмах и т. д.
- Обновление триггеров с подтверждением почтового адреса — почему бы не дать юзерам закончить регистрацию и посмотреть результат этого действия в том же письме?
- Предоставление клиентам возможности выбирать элементы в письмах.
- Назначение встреч прямо в письмах.
- Сбор отзывов.
Звучит прикольно, и это может повысить конверсию, не правда ли?
6.
Позвольте всем подписчикам прочувствовать красоту письма
Только представьте, 285 миллионов людей по всему миру имеют проблемы со зрением, даже когда носят очки. Это равно более половине населения Евросоюза и 87% жителей США.
А вы знали, что люди со слепотой и проблемами со зрением используют так называемые скрин-ридеры (VoiceOver для Mac, Microsoft Narrator для Windows, и т. д.), когда хотят прочитать письмо?
Так что же нужно делать, чтобы помочь этой аудитории ощутить все совершенство ваших рассылок?
Давайте начнем с малого. Просто следуйте правилам ниже:
- размер шрифта должен быть не менее 14px, но 16px более предпочтительны для нормального восприятия письма;
- избегайте использования зеленого и красного цветов в качестве контрастных. Например, не применяйте зеленый к тексту на красном фоне, и наоборот. То же самое касается цветов, которые путают люди, страдающие дальтонизмом различной формы;
- никогда не используйте зеленые кнопки на красных картинках и наоборот, иначе некоторые получатели их просто не заметят;
- всегда указывайте название цвета одежды в скобках — люди могут плохо различать цвета, но могут знать, что красный им к лицу;
- делайте текст ссылок жирным;.
- строки темы должны быть краткими и описательными. Иными словами, понятная строка темы отражает общую идею письма;
- при верстке писем со специальными возможностями стоит использовать элементы хедера типа <h2> и <p> в HTML-коде. Теги <h2>, <h3> будут иметь преимущество над обычным текстом и будут считаны ридером первыми.
Если у вас возникают какие-либо сложности в процессе создания писем, отвечающим всем этим требованиям, всегда можно обратиться напрямую к специалистам Stripo на официальной странице компании в Facebook. Мы с радостью поможем вам создавать рассылки с любовью и заботой обо всех людях.
7. Не рассылайтесь, не протестив.
Не забывайте тестировать письма перед отправкой своим пользователям.
Да, вы вложили все силы и душу в рассылку. Да, она выглядит идеально. Но это же совсем не сложно — проверить ее в самом конце.
Особенно, когда в хороших редакторах есть специальная кнопка с такой функцией.
Нажмите ее и точно убедитесь, что письмо вышло супер-пупер.
8. Пользуйтесь шаблонами, чтобы избежать рутины.
Большую часть времени компаниям нужно отправлять очень похожие письма, говорящие о скидках, новых коллекциях, информации о регистрации, о смене пароля и т. п. С большой коллекцией готовых к отправке шаблонов, такой как в Stripo, вы можете отредактировать письмо под себя буквально за пару минут — изменить картинки, описание, цену, — просто делайте все, что позволяет воображение и план продаж. Затем экспортируйте в свои ESP и почтовые клиенты и дайте миру увидеть ваши адаптивные, привлекательные и эффективные рассылки.
Mail Letter Format: Best Templates
Многие маркетологи считают прямую почтовую рассылку основой маркетинга даже перед лицом растущего цифрового охвата по уважительной причине. Согласно исследованиям, общий средний показатель открываемости прямой почтовой рассылки составляет 90%. Тем не менее, успешные кампании требуют привлечения дизайна и форматирования писем для прямой почтовой рассылки.
Метод проб и ошибок, чтобы узнать, что работает, а что нет, приведет к потере части потенциальных клиентов. Получив некачественную почту, они могут покинуть вашу компанию или стать неактивными.
Таким образом, использование шаблона прямого письма экономит ваше время и усилия. Вот краткое руководство по разработке формата почтового письма, которое улучшит ваши показатели конверсии.
Как разработать шаблон почтового письма
Маркетологи должны знать, что можно и чего нельзя делать, прежде чем разрабатывать шаблон почтового письма для своего бренда. Процесс прост, от этапа планирования до инструментов, которые можно использовать. Вот краткое изложение того, что важно при создании формата письма для почтового шаблона:
Поймите, кто ваши целевые получатели
Формат почтового письма может немного отличаться в зависимости от места, куда вы отправляете, и цели почтового сообщения. Почтовый размер 8,5 x 11 дюймов является стандартом в США, а в Великобритании используется бумага формата A4 210 x 297 мм.
Поэтому заранее изучите информацию, чтобы не запутать получателя.
Определите цель письма
Определение цели поможет вам выбрать правильный тон, бумагу и визуальные эффекты для формата почтового письма. Например, письмо в рекламных целях будет работать лучше, если оно будет включать тематические графические рисунки или красивую бумагу, противопоставленную почте, касающейся возврата денег за купленные товары.
Прочитать Обзор почтовых тарифов и цен на 2022 год
Шаблон почтового письма: как оформить (с примерами)
Вы можете отправлять письма американского размера, которые имеют уникальный формат почтового письма, если он соответствует стандартам в регионе. Такое письмо имеет такие разделы, как фирменный бланк, адрес (всегда в верхнем левом углу) и подпись. Вот пример письма, которое использует почта:
[фирменный бланк]
123 Drummond Avenue
Portland, OR 97205
23 March, 2022
Mr.
James Smith
River Inc.
578 Burns Road
Springfield, OR 97477
Dear Мистер Смит:
В эту Черную пятницу скидка 60%
Настало идеальное время, чтобы очистить свой список желаний. В эту Черную пятницу все товары в нашем магазине будут продаваться со скидкой 60%, а для наших постоянных клиентов — еще больше скидок в магазине.
У нас есть широкий выбор товаров для дома для каждой семьи:
Кухонная техника,
Чистящие средства,
Наборы инструментов для дома,
И многое другое.
Спасибо, что являетесь нашим постоянным клиентом.
Ура,
Адам Браун
Глава по маркетингу
Предложение доступно в любом из наших 12 филиалов по всей стране
Как показано в образце письма, типичный формат почтового письма включает:
- Бланк
Компании часто используют логотип или специально разработанный бланк для обозначения происхождения письма.
Отрегулируйте поля, чтобы текст не помещался поверх фирменного бланка при написании письма.
- Имя и адрес
Имя и адрес указывают на предполагаемого получателя. Персонализация является ключом к получению отклика от ваших лидов. Следовательно, вы должны обеспечить точную информацию в этой части письма. Если вы хотите проверить качество адреса, используйте инструменты автоматической проверки адреса, которые форматируют и проверяют адресные данные.
- Дата
Если вы отправляете предложение по почте, получатель должен знать, действительно ли оно еще при открытии письма. Как правило, каждое письмо содержит выписанную дату. Примерная дата отправки письма — 16 февраля 2022 года. Ссылка с кратким описанием достигает этого.
- Приветствие
Для делового письма наиболее подходящим является официальное приветствие. Пример письма с приветствием по почте может быть «Уважаемый мистер Пит Эдвардс».
Прочитать Как отправить письмо: пошаговые инструкции
Готовы очаровать своих клиентов?
Автоматически отправлять персонализированную прямую почтовую рассылку на основе действий клиента.
Спасибо! Ваша заявка принята!
Ой! Что-то пошло не так при отправке формы.
Отправляя эту форму, я подтверждаю, что прочитал и понял Политику конфиденциальности Inkit .
- Предмет/тело
В вашем шаблоне прямой почтовой рассылки тело письма следует после приветствия. Здесь вы делитесь целью письма с читателем. Подробно опишите проблему или предложение. Уточните, это скидка 40% от вашей программы лояльности клиентов или отсутствующий счет.
- Закрытие
Закрытие простое, например, С уважением или С наилучшими пожеланиями. Сделайте это кратко и точно.
- Подпись
Подпись уникальна для каждого отправителя и служит подтверждением того, что письмо отправлено указанным отправителем.
- Инициалы отправителя
Как и в случае с подписью, имя и инициалы указывают на то, что письмо отправлено из компании.
- Приложения
Включите примечание в качестве приложения, если есть что добавить после тела письма.
Примеры прямой почтовой рассылки для делового общения
Ниже вы можете увидеть полный блок (наиболее популярный формат) и полублок делового письма. Основная характеристика последнего заключается в том, что первая строка каждого абзаца имеет отступ. Это делает его более случайным.
ПИСЬМО ПРИМЕР ФОРМАТ РАСПОЛОЖЕНИЯ ДЛЯ ПИСЬМО СТИРА
123 Drummond Avenue
Портленд, или 97205
(555) 555-1234
19 ноября 2021
Гр. River Inc.
578 Burns Road
Springfield, OR 97477
Уважаемый г-н Джеймс Смит,
Я пишу вам по поводу недостающего счета за последнюю партию, доставленную 2021 октября , номер заказа 2140164у18.
Мы просим вас связаться с нашим офисом, чтобы получить дополнительную информацию о том, как решить эту проблему.
[Signature]
Terrence John
Менеджер по счетам
Формат письма в стиле полублака по почте
123 Drummond Avenue
Portland, OR 97205
Уважаемый г-н Джеймс Смит:
Я рад сообщить вам об акции со скидкой 45%, которую наша компания проводит в декабре этого года. Настало идеальное время, чтобы очистить свой список желаний. В этом праздничном сезоне все товары в нашем магазине будут продаваться со скидкой 45%, а для наших постоянных клиентов — еще больше скидок.
У нас есть широкий выбор товаров для дома для каждой семьи:
- Home Entertainment Systems,
- Couches,
- Кухонные приборы,
- ,
- Colders,
и More.
Сящно,
[Подпись]
Терренс Джон
Отправить по почте.
следующая вещь должна автоматизировать ваш почтовый маркетинг. Это работа для Inkit Send. Это инструмент, который синхронизирует почту на основе триггера с онлайн-активностью и событиями пользователя. Люди получают персонализированные письма как часть автоматизированного маркетингового рабочего процесса.Вот что вы можете ожидать:
- Интеграция с прямой почтой . Пользователи могут интегрировать свое программное обеспечение CRM с Inkit Send API, чтобы автоматическая прямая почтовая рассылка стала одной из его функций. Интеграция с API проходит гладко и требует минимального времени для завершения и настройки.
- Автоматизация полного цикла . Send автоматизирует каждый этап прямого почтового маркетинга, от печати почты до доставки и отслеживания. Следовательно, вашей команде не нужно контролировать процесс. Это уменьшает ручные усилия маркетологов и делает рассылки более точными.
- Многоканальные кампании . Inkit Send позволяет сделать прямую почтовую рассылку такой же персонализированной, как онлайн-каналы. Он становится эффективным элементом ваших многоканальных маркетинговых кампаний.
Inkit Send позволяет сделать прямую почтовую рассылку такой же персонализированной, как онлайн-каналы. Он становится эффективным элементом ваших многоканальных маркетинговых кампаний.Есть и другие причины, по которым Inkit является лучшим выбором для компании, желающей оптимизировать свои кампании с помощью креативного дизайна писем прямой почтовой рассылки. Воспользуйтесь этой возможностью. Получите Inkit бесплатно прямо сейчас.
Готовы очаровать своих клиентов?
Автоматически отправлять персонализированную прямую почтовую рассылку на основе действий клиента.
Отправляя эту форму, я подтверждаю, что прочитал и понял Политику конфиденциальности Inkit .
Спасибо! Ваша заявка принята!
Ой! Что-то пошло не так при отправке формы.
Создание шаблонов писем прямой почтовой рассылки с персонализацией и отслеживанием
Postalytics упрощает создание шаблонов писем прямой почтовой рассылки, которые можно персонализировать и автоматизировать с помощью нашего упрощенного и интуитивно понятного редактора прямой почты.
В Редакторе у вас есть возможность создавать шаблоны писем прямой почтовой рассылки с нуля или вы можете выбрать один из наших готовых шаблонов, созданных профессиональным дизайнером, которые затем можно изменить в соответствии с вашими потребностями. Узнайте больше о готовых шаблонах.
В этой статье мы рассмотрим этапы создания дизайна письма с нуля и навигации по редактору путем добавления текста, изменения шрифтов, добавления изображений, персонализации с использованием переменных данных и многого другого.
Прежде чем мы начнем, обязательно откройте и просмотрите нашу справочную статью Понимание редактора Postalytics Direct Mail. В этой статье подробно описаны все функции редактора. Поскольку вы знакомитесь с использованием редактора, рекомендуется держать эту статью открытой при создании любого формата шаблона.
Шаблоны писем, разработанные в Postalytics, можно использовать со стандартными белыми конвертами №10 с двойным окном или с нестандартными конвертами , которые можно разработать и заказать через Postalytics.
В приложении Postalytics в раскрывающемся меню «Творчество» выберите «Новый шаблон», затем выберите «Создать в редакторе».
Выполните шаги, чтобы приступить к созданию нового шаблона, выбрав «Письма» в раскрывающемся меню «Выберите тип шаблона».
Присвоение имени шаблону
В верхней части редактора находится область для ввода имени шаблона, сохранения, сохранения и закрытия и закрытия. При выборе «Закрыть» имейте в виду, что никакие изменения не будут сохранены.
Обязательно назовите свой шаблон.
Под разделом «Именование» вы увидите вкладки в левом верхнем углу, которые указывают страницы письма. У вас есть возможность размещать содержимое на лицевой стороне распечатываемых страниц или на лицевой и оборотной сторонах (Настройки/Двусторонняя), что дает вам до 6 физических страниц и 12 страниц общего содержимого.
Узнайте больше о многостраничных письмах .
Вкладки в правом верхнем углу этой области:
- UNDO
- REDO
- Выравнивание
- SNAP TO GRID
- POST POSTAG Статья редактора выше) — это рабочая область в редакторе.
В средней области редактора вы будете проектировать и создавать свою прямую почтовую рассылку, мы называем это холстом.
Зеленая пунктирная линия — это безопасное поле:
- Сохраняйте весь текст, фигуры и изображения, которые не должны примыкать к краю, в пределах этой границы.
- Контент за пределами этой границы может быть обрезан.
Черная линия — это линия выпуска за обрез:
- Она выходит за пределы размера обрезки и обрезается при печати открытки.
- Используйте это, чтобы убедиться, что изображения или цветные блоки достигают края открытки без каких-либо неприглядных краев.
В верхней левой части холста находится адресная область. Все проекты должны быть сделаны вокруг этой области, так как ее нельзя перемещать или изменять. Вы можете включать и выключать вид адресной области с помощью элемента управления в правом верхнем углу холста.
Размер документа и безопасное поле
Ниже приведены спецификации размеров для формата Letter
Размер документа
8,5 x 11 дюймов Letter
Guides H x W (in) H x W (px) Safe Margin 8.4375” x 10.9375” 2531.25 x 3281.25 Document Size 8,5 ”x 11” 2550 x 3300 Спецификации фонового изображения 300 DPI (точно не более высокая или нижняя) 25502502502502550 292550925550. 555092550. 55025550. 502550. 555092550. 25502550. 25502550. 25550. 255550. 2200 (точно не более высокая или нижняя)0372 2,35″ x 4,32″ 705 x 1296 Прохождение дизайна письма
Теперь давайте пройдемся по шаблону в редакторе, чтобы создать письмо.
Шаг 1: Выберите шаблон письма
Редактор автоматически откроется в выбранном формате.
Шаг 2: Название письма
Переименуйте свое письмо в «Введение письма» в левом верхнем углу редактора.
Шаг 3: Выберите шрифт
Создайте текстовый блок, перетащив значок T с левой панели «Создание» на холст.
Щелкните текстовый блок и на левой панели свойств и стилей просмотрите список шрифтов, чтобы определить, какой из них использовать. В этом пошаговом руководстве выберите шрифт Cabin.
Шаг 4. Добавление переменных данных
Дважды щелкните только что добавленный текстовый блок, затем выделите и удалите образец текста.
В левой части редактора щелкните значок «Переменные данные» в разделе «Персонализация».
Появится всплывающее окно. В разделе «Доступные вставки переменных данных» нажмите «Имя».
Вы увидите, что «%First Name%» заполняется в текстовом блоке на холсте.
Вы также можете добавить текст, который вы хотите, до или после поля переменных данных, и обязательно включите пробелы и пунктуацию. Например : Happy Holidays %First Name%,
Узнайте больше об использовании персонализации с переменными данными.
Шаг 5. Напишите содержание письма
Затем создайте новый текстовый блок и измените шрифт на Cabin. Напишите желаемое содержание для письма
Существует множество инструментов для улучшения читабельности текстовых элементов, включая жирный шрифт, подчеркивание, курсив и маркеры.
Чтобы использовать эти функции, просто дважды щелкните текстовый блок, выделите определенные слова, чтобы выделить их.
Появится всплывающее окно, которое будет приспособиться:
- BOLD
- Италояна
- Подчеркивание
- Strikethrough
- Изменение слов
- Добавить специальные символы
- .0003
Шаг 6. Добавьте изображения
Чтобы добавить изображение, нажмите и перетащите значок изображения с левой стороны в разделе «Сборка».
Щелкните блок изображения на холсте, который затем заполнит панель свойств с правой стороны. Выберите «Обзор» и загрузите изображение по вашему выбору.
Вы можете загружать неограниченное количество изображений в Postalytics Asset Manager, а затем использовать их снова и снова.
Изображения должны быть в формате .jpg или .
png с разрешением 300 dpi для наилучшего качества печати.Фоновые изображения Letter должны соответствовать следующим требованиям: ширина = 2550 пикселей, высота = 3300 пикселей, 300 точек на дюйм. Помните, что если разрешение выше или ниже, даже если высота и ширина правильные, ваше изображение может не загружаться или отображаться неправильно.
Дополнительную информацию о том, как экспортировать изображения из продуктов Adobe®, см. в нашей статье Build Offline .
Шаг 7. Добавление маркированного списка
Существует два способа добавления маркированного списка.
Во-первых, вы можете просто щелкнуть и перетащить значок маркированного списка с левой стороны в разделе «Создать» на холст.
При использовании этого метода панель свойств и стилей заполняется и позволяет выбрать стиль списка.
You can choose from different bullet point styles:
- Circle
- Disc
- Square
- Decimal
- Decimal Leading Zero
- Lower Alpha
- Upper Alpha
- Upper Roman
Use the styles panel to format ваш размер текста, цвет и т.
д. соответственно.Во-вторых, вы можете создать маркированный список, дважды щелкнув текстовые блоки на холсте, а затем дважды щелкнув и выделив раздел, в который вы хотите добавить маркированный список. Это заполнит редактор отдельных текстовых элементов.
Выберите символ авторского права, чтобы открыть дополнительные специальные символы. Выберите маркер. Это позволяет создавать маркированный список, не создавая новый текстовый блок.
Шаг 8: Добавьте pURL
Postalytics предлагает отличные инструменты для онлайн-отслеживания ваших получателей — как по pURL, так и по QR-кодам. С обеими функциями ваша аудитория будет перенаправлена на выбранную вами целевую страницу после того, как они будут идентифицированы с помощью уникального URL-адреса для полученной ими рассылки. Postalytics упрощает отслеживание, это опция для каждого создаваемого вами шаблона письма или открытки. Узнайте больше о pURL
В приведенном ниже примере вы заметите, что мы также создали синее прямоугольное поле, чтобы выделить pURL. Для этого нажмите и перетащите значок прямоугольника с левой стороны в разделе «Сборка» на холст.
Затем с помощью панели «Свойства и стили» справа измените цвет и размер прямоугольника.
Затем текстовое поле pURL можно наложить на прямоугольник и расположить по своему усмотрению. Вы можете изменить цвет и толщину шрифта, используемого для pURL, чтобы сделать его еще более заметным.
Шаг 9. Добавьте QR-код
QR-коды облегчают получателям переход в Интернет и просмотр вашего контента. Благодаря недавним инновациям в области мобильных телефонов они вернулись.
В Postalytics QR-коды автоматически открывают pURL или уникальный URL-адрес отслеживания, созданный для каждого почтового отправления в вашей кампании. Получатель почтового отправления автоматически перенаправляется на целевую страницу по вашему выбору, которую вы указываете в мастере кампании.
Чтобы завершить, нажмите значок QR-кода с левой стороны в разделе Отслеживание. Заполнитель QR-кода будет добавлен в верхней части холста. Нажмите и перетащите его в нужное место на холсте. Размер можно изменить, дважды щелкнув элемент. Вокруг заполнителя QR-кода появится синяя рамка. Нажмите и перетащите любое из маленьких синих полей, чтобы изменить размер.
Шаг 10: Начало проверки шаблона
Чтобы иметь возможность использовать готовый дизайн в кампании, шаблон должен быть проверен. Нажмите красную кнопку «Шаблон проверки» в правом верхнем углу редактора.
Затем вы начнете процесс проверки вашего шаблона, и вам будет предложено выбрать источник данных. Здесь вы можете выбрать «Образец данных» или «Список данных», чтобы заполнить переменные поля в шаблоне.
После выбора источника данных вы можете добавить любой обратный адрес в Proofer. Информация по умолчанию берется из профиля Postalytics.
Шаг 11. Настройка pURL
Если ваш шаблон содержит pURL и/или QR-код, вам необходимо настроить его для проверки. Этот шаг в корректоре предназначен только для просмотра и проверки, и ссылки не будут активными. Они активны только после отправки кампании.
Шаг 12. Подождите, пока будет создана проба
Теперь редактор готовит пробу для просмотра.
Шаг 13. Просмотрите пробный оттиск, распечатайте или загрузите
Эти пробные оттиски в формате PDF с высоким разрешением позволяют увидеть почтовое отправление в том виде, в котором оно будет напечатано, включая все переменные поля, заполненные выбранным источником данных.
Вы сможете переключаться между несколькими доказательствами, чтобы увидеть влияние самых длинных имен, адресов, других переменных и строк pURL.
Если вы хотите поделиться доказательством, вы можете легко распечатать его или даже загрузить, чтобы прикрепить к электронному письму.
Примечание. Крайне важно проверить, как ваши переменные данные заполняются в доказательстве. Каждая переменная имеет разную длину символов, поэтому, пожалуйста, наметьте соответствующую область на вашем дизайне, чтобы разместить самые длинные имена, pURL или другие типы используемых данных.
Если вы удовлетворены подтверждением и все страницы проверки подтверждены, добавьте свои инициалы и выберите Принять окончательное подтверждение!
Если необходимо внести какие-либо изменения, выберите «Вернуться к редактору». Затем вам нужно будет снова пройти процесс проверки.
Шаг 14. Шаблон готов к использованию в кампании
После окончательного подтверждения шаблон будет помечен зеленой галочкой в столбце Подтверждение в вашей библиотеке шаблонов. Теперь его также можно будет выбрать для использования в кампаниях Postalytics Smart Send или Triggered Drip .
png с разрешением 300 dpi для наилучшего качества печати.
д. соответственно.
