Как создать и оформить красивое письмо для рассылки ✉️ — eSputnik
Емейл-маркетинг — это проверенный инструмент для создания долгосрочных отношений с подписчиками и клиентами. Вы получаете возможность встречаться с ними там, где они бывают каждый день — в почтовом ящике.
Чтобы получатели с нетерпением ждали ваши письма, мы расскажем, как просто сделать красивое письмо для рассылки в нашем редакторе шаблонов.
Как использовать функцию Drag-and-Drop
Несколько минут — именно столько теперь занимает создание письма, ведь мы уже выполнили за вас всю основную работу. Даже новичок сможет быстро создать качественное письмо. Используйте уже готовые блоки: кнопки призыва к действию, иконки соцсетей, карточки товаров. Просто перетащите нужный вам блок в емейл и добавьте в него изображение или текст.
C каждым разом сервис все больше и больше нравится, а именно: очень удобный редактор писем. Наконец мои рассылки стали реально хорошо выглядеть
— Андрей Тараканов
Как оформлять разные элементы письма
Предзаголовок (Preheader) — содержит текст, который в почтовом ящике отображается сразу за темой письма. Идеальная высота — 50-65 пикселей.
Заголовок (Header) — как правило, в нем размещается меню и логотип. Если лого большое, можно задать высоту 150-200 пикселей, если нет — хватит 70-ти.
Баннер — с его размерами можно поэкспериментировать: ширина ограничена рамками шаблона, а длина может быть какой угодно. Самый распространенный вариант использования — 640×480 пикселей.
Текстовый блок
— служит для раскрытия темы письма, на должно хватать 5-7 предложений. В одной строке не должно быть более 75 знаков. Высота блока — 500-600 пикселей.Карточки товаров — обычно используют не больше 3-х карточек в одной строке и 9-ти во всем письме, но можно использовать и технику коллажа. Слишком тяжелые изображения тормозят загрузку письма, но низкокачественные и неоригинальные фото товаров использовать тоже не стоит. Чтобы уменьшить вес изображения, сжимайте их в специальных сервисах.
Кнопка Call To Action (СТА) — чем четче сформулирован призыв, тем больше получателей совершит целевое действие. Ограничений по размерам нет.
Футер — здесь размещаются контакты компании, иконки соцсетей и ссылка на отписку. Оптимальный размер — 600×200 пикселей.
Создать свою первую рассылку
ЗарегистрироватьсяКак добавлять в письмо изображения
Иногда поиск подходящей картинки может стать непростой задачей — сложно найти фото, не защищенное авторским правом, еще и в хорошем качестве. С eSputnik вы забудете об этой проблеме: в редактор встроен банк бесплатных изображений с удобным поиском по темам. Выбранную картинку остается перетащить в нужный блок емейла. Конечно, вы можете добавлять и собственные изображения, загружая их в письмо или указывая ссылку.
Как редактировать изображения в письме
После того, как вы выберете подходящее изображение, вы сможете отредактировать его прямо в шаблоне. Картинку можно обрезать, повернуть, наложить на нее фильтры и добавить стикеры, изменить резкость. А еще вы можете наложить поверх изображения текст — и получите готовый баннер!
Как добавить в письмо ролловер
Ролловер — это очень полезная фишка для eCommerce-рассылок. Когда пользователь наводит курсор на изображение, оно заменяется на альтернативное. С его помощью вы можете показать разные стороны товара, его важные элементы, варианты в разном цвете и т.п. Главное, чтоб картинки были одинакового размера.
Как сделать HTML-письмо
Для профессионалов, хорошо разбирающихся в HTML-коде, у нас есть встроенный редактор HTML. В нем реализованы такие полезные функции, как поиск, подсветка синтаксиса и автоматическое закрытие тегов. Благодаря им вы сможете комфортно сверстать целое письмо или его отдельный блок с собственными стилями и форматированием.
Система eSputnik оказалась очень интуитивно понятной и простой в использовании: письма легко создавать, редактировать, проводить эксперименты с разными темами, содержанием и пр. Мы увидели, что на е-мейл рассылках можно хорошо зарабатывать. Главное — иметь план и делать их качественно и регулярно
— Елена Мельниченко
Как автоматически заполнять карточки товаров
Теперь у вас появится масса свободного времени на творческие задачи, ведь данные для карточек товаров больше не нужно вносить вручную. Используйте smart-блоки — это автоматический генератор контента в письмах. Укажите в smat-блоке ссылку на карточку товара на сайте, и в емейл автоматически подтянется его описание, фото и цена.
Как создать адаптивное письмо
Адаптивное письмо выглядит одинаково хорошо и на компьютере, и на планшете, и на мобильном. Учитывая, что большая часть получателей открывает письма на мобильных, очень важно адаптировать каждую рассылку. Создание адаптивного письма может стать очень сложной и трудоемкой задачей, но только не в eSputnik. Здесь вы настраиваете ее одним щелчком мыши, причем как для всего письма, так и для его отдельных элементов. Отдельные блоки при показе на мобильном можно скрыть — например, текстовые, если они занимают много места.
Удобно с первого взгляда. Корректная верстка писем, выглядит аккуратно. Подробные отчеты — можно показать заказчику, можно провалиться самостоятельно, вплоть до контактов, не перешедших по ссылке. Поддержка быстрая, хороший блог – много полезностей в одном месте
— Дарья Мазурина
Как добавить видео в письмо
Традиционный способ выглядит так:
- Вставьте ссылку в поле «Ссылка на видео» и подождите, пока подгрузится титульная картинка.
- Альтернативный текст пропишется автоматически.
- Задайте цвет кнопке «Play» по своему усмотрению.
Новый способ — технология AMP в емейлах. С ней можно вставить в письмо не только видео, а целый сайт 🙂
Last post
Как красиво написать письмо
Тут работает простое правило — чем проще, тем лучше. Специалисты рекомендуют посвящать одно письмо одному целевому действию.
При выборе шрифта для рассылки будьте осторожны: почтовые клиенты поддерживают не все шрифты. С уверенностью вы можете использовать 10: Arial, Courier / Courier New, Geneva, Georgia, Helvetica, Palatino, Tahoma, Times New Roman, Trebuchet MS, Verdana. Если почтовик не поддерживает выбранный вами шрифт, он заменит его на собственный, установленный по умолчанию. Для экспериментаторов в eSputnik есть набор нестандартных шрифтов:
Заключение
Мы не понаслышке знаем, как сделать красивое письмо для рассылки, потому что каждый день отправляем тысячи рассылок и сотрудничаем с самым широким спектром онлайн-бизнеса: от fashion-индустрии до медицинских компаний. Функции нашего редактора разрабатываются с учетом специфических нужд каждого из них.
Попробуйте и убедитесь сами!
5.0 из 5 на основе 11 оценок
Как сделать письмо для E-mail рассылки на онлайн-конструкторе Wilda
Все мы пользуемся электронной почтой, и часто получаем красивые оформленные электронные письма, содержащие не просто текст, а еще изображения, логотипы, цветные фоны и другие элементы дизайна.
Оформить такое письмо можно двумя способами:
- Создав html версию письма
- Отправив цельное изображение в теле письма.
Остановимся на каждом варианте подробнее чуть ниже, а пока давайте разберемся, что такое Html письмо, и в чем особенности его оформления.
Что такое Html письмо?
Html письмо – это письмо, созданное на языке Html (также, как и сайты в интернете). Если у вас нет достаточных навыков, то самостоятельно создать такое письмо у вас не получится. Для этого вам потребуется помощь профессионального верстальщика, который создаст такое письмо с помощью материалов, предоставленных ему вами: тексты, изображения, структура письма. После создания html письма вам понадобится специальное программное обеспечение для рассылки его адресатам.
Существует достаточно много сервисов, позволяющих самостоятельно создать электронное письмо с помощью готовых шаблонов или используя конструкторы Html писем, а затем отправить его. Минусом этого подхода может стать некорректное отображение вашего письма у некоторых получателей, так как при создании письма может генериться лишний код, либо шаблоны недостаточно хорошо адаптированы под различные почтовые клиенты – программы, собирающие и отправляющие почту, такие как Mail, Yandex, Gmail, Rambler, Outlook,Thunderbird или The Bat.
Та же самая проблема существует и с отображением Html писем на мобильных устройствах. Ведь, по сути, рассылка и есть почти полноценная страница сайта, которая должна быть адаптирована под различные устройства.
Помимо этого, при создании рассылки требуется учитывать ограничения по использованию номенклатуры шрифтов, так как если на компьютере вашего получателя не установлен шрифт, выбранный вами для оформления письма, то он заменится на один из общеупотребительных шрифтов, например, Arial, и ваша дизайнерская задумка может не состояться!
Вывод: Как вы видите, создать Html рассылку не так просто, и вам не обойтись без помощи профессионального верстальшика или специального программного обеспечения, что, однако, не гарантирует одинаковое отображение на всех устройствах.
Чем Wilda может вам помочь?
На конструкторе Wilda вы можете:
Создать рассылку в виде изображения и вставить в тело письма
Для этого при создании нового документа выберите тип «E-mail рассылка» или воспользуйтесь подходящим шаблоном. Ширина документа будет 700 px – рекомендуемое значение для успешного отображения письма на мобильных устройствах, а высоту вы можете регулировать в зависимости от контента. После окончания редактирования просто сохраните ваше письмо в виде Jpeg файла.
Изображение, созданное на онлайн-конструкторе Wilda.
Процесс создания E-mail письма со вставкой изображения.
Такой способ создания писем будет удобен, если:
- вам необходимо отправлять небольшие информационные письма высотой в один экран: открытки и поздравления, информацию о смене адреса, офиса, баннер о старте продаж продукта или услуги и т.д.
- у вас одна ссылка в письме. В любом почтовом клиенте можно прикрепить одну ссылку к вашему изображению. Однако, в случае необходимости вы всегда сможете добавить к изображению любой текст, в котором также могут быть ссылки!
- у вас небольшое количество адресатов. Например, у Вас база из 100 клиентов, и вы хотите красиво поздравить их с праздником. Вам нет смысла заказывать дорогостоящую рассылку. Просто создайте поздравительную открытку и вложите в тело письма! При этом, вы можете пользоваться бесплатными почтовыми клиентами на Google, Яндекс или Mail, у которых лимиты на отправку составляют до 400 писем в сутки, чего вполне достаточно для большинства случаев;
- вам нужна скорость. Создать рассылку на основании шаблонов очень быстро. Вы просто меняете изображения и тексты в шаблон на собственные, скачиваете файл в формате Jpeg и вставляете в тело письма;
- у вас минимальный бюджет. В данном случае вы оплачиваете только услуги конструктора по скачиванию документа;
- у вас сложный для верстки дизайн, либо вы хотите использовать креативные дизайнерские или фирменные шрифты, так как для обычных Html рассылок набор шрифтов четко регламентирован и ограничен.
Помимо этого, благодаря такой услуге, как Публикация, у вашего письма будет веб-версия. Она служит для того, чтобы получатели, у которых не отобразилось изображение, могли перейти на его электронную версию и ознакомится с содержимым. Образец веб-версии письма.
Для создания веб-версии письма вам достаточно просто опубликовать ваш макет на сайте Wilda, и у него появится собственный адрес в сети.
Создать макет письма для последующей верстки в Html
Если обстоятельства требуют от вас создания Html письма, то с помощью конструктора Wilda вы можете создать макет письма для того, чтобы специалистам было проще понять, что вам необходимо. Вместе с макетом вам останется только передать специалисту исходники изображений и ждать результата!
Подробнее об оформлении электронных писем читайте в статье Как создать письмо для E-mail рассылки.Создать элементы для Html рассылки
В любом Html письме есть необходимый набор элементов: шапка, подвал, фон или изображения. С помощью онлайн-конструктора Wilda вы можете создавать или редактировать эти элементы, сохраняя каждый в
отдельности в виде файла Jpeg.
Для этого в конструкторе предусмотрено создание документов любых размеров.
Уточните у вашего специалиста необходимые требования к элементам и создайте их на конструкторе.
Вы легко справитесь с этой задачей, особенно если уже создавали для себя какие-нибудь документы. При этом в конструкторе уже будут храниться ваши логотипы, изображения,
фирменные цвета и т.д.
Резюмируя все вышесказанное, конструктор Wilda будет, несомненно, полезен всем, кому необходимо создать красивую и эффектную E-mail рассылку.
10 советов по оформлению Email рассылок / Habr
Мы уже не раз писали в наших статьях о значимости дизайна при создании email-кампании. «Design is everything», — кричат прогрессивные иностранные маркетологи, PR-менеджеры и дизайнеры. Красивое оформление фирменных материалов, начиная от сайта компании и заканчивая рекламными листовками и постами в социальных сетях — залог популярности бизнеса у современного покупателя. Email рассылки не должны быть исключением.В этой статье делимся с вами десятью самыми важными и актуальными принципами привлекательных писем.
Первое впечатление
Эффективный email-дизайн — не только правильное цветовое решение и подбор красивой картинки для письма. Действие дизайна начинается еще в папке «Входящие» — до того, как подписчик нажал на кнопку «Открыть». Поэтому стоит уделять особое внимание следующим пунктам.
1. Графа «От кого»
Первая причина того, что пользователи открывают письма — они узнают адресанта. Постарайтесь сделать так, чтобы ваши подписчики без проблем распознавали ваше имя отправителя и, не задумываясь, сразу же переходили к чтению письма. Не используйте общие названия вроде «do-not-reply», «news» и тому подобные. Идеальный вариант: название компании + имя одного из её сотрудников — например, «Елена из Имобис».
2. Тема письма и прехедер
Тема должна привлекать внимание, вызывать интерес и держать небольшую интригу, давая подписчику дополнительную причину открыть послание. Не жалейте тратить больше времени на её формулировку — уместить посыл всего письма в 32-50 знаках не так уж просто.
Чтобы не попасть в папку «Нежелательные письма», конечно же, избегайте CAPS LOCK и обилия восклицательных знаков.
В помощь основной теме письма используйте прехедер — дополнительное поле, которое поможет получателю узнать больше о содержании письма.
Эстетическое восприятие
Если верить исследованию компании Constant Contact за 2014 год, около 75% пользователей немедленно удаляют письмо, если оно некорректно отображается на их мобильном девайсе. К сегодняшнему дню это число, несомненно, возросло. Итак, что следует сделать, чтобы дизайн письма вызвал у подписчиков положительные эмоции?
3. Используйте адаптивный дизайн
Как мы уже неоднократно говорили, это очень важно. Ширина макета не превышает 600 пикселей, а размер кнопки варьируется от 35 до 47 пикселей (для удобного нажатия пальцем).
4. Сделайте свои email письма частью бренда
Узнаваемость, узнаваемость и еще раз узнаваемость. Брендированность электронных писем помогает выделяться среди тысячи других сообщений. Включите в макет письма логотип компании, создайте стандартный шаблон, который можно будет лишь немного видоизменять от рассылки к рассылке.
5. Контролируйте набор шрифтов
Не стоит изощряться с разнообразием стилей, тем самым перегружая общий вид письма. Выберете один-два основных шрифта, которые станут вашими фирменными, и всегда используйте только их.
6. Найдите правильный цветовой баланс
Фирменные цвета, которые будут сочетаться с логотипом — отличный вариант. Не перенасыщайте письма яркими частями, оставляйте больше «свободного» светлого пространства: такие письма и информация в них воспринимается подписчиками гораздо легче. При заливке основного заголовка или мотивационного посыла избегайте светлых оттенков (даже если цвет, например, ярко-оранжевый) – расставить акценты и выделиться помогут именно тёмные надписи. Как показывает практика, только изменение цвета мотивирующего текста приводит к увеличению числа целевых кликов на 6,64%.
Призыв к действию
Предыдущие советы помогают создать письмо, которое подписчикам захочется открыть и прочитать. Однако это не совсем то, что нам нужно. Основная цель любой email-кампании — совершение пользователем какого-либо потребительского действия.
7. Вставляйте, по крайней мере, один призыв к действию
Ясный, четкий и понятный он должен находиться в начале письма. А после – кнопка или ссылка call-to-action, яркая, заметная и удобная для нажатия.
Кнопки или ссылки? Категоричного ответа на этот вопрос аналитики не дают – зависит от контекста. Поэтому эффективнее использовать и кнопки, и ссылки. Если с ссылками всё более ли менее ясно, то на оформлении кнопок стоит сделать акцент в нашей статье.
- Размер — не менее 40 пикселей;
- Подбирайте цвет кнопки под дизайн вашей рассылки;
- Простые и понятные формулировки;
- Ваш призыв должен дополнять фразу «Я хочу»;
- Оставьте достаточно свободного пространства вокруг кнопки;
- Проверьте удобство нажатия кнопки на мобильных устройствах;
Недавние исследования Campaign Monitor показали, что добавление более 5-7 ссылок (исключая ссылки на социальные медиа) оказывает минимальное влияние на количество кликов. Письма с 1-3 ссылками дают наивысшие показатели (Click Through Rate).
8. Вставляйте социальные кнопки
Ссылки на ваши аккаунты в социальных сетях — это отличный способ повысить эффективность вашего бизнеса даже с помощью информационных рассылок. Вставляя ссылки на социальные сети, вы получаете дополнительную возможность взаимодействия с собственной аудиторией на других интернет-площадках.
Уверенность в успешной доставке
В заключение хотелось бы рассказать, как увеличить шансы попадания сообщений в папку «Входящие», а не в папку с «Нежелательными письмами».
9. Будьте осторожны с размерами вложений
Большинство почтовых провайдеров ограничивают возможный объем медиа-вложений в теле письма. Придерживайтесь размера 10 МБ и ниже, чтобы избежать каких-либо проблем с доставкой рассылки.
Не стоит вставлять картинки большого разрешения: ширина макета письма, как мы уже выяснили, не должна превышать 600 пикселей, поэтому не имеет смысла использовать изображение больше этого значения.
10. Для каждого изображения, даже логотипа в хедере, необходимо прописывать тэг «alt» латиницей
Подходите к процессу создания email-кампании разумно. Не забывайте, что подписчики и их удовлетворенность рассылками — залог успеха вашей компании.
Как сделать красивое письмо для рассылки: 6 дизайнерских секретов
Как создать письмо для рассылки: основные проблемы
Наша тема на сегодня: дизайн электронного письма. Важно, чтобы этот правильный дизайн работал и приносил результат. Оформление — не то, что получатель сразу увидит и оценит. Чтобы труды на разработку классно написанного письма с грамотным дизайном окупились, сообщение должно быть доставлено целевой аудитории и должно быть открыто. Только после того, как эти два пункта решены, можно думать о том, как сделать красивое письмо для рассылки.
Доставляемость: как создать рассылку с минимальным попаданием в спам?
Я расскажу на примере Getresponse.ru
Тут рецепт достаточно прост. Сервис платный и жалеть о покупке вам точно не придется. «Гетрик» многими пионерами имейл-маркетинга называется «сервисом, гарантирующим самую высокую доставляемость во «Входящие» на сегодняшний день». И так уже много лет.
Чем больше база, тем больше стоит абонемент. Покупаем нужный тариф, идем в чат к техподдержке и спрашиваем о том, как нам снизить спам-рейтинг до нуля. Поддержка у Getresponse быстрая, толковая, за 20 минут вопрос будет решен.
Несколько кратких рекомендаций, снижающих спам-рейтинг:
- Не слать в базу, которая не подписывалась на вашу рассылку. У Данте было бы, как минимум, на один круг ада больше, родись он в 80-х
- Слать от имени корпоративного почтового ящика ([email protected])
- НЕ ДЕЛАТЬ ВОТ ЭТОГО в заголовке
- Вопросительные, восклицательные знаки (и другие знаки тоже) в заголовке провоцируют спам-рейтинг
- Разные языки в заголовке — провоцируют еще больше
- Аккаунт, с которого регулярно рассылаются письма с большим попаданием в спам, регулярно наращивает спам-рейтинг
- Это только часть нюансов, на разных сервисах email-рассылок водятся свои «спам-тараканы», так что обязательно стучитесь в поддержку
Заголовок: как создать письмо для рассылки, которое будут читать?
В почтовом клиенте видно: от кого письмо, заголовок письма. На открываемость влияют два фактора: авторитет отправителя и то, что он там написал в заголовке своего сообщения.
С авторитетом ситуация более-менее однозначная. Кратко о том, как сделать красивое письмо для рассылки с хорошим заголовком:
- Знать аудиторию. Это 90% успеха. Вам нужно знать страхи, мечты, увлечения, потребности, распорядок дня, возраст, хобби, работу… Ну вы поняли, нужно знать аудиторию. От этого заголовки сами не напишутся, но придумывать их станет значительно легче и быстрее.
- Выделиться из сообщений-конкурентов. Как прямых, так и косвенных. Зная аудиторию, вы знаете на кого еще она подписана. Подписывайтесь на конкурентов, смотрите на их дизайн email-рассылки и на контент, анализируйте и выделяйтесь.
- Тестируйте и экспериментируйте. Проводите А\Б тесты, анализируйте открываемость предыдущих писем, сопоставляйте цифры с буквами в заголовке и делайте выводы.
- Не повторяйтесь. Нашли классную структуру заголовка — используйте несколько раз, но не берите за основу. Одинаковые письма (сюда же одинаковый дизайн электронных писем), пусть и с разными словами, просто перестанут открывать со временем.
Как сделать красивое письмо для рассылки: 6 веб-приемчиков
Теперь, когда мы уверены в доставляемости и открываемости нашего письма, есть смысл потрудиться и сделать так, чтобы оно было дочитано до конца.
Вопреки мифам о том, что email-маркетинг уже не торт, не работает, устарел, остаются игроки, которые стараются и получают результаты. А есть те, кто шлет унылые буквы на белом фоне и жалуется на порядок вещей. Чтобы ваши сообщения не были мгновенно отправлены в корзину, используйте дизайнерские фишки!
1. Вовлекающий дизайн email-рассылок с проработанным цветом
Фильмы, фото, графика — есть такие произведения, на которые просто интересно смотреть. Какие-то из них сделаны такими случайно, а какие-то специально. Вам можно и нужно задуматься над тем, как сделать красивое письмо, на которое будет приятно смотреть.
Для этого вам нужно разобраться с такой штукой, как теория восприятия цвета. Грамотно использовав этот прием, вы завладеете вниманием читателей и повлияете на их отношение к своему бизнесу.
Белое оформление электронного письма давно никого не интересуют, а неумелая работа с цветом чаще «вырывает глаз», чем интригует. Найдите несколько своих цветовых стилей и используйте их в рассылке.
2. Одно письмо, один шрифт, один клиент из множества возможных
Шрифтов хватает и вам совсем не обязательно использовать всего один для целого письма. Это так же не означает, что нужно каждое предложение писать новым шрифтом. Вы же точно видели примеры email-рассылок с кучей шрифтов. Так делать не нужно.
Оптимальный вариант: разные шрифты на абзацы и заголовки
Вам снова предоставляется возможность провести ряд экспериментов и найти то самое «свое» сочетание шрифтов. Какие-то отдельные слова или словосочетания можно выделить даже другим цветом текста. В таком случае у вас получится письмо, которое уже в несколько раз сильнее будет удерживать внимание читателя.
3. Красивое оформление письма, как части вашего сайта
Когда оформление письма совпадает с общей стилистикой сайта, это сразу повышает доверие пользователя к бренду. Да, вносить изменения можно, но цветовую гамму, основной шрифт и то, как расположен текст, лучше взять с той страницы, куда попадет читатель письма.
Пример. Mercedes-Benz создает лакшери-атмосферу, используя темные тона на своем веб-ресурсе. И все их рассылки выполнены аналогично.
4. Правила оформления электронного письма: минималистичность дизайна
Меньше воды, больше разговора по делу и вот вы уже привлекли внимание! Особенно сейчас, когда простые пользователи живут в мощном инфополе.
Воплотите эту прописную истину в дизайне писем. Долой ненужные отвлекающие элементы. Есть пустое место и вы не знаете что туда поставить? Не ставьте ничего. Используйте 2-3 цвета, но не больше. Сделайте оформление интересным, но не таким, чтобы оно забирало больше внимания, чем сама суть письма.
Многие, задумавшись над тем, как создать красивое письмо для рассылки, гуглят: «Как правильно совместить 5 цветов». Когда секрет в том, чтобы привильно использовать всего 2 оттенка.
Если есть желание покреативить, тогда откажитесь от простых ссылок в тексте и замените их на кнопки. Это как раз тот элемент, который можно делать заметным, дерзким, так и кричащим: «Давай, клацай на меня!»
5. Красивое оформление писем гифками
Эффективный инструмент продаж, после вебинаров и телефонных звонков, это видео. Но не все сервисы дают возможность вставки видеоролика в тело письма. А ставить ссылки на видео из других ресурсов не шибко грамотно, ведь пользователь ленив и вам незачем требовать от него лишних действий.
Как оформить письмо красиво? На помощь приходят гифки, добавляя эффекта неожиданности и привлекательности вашим посланиям. С ними удобно работать, они гораздо меньше в размере, чем видео.
Короткие анимации заметны в тексте, они повышают вовлеченность читателя, благоприятно влияют на конверсию. Но здесь тоже нужно знать меру.
6. Как сделать красивое письмо для рассылки с персонализацией
В последнем пункте вернемся к первым двум, которые не совсем о дизайне. Чем хороша обезличенная email-рассылка по своей базе? Да ничем.
Простой способ показать базе подписчиков то, как вы уважительно к ним относитесь, заключается в персонализации ваших сообщений. Таким образом, вы показываете, что не относитесь к своей базе, как к списку кошельков, а видите в них личностей.
Достаточно простого обращения по имени в заголовке и уже становится сложнее не открыть рассылку.
Правда, есть минус. Вам придется в ручном режиме редактировать базу. Ведь, при подписке, люди часто пишут в строке ФИО всякое разное… Bubochka, Huligan777, Вано, Татьна, Юий Васильевич и т.д. Как написать красивое письмо, если оно начинается со слов: «Torpeda, здравствуйте!» Такие «имена» лучше редактировать, чтобы персонализация не принесла больше вреда, чем пользы.
Используйте эти нехитрые приемы и получайте крутые конверсии! Помните, что никто не знает ваших клиентов лучше, чем вы. Именно вы лучше всех понимаете как красиво оформить электронное письмо для своих клиентов.. А задача подрядчиков заключается в предоставлении вам разных вариантов для выбора.
(Visited 1 064 times, 8 visits today)
Егор Кольнобрицкий
CEO & Founder
Загрузка…Было полезно? Поделитесь в соц. сетях!
Какой должна быть поздравительная email-рассылка: разбираем на примерах писем
Не рекомендуем отправлять в поздравлении стихи или «полотна» текста — вряд ли их кто-то будет читать. И никаких поздравительных открыток из интернета!
Лучше, если в тексте не будет рекламы товаров или услуг, особенно это касается поздравительных писем в связи с юбилеем компании, днём рождения и прочими личными событиями. Избегайте негатива и давления на читателя: фразы вроде «Ваш подарок на день рождения зарезервирован на 3 дня, успейте его забрать!» могут иметь обратный эффект.
Поработайте над темой и заголовком
Если в теме и заголовке есть слова «Поздравляем» или «С Днём рождения», а также содержится краткая информация об акциях, подарках или скидках, приуроченных к конкретному празднику, оно наверняка будет открыто и прочитано.
Осторожничайте с подарками
Праздник – это отличный повод порадовать клиента каким-либо бонусом или бесплатным подарком. Такой подход хорошо запоминается и нравится людям. Но помните, что в следующие разы клиенты будут ожидать от вас не просто слов и незначительных скидок, а вполне реальных вещей. Так что это палка о двух концах, и лучше лишний раз хорошенько поработать над дизайном письма и поздравлением, чем «откупиться» подарком.
Но если уж вы решили подарить подарок, сделайте всё, чтобы клиент мог его получить быстро и без лишних затей.
Соблюдайте сроки
Вопреки примете, поздравлять заранее не только можно, но и нужно. Отправляйте рассылку минимум за неделю – читатель должен иметь возможность подготовиться. Например, отложить денег на выгодную покупку со скидкой или ничего не планировать на определенную дату, если вы дарите билет или приглашаете на мероприятие. В день события можно прислать поздравление и напоминание о подарке.
Сегментируйте аудиторию
Если у вас разношёрстная аудитория, важно персонализировать письма. Разбейте аудиторию на группы и подготовьте шаблоны рассылок для каждого сегмента: продвинутой молодежи, молодых мам, бизнесменов. «Тёмным лошадкам» лучше слать универсальные нейтральные письма. Можно составить разные тексты для мужчин и женщин.
Как создать html письмо для рассылки
Всем привет. На днях решил разобраться с тем, как верстаются html письма. Провел несколько часов в интернете, перечитал десятки статей на эту тематику и пришел к выводу, что это очень нелегкая задача.
Но желание — есть, поэтому стал копаться дальше. Может быть и на блоге, скоро заменю подписку по email от feedburner (под статьями) на какую-нибудь другую, где можно сделать ее более симпатичной. Главное учесть все нюансы верстки под почтовые клиенты, а их поверьте не мало.
Актуальность создания html писем для почтовой рассылки
Почтовая рассылка один из самых эффективных способов продать товар, донести новости до клиентов, рассказать об акциях и дополнительных услугах. Кроме того, когда у вас есть база клиентов, вы можете вернуть “старых” покупателей и осуществить еще одну продажу.
Можно разослать материал о дополнительных услугах, которые, возможно, стали интересны вашим клиентам после первой покупки.
Ну и конечно же тут работает теория больших чисел. Если разослать предложение о продаже чего-то 20000 подписчиков, 1000 из них ознакомилась с предложением и хоть 10 да купит, а затрат – 0. Вы просто отправили письмо!
Но кто-то не открыл письмо, кто-то открыл и не стал читать его, потому, что там портянка текста, у кого-то не открылись картинки, а у кого-то поехала верстка. Так бывает. Из-за того, что почтовые программы не так хорошо поддерживают сss, как браузеры. А о javascript – я вообще молчу.
И существует масса проблем для верстальщиков, которые занимаются созданием html писем.
Но сегодня я постараюсь рассказать вам о том, как создать html письмо, которое бы открывалось одинаково хорошо во всех браузерах (в том числе мобильных) и почтовых программах, для того, чтобы ваши письма выглядели привлекательно, и вы не теряли клиентов. Это не последний пост, если возникнут проблемы с отображением, то позже либо поправлю этот, либо напишу продолжение. Так же буду признателен всем, кто поможет протестировать и выявить проблемы.
Проблемы при верстке html писем
Из-за того, что у почтовых сервисов нет общих правил отображения html писем, верстальщику приходится использовать правила верстки 90 годов. Некоторым к этому привыкать не нужно, но я, признаться, ни разу не прописывал стили внутри html документа, причем не просто внутри html документа при помощи <style></style>, а именно inline, для каждого элемента отдельно.
Некоторые разработчики почтовых программ вообще отключили поддержку таблиц стилей и стилей как таковых, способом, описанным выше. Аргументируя это тем, что письма нужны именно для текста. Так что придется писать стили для каждого элемента отдельно.
Еще одним сюрпризом оказалось то, что не многие почтовые сервисы не поддерживаю float и отступы margin и padding. Как вам? Представляете вы сверстали классное трехколоночное html письмо на основе div (ов), а у пользователя такая белиберда пришла, что он тут-же удалил его, так и не поняв, что от него хотят.
Да, да. Вы правильно поняли! Придется использовать таблицы, если не готовы жертвовать тысячами пользователей, у которых ваше письмо откроется не корректно. Получается, что таблицы — это единственный способ, на сегодня, добиться кроссбраузерности.
Как написали на одном из сайтов:
Придется вспомнить такие страшные вещи, как: Cellpadding, cellspacing, colspan
В моем случае — их придется выучить, так как я никогда не пользовался таблицами. Может быть и не пришлось бы никогда, если бы не решил разобраться с оформлением писем 🙂
Если у вас нет привычки прописывать alt для изображений, придется ее выработать для верстки писем, так как у некоторых почтовых клиентов, по умолчанию, выключено отображение картинок, и если в письме их у вас много, то пользователь увидит пустые рамки, а так в них будет текст.
Еще, для меня стало проблемой то, что приходится постоянно обнулять многие значения, например, border у картинок, если она задана как ссылка.
Пока — всё! Если что-то еще всплывет, то опишу по ходу. А сейчас я хочу показать вам, что у меня получилось пока, без добавления стилей оформления, таких как шрифт, цвет, размер текста и т.д. Это только элементы в нужных местах. В следующей статье я опишу процесс тестирования в разных почтовых сервиса и правки, которые пришлось внести.
Как видите, есть над чем работать. Давайте я немного опишу процесс верстки. Вникать в него — нет смысла, к следующей статье многое измениться. На самом деле все, вроде бы и просто, но с другой стороны, у меня это занятие отняло много времени.
Как создать html письмо
Для начала, я создал каркас-таблицу для всего содержимого письма, шириной в 100% и голубым фоном. В нем разместил две дочерние таблицы. Одну для шапки (id=»header»), вторую для контента (id=»content»):
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Рассылка новостей от Smartlanding.biz</title>
</head>
<body>
<table cellpadding="40" cellspacing="0" align="center" bgcolor="cee5f1">
<tr>
<td>
<table cellpadding="20" cellspacing="0" align="center" bgcolor="ffffff">
</table><!-- header -->
<table cellpadding="0" cellspacing="15" bgcolor="ffffff" align="center">
</table><!-- content -->
</td>
</tr>
</table>
</body>
</html>
Как вы уже заметили, я задал cellpadding=»40″ для таблицы-обертки. Это внешний отступ. Отступ в 20px задал таблице, которая отвечает за шапку. И добавил внутренний отступ таблице, в которой будет располагается контент. Также, все таблицы выровнял по центру. Идем дальше…
Теперь необходимо разделить шапку на 2 части. В одной расположить логотип, а в другой создаю еще одну табличку с 3 столбцами и помещаю туда ссылки на социальные сети.
<tr>
<td><img src="https://smartlanding.biz/wp-content/themes/simply-vision/images/mail-logo.png" alt="логотип"/>
</td>
<td>
<table cellpadding="0" cellspacing="0" align="right">
<tr>
<td align="right"><a href="https://twitter.com/smartlanding" target="_blank" title="Твиттер"><img src="https://smartlanding.biz/wp-content/themes/simply-vision/images/twitter1.png" alt="Я в Твиттере"/></a>
</td>
<td align="right"><a href="https://plus.google.com/104541820587912901962" target="_blank" title="Твиттер"><img src="https://smartlanding.biz/wp-content/themes/simply-vision/images/googlePlus.png" alt="Я в Google+"/></a>
</td>
<td align="right"><a href="http://vk.com/smartlanding_biz" target="_blank" title="Твиттер"><img src="https://smartlanding.biz/wp-content/themes/simply-vision/images/vk.png" alt="Я во Вконтакте"/></a>
</td>
</tr>
</table><!-- social -->
</td>
</tr>
Не выяснил, пока что, обязательно ли указывать размеры картинок, поэтому в этом плане пока хаос. Где-то — ставлю, где-то — нет. После тестов наведу порядок. Или уберу совсем, чтоб сократить код, или придется везде дописать, если будет некорректно отображаться в каком-то из почтовиков.
Этим кодом я добавляю строку с одним столбцом, в таблицу «content» и помещаю в него картинку, с надписью «Smartlanding»:
<tr>
<td>
<img src="https://smartlanding.biz/wp-content/themes/simply-vision/images/mail-banner.png" alt="smartlanding" />
</td>
</tr>
Сейчас письмо выглядит так:
Идем дальше. Сейчас нам нужно реализовать такую структуру:
Все это делается чтобы были отступы между контентом. Html код с контентом выглядит так:
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="d0d0d0"><img src="https://smartlanding.biz/wp-content/uploads/2014/09/skrytie-ssylki-javascript.jpg" /></td>
</tr>
</table>
</td>
<td></td>
<td valign="top">
<h3><a href="#">Как закрыть внешние ссылки от индексации</a></h3>
</td>
</tr>
</table><!-- Slogan -->
</td>
</tr>
Теперь необходимо реализовать анонс статьи, делается это достаточно просто. 1 строка, 1 столбец и текст в нем:
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<p>Привет ребята. Сегодня речь пойдет о том, как надежно закрыть внешние ссылки на своем лендинг пейдж для того, чтобы с нее не передавался вес, а оставался на вашей странице. Как вы, наверное, знаете, теперь, даже если вы закрыли ссылку атрибутом rel="nofollow", статический вес все равно передается, а следовательно убывает с вашей страницы.</p>
<a href="#" title="читать продолжение на smartlanding">Читать дальше</a>
</td>
</tr>
</table><!-- TextBody -->
</td>
</tr>
Теперь нужно создать структуру из 3 колонок. Так как мы не можем пользоваться float(ами), то придется сделать 5 колонок. 3 под контент с картинками (150px), а 2 — для того, чтобы задать отступ между ними (60px).
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top">
<img src="https://smartlanding.biz/wp-content/uploads/2014/10/utm-metki.png" />
</td>
<td></td>
<td valign="top">
<img src="https://smartlanding.biz/wp-content/uploads/2014/10/smart-novosti.png" />
</td>
<td></td>
<td valign="top">
<img src="https://smartlanding.biz/wp-content/uploads/2014/10/script-dlya-ab-testirovaniya.png" />
</td>
</tr>
</table><!-- pageImages -->
</td>
</tr>
Точно такую же разметку делаю для текста, заголовков:
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td valign="top">
<a href="#"> Как сделать UTM метки и для чего они нужны</a>
</td>
<td></td>
<td valign="top">
<a href="#"> Обновления на блоге и мини-отчет об оптимизации</a>
</td>
<td></td>
<td valign="top">
<a href="#"> Скрипт для АБ тестирования</a>
</td>
</tr>
</table><!-- pageText -->
</td>
</tr>
И теперь остается последний шаг, сделать footer. Я не стал создавать под него новую таблицу, а разместил в content, просто добавив новую строку и столбец:
<tr bgcolor="797979"> <td> <p align="center"><a href="https://smartlanding.biz" title="Smartlanding">Smartlanding</a> | 2014</p> </td> </tr>
Вот такое письмо получилось. Теперь предстоит куча тестов. Я планирую протестировать верстку в следующих почтовых сервисах и программах:
- gmail
- yandex
- rambler
- mozilla thunderbird
- outlook 2007
- outlook 2013
- the bat
В процессе тестирования я буду добавлять стили заголовкам и текстам, обнулять свойства и вносить прочие коррективы. А после, напишу еще один развернутый пост на эту тематику. Возможно что-то поменяется к следующей статье, так что подписывайтесь на обновления, если вам интересна данная тема и вы не хотите пропустить новый материал.
Если у вас есть опыт создания html писем, напишите пожалуйста ваш комментарий и укажите на ошибки. Буду вам очень признателен. А на сегодня — все. Пока!
(Ознакомиться с предварительными тестами html письма в разных поисковых системах можно здесь)
Деловое письмо. Образец делового письма 2019-2020 года
Составление различного рода деловых писем – необходимая часть работы представителей бизнеса. Благодаря подобным посланиям они приобретают возможность решать коммерческие вопросы наиболее доступным, быстрым и оптимальным путем.
ФАЙЛЫ
Скачать пустой бланк делового письма .docСкачать образец делового письма .doc
Какие деловые письма бывают
Условно деловые письма можно разделить на несколько основных категорий:
Отдельным пунктом можно пометить ответы на все эти письма, которые также являются частью официальной деловой корреспонденции и также пишутся по определенным канонам.
Кто должен выступать в роли автора письма
Деловые письма всегда должны содержать подпись. При этом непосредственно составлением письма может заниматься любой сотрудник компании, в чью компетенцию входит данная функция или уполномоченный на это распоряжением директора. Обычно это специалист или руководитель того структурного подразделения, в ведение которого входит тематика послания. Однако вне зависимости от того, кто именно занят написанием, письмо в любом случае нужно передавать на утверждение руководителю, памятуя о том, что оно пишется от лица компании.
Общие правила написания деловых писем
Все деловые послания должны касаться только деятельности фирмы или обстоятельств, с ней связанных. При этом, вне зависимости от содержания, они должны подчиняться некоторым требованиям.
В первую очередь, это определенная структура. В послании всегда должны быть указаны:
- дата написания,
- реквизиты отправителя и получателя,
- вежливое адресное обращение (в виде формулировки «Уважаемый Иван Петрович», «Уважаемая Елена Григорьевна»),
Следует отметить, что письма могут адресовываться как отдельным сотрудникам, так и целым коллективам (в этом случае достаточно ограничиться приветствием «Добрый день!»).
К письму могут прилагаться различные дополнительные документы, фото и видео свидетельства – при наличии таковых, это необходимо отразить в основном тексте.
Письмо можно оформлять как на обычном стандартном листе формата А4, так и на фирменном бланке организации. Второй вариант предпочтительнее, поскольку при нем не надо вручную вбивать реквизиты компании, кроме того, такое письмо выглядит солиднее и лишний раз свидетельствует о принадлежности послания к официальной корреспонденции. Его можно писать в рукописном виде (особенно удачно получаются письма, написанные каллиграфическим почерком), или же печатать на компьютере (удобно, когда нужно создать несколько копий письма).
Письмо обязательно должно быть заверено подписью, но при этом проштамповывать его не обязательно, т.к. с 2016 года юридические лица освобождены от необходимости применять в своей деятельности печати.
Перед отправлением послание при надобности регистрируется в журнале исходящей документации, в котором ему присваивается номер и ставится дата отправления.
На что обращать внимание при составлении письма
При составлении письма нужно тщательно следить за правописанием, придерживаться правил и норм русского языка по части лексики, грамматики, пунктуации и т.д. Получатели всегда обращают внимание на то, насколько грамотно изложены и оформлены мысли в послании.
Не стоит забывать о том, что проведенные исследования однозначно говорят о том, что люди не готовы тратить на прочтение подобного рода писем более одной минуты.
Письмо необходимо писать в корректной форме, не «растекаясь мыслью по древу», достаточно коротко и емко, по делу. Каждая новая тема должна быть оформлена в виде отдельного абзаца, которые при необходимости надо разделить на пункты. Кроме того, лаконичное и четкое письмо даст понять получателю, что автор ценит его время. Здесь поговорка «краткость — сестра таланта» — к месту.
Чего нельзя допускать в деловом письме
В деловых письмах совершенно недопустим развязный или фривольный тон, ровно как и лишком сухой текст и банальные «штампы». Также следует избегать сложных формулировок, обилия причастных и деепричастных оборотов, специальной терминологии, понятной узкому кругу специалистов.
В письмо нельзя включать непроверенные, недостоверные и уж, тем более, заведомо ложные сведения.
Надо иметь ввиду, что такой тип посланий не только является частью рутинной деловой корреспонденции, но и, во многих случаях, относится к официальным документам, которые впоследствии могут обрести статус юридически значимых.
Как отправить письмо
Любое официальное послание можно отправить несколькими основными путями.
- Первый, — наиболее современный и быстрый, — через электронные средства связи. Это удобно и оперативно, к тому же позволяет отправить информацию практически неограниченного объема.
Минус здесь один – при большом количестве почты у адресата, письмо может легко затеряться или же попасть в папку «Спам», поэтому при отправлении писем таким способом, желательно дополнительно удостовериться в том, что письмо получено (через простой телефонный звонок).
- Второй путь: консервативный, который позволяет переслать послание Почтой России. При этом рекомендуется применить функцию отправки заказным письмом с уведомлением о вручении – такая форма гарантирует то, что письмо дойдет до адресата, о чем получатель получит специально уведомление.
Обычно отправление через стандартную почту используется в тех случаях, когда отправляются оригиналы документов, письма, заверенные живыми подписями и печатями.
- Также письмо можно отправить через факс или различные мессенджеры, но только при том условии, что отношения между партнерами достаточно близкие и вполне допускают такой путь переписки.