За последнюю неделю опубликовано 64 новых материалов.
Инструкция новичку Путеводитель по форуму Прокси для Telegram Показать подсказки , это бомба!

Верстка адаптивных писем: памятка маркетолога

  • Поучаствуй (в качестве покупателя) в любых пяти совместных покупках (кроме завершённых и "Моментальных") и получи группу "Новичок" навсегда -> ссылка на раздел
  • Получай до 480 рублей за каждого приглашенного пользователя!
    представляем Вам очередное расширение партнерской программы, подробности описаны тут -> ссылка
  • 90% материалов доступно к скачиванию после простой регистрации!
    Если же ты хочешь скачивать материалы без требования оставлять отзывы то получи группу "Новичок", 10 способов повышения описаны тут -> ссылка
  • К сожалению количество битых ссылок растет и мы уже не можем их оперативно восстанавливать поэтому просим помощи у каждого нашего пользователя.
    С сегодняшнего дня, за каждую восстановленную ссылку мы заплатим Вам.
    Подробнее тут -> ссылка
  • Перенесем твои заслуги с другого ресурса!
    Мы понимаем как сложно прокачивать аккаунты на форумах, вроде раскачал аккаунт, а тут появляется ресурс в 100 раз круче но тоже с системой прокачки и снова качать аккаунт...
    Предлагаем вам перенести Ваши заслуги на другом подобном ресурсе к нам.
    Подробности описаны тут -> ссылка
  • Вы можете получать по 2.5% с каждой покупки и продажи на маркете! Подробности в теме Партнёрская программа

News_Bot

