Благодарим за подписку!

Закрыть

Динамический контент + блочный редактор для проморассылки: кейс «Ашана»

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

Читать далее

Эксперт по техническим вопросам и автоматизации

Добавляем событие Google-календаря в рассылку. Инструкция

Как напомнить подписчику про встречу? Можно бесконечно звонить и писать напоминания, а можно просто добавить событие в его планировщик. Поставьте в рассылке кнопку «Добавить в Google-календарь»: при клике событие автоматически добавится в расписание календаря в личном аккаунте Google.

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

Читать далее

Емейл-маркетолог CarPrice

Три фишки в письмах «Кинохода», которые выводят рассылку на новый уровень

Емейл-маркетологи мечтают делать классные рассылки: красиво свёрстанные, адаптивные, таргетированные и не похожие на остальные. У сервиса «Киноход» они именно такие. И мы решили, что будет полезно рассказать об этом в блоге. 🙂  

«Киноход» – это онлайн-сервис для покупки билетов в кино без наценки, который работает в 90 городах России и API которого используют почти все крупные сети кинотеатров и порталы, такие как «Яндекс Афиша» и «КиноПоиск».

Читать далее

Руководитель проектов WSC.Digital

Оптимизация форм для подписки

Оптимизация емейл-кампаний для ориентации на владельцев мобильных устройств не ограничивается адаптацией писем под маленькие экраны. И вообще, в чем смысл проведения мобильных кампаний, если мобильные пользователи не могут подписываться на ваши рассылки? Мобильные устройства, в частности, iPhone и смартфоны с ОС Android, в целом, дают владельцам возможность худо-бедно заполнять формы, однако мы, дизайнеры и программисты, можем использовать пару приемов, чтобы достичь максимального удобства. Очевидным преимуществом оптимизации форм является то, что на их заполнение с мобильного устройства будет уходить меньше времени и усилий. А для вас это означает увеличение количества форм, заполненных до конца, и, следовательно, количества подписчиков.
Давайте рассмотрим ряд приемов, а затем проанализируем простой пример, который сможет стать отправной точкой для оптимизации ваших форм.

Читать далее

Модули распознавания нестандартных устройств

Вы, скорее всего, уже заметили, что в приведенных примерах кода мы использовали только один стандартный модуль распознавания устройства, а именно @media only screen and (max-device-width: 480px) { … }. Его удобно применять, если вашей целью является адаптация под Apple iPhone и другие карманные устройства, которыми пользуется большинство мобильных подписчиков. Но если вы (или ваши клиенты) нацеливаетесь на аудиторию, состоящую из владельцев планшетов, устройств с крупным экраном, работающих на ОС Android, и прочих экзотических девайсов, иногда встречающихся в мобильном мире, то вам придется использовать уникальные модули распознавания устройства и создавать уникальные стили, подходящие к ним.

Читать далее

Адаптивный дизайн: письма с адаптивной структурой (метод "из двух колонок в одну")

Чаще всего для оптимизации емейлов под мобильные устройства прибегают к изменению структуры, организуя текст в единственную колонку. Однако существует еще один элегантный способ решения данной проблемы: можно создать письмо с адаптивной структурой, состоящее из двух колонок, не используя при этом бесконечно длинные таблицы стилей в модулях распознавания устройства media queries. Двухколоночная структура письма позволяет разместить больше контента в верхней части письма и сделать его видимым без прокрутки в мейл-клиентах для стационарных компьютеров и лэптопов, например, в Microsoft Outlook. Однако если открыть такое письмо на мобильном устройстве, будет невозможно ни читать текст, ни кликать по объектам, размещенным в нем. Но эту ситуацию можно исправить, применив несколько несложных старомодных методов.

Читать далее

Адаптивный дизайн: написание кода

Когда веб-дизайнеры говорят о таблицах стилей для мобильных устройств, обычно они имеют в виду не отдельную таблицу, а то, что заключено в фигурные скобки модуля распознавания устройства media query. Обычно это выглядит так:

<style type=»text/css»>

@media only screen and (max-device-width: 480px) {

/* mobile-specific CSS styles go here */

}

/* regular CSS styles go here */

</style>

Читать далее

Адаптивный дизайн: основные приемы

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

Читать далее

Адаптивный дизайн: вступление

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

Читать далее

Примеры адаптивного дизайна емейлов

Responsive Email Design

Вы, должно быть, уже неоднократно слышали о термине «адаптивный дизайн» (responsive design). В связи с повсеместным распространением мобильных устройств, его использование стало одной из первоочередных задач для дизайнеров и емейл-маркетологов.
В будущем мы планируем более подробно рассмотреть тонкости адаптивного дизайна, а пока рассмотрим его основные особенности на примере емейлов некоторых брендов.

Читать далее