Найти в Дзене
Курс «Вёрстка писем» от Letteros. Урок 4. Работа с графикой
Собрать красивый макет письма и передать его в вёрстку — задача дизайнера. Но чтобы верстать подготовленные дизайнером макеты более эффективно, верстальщику тоже нужно уметь работать с графикой. Именно из макета он получает всю необходимую информацию — тексты, иллюстрации, положения элементов и отступы между ними. Поэтому графический редактор — второй по важности инструмент после редактора кода, который нужен верстальщику. Мы работаем с Figma — это онлайн‑редактор веб‑интерфейсов для совместного использования...
14 часов назад
Курс «Вёрстка писем» от Letteros. Урок 3. Служебные элементы кода
Структуру письма вы изучили в прошлом уроке — сегодня вернемся к ней, но поговорим об этом уже на языке HTML: будем «расшифровывать» код письма. Откройте код любой веб‑страницы и увидите, что она будет содержать в себе типичные элементы, которые не меняются от вида и направленности сайта. С письмами — такая же история. Мы подготовили шаблон кода пустого письма, которым пользуемся сами. С его помощью и разберём основные элементы кода письма: <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www...
2 дня назад
Курс «Вёрстка писем» от Letteros. Урок 2. Особенности вёрстки писем
В первом уроке мы уже затронули отличия вёрстки писем от вёрстки сайтов. Но чтобы понять особенности вёрстки именно имейлов, нужно как минимум понимать структуру рассылок. С этого и начнём. Уверены, вы хоть раз получали рассылку от бренда [иначе что мы тут вообще с вами делаем? 🙂 ]. Вспомните, что первое мы видим? Тему и прехедер: Смотрим на них и пониманием, хотим открыть рассылку или нет. Так что можно считать, что взаимодействие с рассылкой начинается ещё до её открытия. Классная тема? Клик — и письмо открыто...
4 дня назад
Бесплатные email базы для рассылок
Электронная рассылка (email-рассылка) — маркетинговая стратегия, при которой компании отправляют электронные письма своим клиентам или подписчикам с целью информирования, удержания, вовлечения и привлечения новых пользователей. Получение контактов для email-рассылки должно быть основано на соблюдении законов и этических принципов. Вы можете: Какой способ выбрать, решать только вам. Но нельзя забывать, что от вашего выбора зависит результат всей маркетинговой кампании. При самостоятельном сборе контактов вы имеете контроль над их качеством...
5 дней назад
Курс «Вёрстка писем» от Letteros. Урок 1. Что такое HTML
Привет! Это курс «Вёрстка писем» от Letteros. Мы написали этот курс, чтобы научить всех желающих вёрстке рассылок в HTML. И начнём с небольшого введения: расскажем, что такое почтовая рассылка и почему создание писем — совсем не то же самое, что создание сайта или лендинга. Если вы отправите письмо со своей почты своим друзьям и коллегам, то это тоже может считаться почтовой рассылкой. Но в курсе мы подразумеваем её коммерческое назначение: отправка писем от компании её клиентам. С их помощью можно...
6 дней назад
Как сделать кликабельные телефон и email в подписи письма
Телефон и email в виде обычного текста в письме — лишний шаг для читателя. На мобильном нужно скопировать номер, открыть приложение звонков и набрать цифры вручную. Большинство пользователей этого не делают. Кликабельный телефон открывает приложение для звонка одним нажатием. Кликабельный email открывает почтовый клиент с заполненным адресом. Оба элемента делаются через одни и те же HTML-атрибуты. Атрибут tel: превращает текст в ссылку на звонок. <a href="tel:+74951234567">+7 (495) 123-45-67</a>...
1 неделю назад
Причины отписок от рассылок и методы снижения оттока
Естественный отток части аудитории после рассылки — норма. Однако рост этого показателя сигнализирует об ошибках в коммуникации. Высокий уровень отписок портит репутацию домена и снижает доставляемость писем для всей базы. Ориентир для большинства ниш — до 0,5% от объема отправки. Важно: пользователи, которые игнорируют письма или помечают их как «Спам», не нажимая «Отписаться», представляют большую угрозу для доставляемости. Это технически снижает рейтинг отправителя. Превышение ожидаемого объема корреспонденции...
1 неделю назад
Письма для возврата ушедших клиентов: сценарии и примеры
Привлечь нового клиента обходится в несколько раз дороже, чем вернуть того, кто уже совершал покупки. Постоянный покупатель знает продукт и доверяет бренду, поэтому он быстрее принимает решение. Однако большинство компаний не работают с оттоком системно и просто ждут, пока человек вернется сам. Письма для возврата стали одним из самых недооцененных инструментов маркетинга. В этой статье мы разберем, кого именно считать ушедшим, какие сценарии показывают лучшие результаты и как правильно выстраивать коммуникацию...
1 неделю назад
С чего начать автоматизацию email-рассылок
Большинство команд начинают автоматизацию с того, что кажется важным — сложных разветвлённых цепочек с десятками условий. Запускают их через два месяца, смотрят на цифры и не понимают, что работает, а что нет. При этом простые сценарии, которые дают результат за неделю, так и остаются ненастроенными. Порядок запуска важнее, чем сложность сценариев. Разбираем, с чего начинать и каких ошибок избегать. Приветственные письма стабильно показывают открываемость выше 50% — это подтверждают исследования email-маркетинга последних лет...
2 недели назад
Как сделать GIF из нескольких фото: создаем динамичное слайд‑шоу
Статичные изображения всё чаще игнорируются в переполненном инбоксе. GIF-анимация — это способ внедрить интерактив без затрат на полноценный видеопродакшн. По данным российских CDP платформ, такой формат пока редкость в рассылках — значит, конкуренция за внимание здесь минимальная. Рассказываем, как собрать GIF-слайд‑шоу без Photoshop с помощью инструментов Letteros. Анимированный контент запоминается на 65% лучше стандартных связок «текст + фото». Движение в кадре управляет вниманием пользователя и быстрее доносит ценность продукта...
2 недели назад
Веб‑шрифты: как использовать в email-рассылке, чтобы сделать письма ещё уникальнее
Эксперты из Microsoft и MIT ещё в 1984 году выяснили, что хорошо оформленный текст читают быстрее и с большим удовольствием. Это правило касается и email-писем. Поэтому, чтобы показатели ваших рассылок всегда были на уровне, стоит уделять особое внимание типографике. В статье рассказали, как что такое шрифты для web-дизайна, как и зачем использовать их в рассылках. Веб‑шрифты или web fonts — это шрифты, которые адаптированы для использования на веб‑страницах. Шрифты для веб‑дизайна делятся на 2 категории: безопасные и стандартные...
2 недели назад
Продвинутый чек‑лист по UX и адаптивности перед отправкой письма
Сильный текст и точная сегментация решают половину задачи. Вторая половина — как письмо выглядит и читается на экране. В этой статье разбираем первый экран, типографику, дизайн, адаптивность и логику письма: что проверить перед отправкой, чтобы не потерять клик из‑за съехавшей кнопки или нечитаемого шрифта. Большинство подписчиков решают читать или нет ещё до первой прокрутки. Первый экран — это ваша витрина. Проверьте: Большой декоративный баннер занимает весь первый экран, а суть письма начинается только после него...
2 недели назад