Бот новостей и статей
Бот форума
29 Сен 2016
3.023
38
20
Недавно компания "Нетология" опубликовала материал о том, в какой ситуации стоит отдать верстку писем на аутсорс, а когда можно собрать адаптивное письмо самому в блочном редакторе. Делимся статьей.
e016797be04aeb57a49ca172421c0f33._.jpg
Выбираем встроенный редактор или услуги верстальщикаУ крупных сервисов рассылки есть встроенный блочный редактор. В нем собирают простые адаптивные письма и это входит в стоимость подписки. Оформить сложное креативное письмо в редакторе не получится — это работа дизайнера и верстальщика. Для начала разберемся, какое письмо отнести к категории сложных, а какое — к простым.
e19bd3783e939fbd7fd3a0107f5379e2._.jpg
Возможности встроенных редакторов отличаются от сервиса к сервису. В любом из популярных редакторов вы можете добавить блоки с текстом, картинки, кнопки, иконки социальных сетей и кнопки «Поделиться». Это стандартный набор стандартного редактора.
Дальше идут «фишки». Где-то можно задать точный размер для отдельных блоков, а где-то — нельзя. В одном редакторе можно собирать только одноколоночные письма, в другом ограничений по количеству колонок нет. В некоторых редакторах вы даже можете настроить, какие блоки показывать на десктопной версии, а какие — только на мобильных устройствах.
91d2b277b36b7d6696901359f84ee51c._.jpg
Дизайнер и верстальщик предлагают индивидуальные решения, редактор — типовые. Учитывайте, что, собирая письмо в редакторе, вы в любом случае ограничены, например, набором шрифтов и их размерами.
Дизайнер сделает так, как вы хотели. Верстальщик продумает, как переставить блоки на мобильных устройствах — так, как вы и планировали. Работая в блочном редакторе, вы полагаетесь на решения, предложенные разработчиками.
Редактор адаптирует письмо по своему алгоритму, переделать алгоритм нельзя.
bb4e347352e1f368d62b191e7fc618e2._.jpg
Если вы проработали структуру, написали текст и подобрали картинки, то на создание письма уйдет от тридцати минут до двух часов. Напомним, что вы не платите за верстку, работа с редактором включена в стоимость аккаунта.
Команда из дизайнера и верстальщика на фрилансе сделают письмо за два-три дня, стоить это будет от 5 000 до 15 000 рублей. Если заказываете в агентстве — в разы дороже. Помните историю из вступления? Для Сергея выбор очевиден: он будет собирать письмо сам, в его ситуации это дешевле и быстрее.
Простое адаптивное письмо лучше собрать во встроенном редакторе. Если хотите нестандартных решений — отдавайте на аутсорс.Как собрать письмо во встроенном редактореТем, кто собирает письмо в редакторе, знать код не обязательно. Единственное, что нужно — продумать структуру письма, подобрать картинки и написать текст. Никакой «ручной» верстки — вы соберете письмо из блоков, как в конструкторе посадочных страниц.
Шаг 1. Схема или прототип письмаНачните с черновика, начертите на бумаге схему будущего письма: где будет заголовок, где картинка, где кнопка и т. д. Если есть время, соберите полноценный прототип в Balsamiq или NinjaMock. Такой прототип не стыдно показать директору и передать в работу дизайнеру.
Шаг 2. Верстка письма в редактореДобавляете нужное количество колонок, исходя из уже готовой схемы или прототипа
13807495bb54916dd86da843daca7752._.png
Для начала протестируйте рассылку с одноколоночным письмом. Если все в порядке, пробуйте структуры посложнее. Ни один сервис не гарантирует 100% адаптивности во всех браузерах и на всех устройствах.
Перетаскиваете нужные элементы в тело письма
45590b5423f10b7ad7b45a965ff907f1._.png
Обычно во встроенных редакторах действует принцип Drag-and-drop. Если в вашем не так, посмотрите статьи из Базы знаний — принципы работы в редакторе описаны там.
Настраивайте содержимое элементов: отступы, интервалы, выравнивание и начертание
04019e13ac05f1a59c4475948265dcda._.png
Здесь же вписываете нужный текст, добавляете фотографию или иллюстрацию, с ссылками или без. Не забывайте, что вы можете добавить анимированную картинку, большинство редакторов поддерживает формат GIF.
Только не переборщите с размером файла. Почтовые клиенты не любят «тяжелые» письма и могут скрыть их содержимое под кнопку «Показать полностью» — так, например, делает Gmail. Подбирайте файлы так, чтобы готовое письмо весило не более 600 Кб, это оптимальный размер.
Добавляете кнопки целевого действия, кнопки «Поделиться» и иконки социальных сетей
2b1a2295db1540bafd7af2b1db0267ff._.png
Не забудьте настроить кнопки и добавить к ним ссылки для перехода.
Шаг 3. Проверка адаптивности во встроенном редактореКогда письмо готово, проверьте, как оно отображается на разных устройствах.
0009dccfc6a2e9bb483c3b38ec80625f._.png
В 90% случаев все будет в порядке, блоки «перестроятся» автоматически. Если верстка все-таки «слетает» или результат вас не устраивает — проверьте значения отступов в блоках, они должны быть одинаковыми. Если один один блок отступает на 10 пунктов, а другой на 30, в мобильной версии они могут перестроиться некорректно. Если оба блока отступают на 10 пунктов, скорее всего, все будет в порядке.
Шаг 4. Проверка адаптивности на сторонних сервисахПроверьте результат через Litmus или Email on Acid. Эти сервисы покажут, как письмо отобразится на разных устройствах, в разных браузерах и разных почтовых клиентах.
В некоторых редакторах проверка через Litmus интегрирована по умолчанию. Если в вашем редакторе такой возможности нет, отправляйте тестовую копию письма на специальный e-mail, который дадут после регистрации в Litmus.
8d0daf1985cb7d7cc9ea68523f26404c._.png
Услуга платная, месячная подписка в Litmus начинается от 79 $, в Email on Acid — от 45 $. Если вы отправляете по одному письму раз в месяц, выходит дороговато. В крайней случае, попробуйте Browser Shots, он старый и неудобный, зато бесплатный. Помните, что подобные сервисы не дают 100% гарантии. Даже если в Литмусе все хорошо, это не повод сразу же запускать рассылку. Отправьте письмо на личную почту и откройте его там.
Выбирайте редактор, в котором показано, как выглядит письмо на разных устройствах. Идеально, если редактор интегрирован с сервисом Litmus. Если интеграции нет, проверяйте адаптивность вручную через личную почту.Как оценить результат работы — своей или верстальщикаЕсли собираете письмо сами, проверьте адаптивность внутри редактора и посмотрите письмо с личной почты — этого достаточно. Хотите проверить адаптивность на многих устройствах, браузерах и почтовых клиентах сразу — тогда покупайте аккаунт в Litmus или Email on Acid, смотрите результат там.
Тем, кто отдавал верстку на аутсорс, покупать аккаунт не обязательно, попросите скриншоты из Litmus у верстальщика. Если он профессионал, то проверяет письма на подобных сервисах, отправить скриншот для него не проблема.При проверке присмотритесь к почтовым клиентам, в основном, косяки всплывают здесь. Обязательно проверьте, как открывается письмо в Outlook, Gmail, Yandex и Mail.ru — это самые популярные почтовые клиенты в России.
Не стоит тратить время на исправление макета, если он некорректно отображается на третьем айфоне, в седьмой версии Internet Explorer или в почтовом клиенте The Bat. Да, всегда найдутся те, кто пользуется третьим айфоном, но их меньшинство. Стоит ли переделывать макет ради 1-2% от общей базы? Зависит от количества и «качества» базы.
Надеемся, вы ее сегментировали и про своих подписчиков знаете все. Если 1-2% — это 10 000 человек, то заморочиться стоит. Если вы работаете в b2b и эти 1-2% — управляющие компаний, собственники бизнеса и другие вип-клиенты, придется адаптировать письма под них.
Проследите за тем, чтобы письмо адекватно отображалось в Outlook, Gmail, Yandex и Mail.ru — этого достаточно.Памятка маркетологаОпределитесь с форматом письма, каким оно будет: стандартным и простым или сложным и креативным. Письма со сложной структурой отдавайте дизайнеру и верстальщику. Простые письма собирайте в редакторе сервиса рассылки, они адаптируются по умолчанию.Проверяйте результат во встроенном редакторе и, если позволяет бюджет, на сторонних сервисах. Принимая письмо у верстальщика, просите скриншоты, которые подтверждают, что письмо отображается корректно — по крайней мере, в популярных почтовых клиентах и популярных браузерах.Обязательно просмотрите письмо через личную почту, хотя бы в основных почтовых клиентах и с актуальных моделей смартфонов на iOS и Android.
Автор: Константин Шумилов. Команда Sendsay. Источник: блог компании "Нетология".
 
Последнее редактирование модератором:

Привет!

Мы группа людей которые решили помочь другим в решении их проблем, а так же пользователям с поиском самых свежих и качественных инфопродуктов. За 4 с небольшим месяца мы создали этот форум на который заходят ежедневно тысячи человек и посещаемость постоянно растёт. Мы создали панель лицензирования для защиты PHP скриптов от воровства и SEO панель для мониторинга наших сайтов и выбора верной стратегии их развития. Мы надеемся что то что мы создали пригодится Вам и возможно Вы поможете нам развиваться и совершенствоваться вместе с Вами.

Статистика форума

Темы
412.978
Сообщения
472.311
Пользователи
93.267
Новый пользователь
Игорь1111

Приложения форума для iOS и Android


У ркн там нет власти ;)
Приватные разговоры
Помощь Пользователи
    Вы не присоединились ни к одной комнате.