[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"nav-categories":3,"article-sozdanie-i-verstka-pisma-dlya-email-rassylki":78},{"data":4},[5,53,65,72],{"name":6,"slug":7,"categories":8},"Продуктивность","productivity",[9,13,17,21,25,29,33,37,41,45,49],{"id":10,"title":11,"slug":12},8,"Саморазвитие","samorazvitie",{"id":14,"title":15,"slug":16},30,"Психология","psihologiya",{"id":18,"title":19,"slug":20},3,"Делаем карьеру","delaem-kareru",{"id":22,"title":23,"slug":24},10,"Советы","sovety",{"id":26,"title":27,"slug":28},11,"Для новичка","dlya-novichka",{"id":30,"title":31,"slug":32},25,"Контекстная реклама","kontekstnaya-reklama",{"id":34,"title":35,"slug":36},23,"Маркетинг","marketing073254",{"id":38,"title":39,"slug":40},7,"Социальные сети","socialnye-seti",{"id":42,"title":43,"slug":44},4,"Удалённая работа","udalennaya-rabota",{"id":46,"title":47,"slug":48},12,"Способы заработка","sposoby-zarabotka",{"id":50,"title":51,"slug":52},14,"Финансы","finansy",{"name":54,"slug":55,"categories":56},"Технологии","tech",[57,61],{"id":58,"title":59,"slug":60},15,"YouTube","youtube",{"id":62,"title":63,"slug":64},33,"Трафик","trafik",{"name":66,"slug":67,"categories":68},"Бизнес","business",[69],{"id":70,"title":66,"slug":71},5,"biznes",{"name":73,"slug":74,"categories":75},"Новости","news",[76],{"id":77,"title":73,"slug":74},9,{"post":79,"published_news":104,"popular_news":171,"categories":233},{"title":80,"description":81,"meta_title":80,"meta_description":81,"meta_keywords":82,"text":83,"slug":84,"created_at":85,"publish_at":86,"formatted_created_at":87,"category_id":34,"links":88,"view_type":93,"video_url":94,"views":95,"likes":96,"lang":97,"comments_count":96,"category":98},"Создание и верстка письма для email-рассылки","Это значит, текст и картинки на своих местах, макет не «разъехался», шрифты отображаются корректно.","Создание и верстка письма для email-рассылки, имейл","\u003Cp>Здравствуйте!\u003C/p>\n\n\u003Cp>Чтобы заинтересовать пользователя, письмо для рассылки должно быть красиво оформлено. Это значит, текст и картинки на своих местах, макет не «разъехался», шрифты отображаются корректно.\u003C/p>\n\n\u003Cp>Рассказываем, как сделать \u003Ca href=\"https://quasa.io/ru/media/kak-vybrat-email-treking\">email\u003C/a>, который правильно откроется на любом устройстве. Какие обязательные требования к верстке нужно соблюдать. Разберем, из каких элементов состоит макет письма. Покажем, как сделать шаблон в онлайн-сервисе рассылок. Также в статье несколько удачных примеров писем с комментариями.\u003C/p>\n\n\u003Ch4>Технические требования и дизайн письма\u003C/h4>\n\n\u003Cp>Электронные письма должны корректно отображаться на всех устройствах. Для этого нужно правильно сверстать макет. Существует несколько универсальных технических требований к верстке. Дизайн также влияет на интерес получателей к рассылке: полезное письмо не будут читать, если оно скучно оформлено.\u003C/p>\n\n\u003Cp>\u003Cem>Технические требования к письму\u003C/em>:\u003Cpicture class=\"image-align-right\">\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyyy-10.webp\" type=\"image/webp\">\u003Cimg class=\"image-align-right\" height=\"128\" src=\"https://cdn.quasa.io/photos/foto-16/yyyy-10.jpeg\" width=\"300\" / alt=\"Создание и верстка письма для email-рассылки\" loading=\"lazy\">\u003C/picture>\u003C/p>\n\n\u003Cul>\n\t\u003Cli>\u003Cstrong>Размеры макета\u003C/strong>. Ширина для десктопной версии должна быть 600 px. Для мобильной – 300–320 px. Если макет будет шире, появится горизонтальная прокрутка.\u003C/li>\n\t\u003Cli>\u003Cstrong>Размер шрифта\u003C/strong>. Оптимально – 12–14 px. Если делать текст мельче, пользователю придется напрягать зрение. Caps Lock нужно использовать умеренно. Письма с большим количеством капса могут попасть в спам.\u003C/li>\n\t\u003Cli>\u003Cstrong>Безопасные шрифты\u003C/strong>. Используйте шрифты, которые поддерживают все почтовые программы: Times New Roman, Arial, Verdana, Helvetica. Кастомными корпоративными шрифтами можно оформлять заголовки и вставлять их картинками.\u003C/li>\n\t\u003Cli>\u003Cstrong>Количество символов в теме письма\u003C/strong>. Желательно уместиться в 35–40 символов, тогда тема будет видна целиком даже в мобильной версии. Если коротко сформулировать не получается, вынесите основной смысл в первые 40 символов.\u003C/li>\n\u003C/ul>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-1.webp\" type=\"image/webp\">\u003Cimg alt=\"Технические требования к письму\" height=\"29\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-1.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>Слишком длинная тема письма не поместилась в строку\u003C/p>\n\n\u003Cul>\n\t\u003Cli>\u003Cstrong>Ссылка на отписку\u003C/strong>. Если ее нет, почта попадет в спам. Кнопку «Отписаться» размещают на видном месте в конце письма.\u003C/li>\n\u003C/ul>\n\n\u003Ch3>Рекомендации по дизайну писем\u003C/h3>\n\n\u003Cul>\n\t\u003Cli>\u003Cstrong>Адаптивность\u003C/strong>. Модульная верстка позволяет элементам письма подстраиваться под ширину экрана мобильных устройств. «Плавающие» блоки перемещаются друг под друга.\u003C/li>\n\u003C/ul>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-2.webp\" type=\"image/webp\">\u003Cimg alt=\"Адаптивная вёрстка письма\" height=\"199\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-2.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>Десктопная и мобильная версия макета\u003C/p>\n\n\u003Cul>\n\t\u003Cli>\u003Cstrong>Важная информация\u003C/strong> – в тексте. Картинки могут не открыться, поэтому текстовые и визуальные модули нужно делать независимыми друг от друга. Тогда письмо не станет бесполезным для получателя, даже если визуальная часть не загрузится.\u003C/li>\n\u003C/ul>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-3.webp\" type=\"image/webp\">\u003Cimg alt=\"Текст письма\" height=\"197\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-3.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>Текстовый модуль не накладывается на картинку\u003C/p>\n\n\u003Cul>\n\t\u003Cli>\u003Cstrong>Картинки и GIF-изображения использовать можно, а видео – нет\u003C/strong>. Вставить видеоролик в макет не получится. Можно дать ссылку. Разместить ее лучше в конце, чтобы человек не ушел из электронной почты, не дочитав письмо.\u003C/li>\n\t\u003Cli>\u003Cstrong>Кастомный \u003Ca href=\"https://quasa.io/ru/media/kak-stat-vostrebovannym-i-vysokooplachivaemym-graficheskim-dizaynerom\">дизайн\u003C/a>\u003C/strong>. Если письма выдержаны в корпоративном стиле, это повышает узнаваемость бренда. Можно разработать несколько универсальных шаблонов под каждый тип рассылки: приветственное письмо, подтверждение заказа, промоакции, поздравления. В дальнейшем останется только менять текст и картинки товаров.\u003C/li>\n\t\u003Cli>\u003Cstrong>Размер и внешний вид кнопок\u003C/strong>. Если в письме есть кнопки «Заказать», «Купить», «Зарегистрироваться» и т. п., их минимальный размер должен быть 46х46 px. Если сделать меньше, будет неудобно нажимать в мобильной версии. Кнопки нужно делать заметными, контрастными к цветовой гамме письма.\u003C/li>\n\u003C/ul>\n\n\u003Cp>Перед отправкой проверьте, как письмо будет выглядеть в разных почтовых клиентах. Для этого используйте сервисы litmus.com или mail-tester.com.\u003C/p>\n\n\u003Ch4>Как сделать письмо для email-рассылки\u003C/h4>\n\n\u003Cp>Четких правил, какие элементы обязательно включать в макет, нет. Исходите из задач рассылки и корпоративного стиля.\u003C/p>\n\n\u003Cp>\u003Cstrong>Основные блоки письма\u003C/strong>:\u003Cpicture class=\"image-align-right\">\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyyy-12.webp\" type=\"image/webp\">\u003Cimg class=\"image-align-right\" height=\"150\" src=\"https://cdn.quasa.io/photos/foto-16/yyyy-12.jpeg\" width=\"300\" / alt=\"Создание и верстка письма для email-рассылки\" loading=\"lazy\">\u003C/picture>\u003C/p>\n\n\u003Cul>\n\t\u003Cli>тема;\u003C/li>\n\t\u003Cli>прехедер;\u003C/li>\n\t\u003Cli>дескриптор;\u003C/li>\n\t\u003Cli>заголовок;\u003C/li>\n\t\u003Cli>тело письма;\u003C/li>\n\t\u003Cli>кнопки СТА (призыв к действию);\u003C/li>\n\t\u003Cli>футер (подвал).\u003C/li>\n\u003C/ul>\n\n\u003Cp>В некоторых видах писем отдельные элементы могут отсутствовать. Например, в информационной рассылке не будет кнопок СТА.\u003C/p>\n\n\u003Cp>\u003Cstrong>Тема\u003C/strong> должна анонсировать пользу для клиента и интриговать. Главное – не перестараться: кликбейт использовать не стоит. Если тема не будет соответствовать содержанию, пользователь потеряет доверие к компании и следующие письма, скорее всего, не прочитает. Не нужно ставить много восклицательных знаков. От слов типа «бесплатно», «гарантированно», «выигрыш» лучше отказаться. Сверьтесь со списком стоп-слов, из-за которых письма могут отправиться в спам.\u003C/p>\n\n\u003Cp>\u003Cpicture class=\"image-align-left\">\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-4.webp\" type=\"image/webp\">\u003Cimg alt=\"Тема письма\" class=\"image-align-left\" height=\"54\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-4.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>Тема показывает пользу, цифра конкретизирует выгоду клиента\u003C/p>\n\n\u003Cp>\u003Cstrong>Прехедер\u003C/strong> – это продолжение темы письма. В 100–120 символах уточните, о чем пойдет речь, подкрепите интерес пользователя. Прехедер влияет на открываемость рассылок также как тема.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-5.webp\" type=\"image/webp\">\u003Cimg alt=\"Прехедер письма\" height=\"17\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-5.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>Из прехедера понятно, что письмо не просто формально приветственное, а несет полезную информацию\u003C/p>\n\n\u003Cp>\u003Cstrong>Дескриптор\u003C/strong> располагается над основной картинкой или текстом. Содержит логотип компании, ссылку на сайт или веб-версию письма, переход в разделы каталога. Дает понять, от кого email. В рекламных рассылках дескриптор позволяет клиенту сразу перейти на сайт, не читая письмо полностью.\u003C/p>\n\n\u003Cp>\u003Cpicture class=\"image-align-left\">\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-6.webp\" type=\"image/webp\">\u003Cimg alt=\"Дескриптор\" class=\"image-align-left\" height=\"89\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-6.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>Варианты оформления дескриптора\u003C/p>\n\n\u003Cp>\u003Cstrong>Заголовок\u003C/strong> не всегда есть в письмах. Вместо \u003Ca href=\"https://quasa.io/ru/media/prodayushchie-zagolovki-100-primerov-i-shablonov\">заголовка\u003C/a> в рассылках работают тема и дескриптор. Если используется, выполняет задачу вовлечения читателя в контент. Покажите человеку, что он открыл письмо не зря, содержание стоит внимания.\u003C/p>\n\n\u003Cp>\u003Cpicture class=\"image-align-left\">\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-7.webp\" type=\"image/webp\">\u003Cimg alt=\"Заголовок письма\" class=\"image-align-left\" height=\"244\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-7.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>Заголовок дополняет тему\u003C/p>\n\n\u003Cp>\u003Cstrong>Тело письма\u003C/strong> состоит из визуальной и текстовой части. Здесь располагаются главный баннер, карточки товаров, основная текстовая информация, кнопки СТА, ссылки на дополнительные материалы.\u003C/p>\n\n\u003Cp>Главный баннер желательно делать высотой 300 px, шириной 600 px. Тогда он полностью поместится на экране любого устройства. В продающих письмах на баннер можно вынести не только основную информацию, но и кнопку призыва к действию.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-8.webp\" type=\"image/webp\">\u003Cimg alt=\"Тело письма\" height=\"188\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-8.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>«Горячие» клиенты смогут сразу перейти к заказу\u003C/p>\n\n\u003Cp>Текст структурируйте и оформляйте с помощью шрифтов, списков, рамок или эмодзи. Сплошное полотно букв не вызовет интереса у пользователей.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-9.webp\" type=\"image/webp\">\u003Cimg alt=\"Содержание письма\" height=\"281\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-9.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>Если у вашей компании есть блог, предложите клиентам почитать статьи. Ссылки располагайте в конце письма.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-10.webp\" type=\"image/webp\">\u003Cimg alt=\"Ссылки на статьи\" height=\"224\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-10.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Кнопки СТА\u003C/strong> сделайте в нескольких местах, чтобы заинтересованному клиенту не пришлось их искать.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-11.webp\" type=\"image/webp\">\u003Cimg alt=\"Кнопки действия в рассылке\" height=\"280\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-11.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cpicture class=\"image-align-left\">\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-12.webp\" type=\"image/webp\">\u003Cimg alt=\"Футер письма\" class=\"image-align-left\" height=\"105\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-12.jpg\" width=\"300\" />\u003C/picture>\u003Cstrong>Футер (подвал)\u003C/strong> – завершающий элемент письма. Здесь размещают реквизиты, контакты, ссылки на соцсети, кнопку «Отписаться». Если у компании есть мобильное приложение, можно дополнить блок ссылками на скачивание.\u003C/p>\n\n\u003Ch4>Как создать красивое письмо – инструкция по вёрстке\u003C/h4>\n\n\u003Cp>Верстать письма можно вручную в html-редакторе. А тем, кто незнаком с кодом, помогут онлайн-сервисы рассылок. Шаблон собирается в конструкторе из готовых блоков, заполняется текстом и изображениями. Далее загружается база email-адресов: получателей можно делить на группы и адаптировать содержание писем под аудиторию.\u003C/p>\n\n\u003Cp>Разберем создание макета письма на примере \u003Cstrong>сервиса NotiSend (app.notisend.ru/)\u003C/strong>\u003C/p>\n\n\u003Cp>\u003Cstrong>Шаг 1\u003C/strong>. Зарегистрируйтесь и нажмите «Создать рассылку». Сервис предоставляет возможность бесплатной рассылки по базе до 200 подписчиков.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-13.webp\" type=\"image/webp\">\u003Cimg alt=\"Как создать рассылку\" height=\"89\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-13.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Шаг 2\u003C/strong>. Заполните данные отправителя, тему письма и название рассылки.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-14.webp\" type=\"image/webp\">\u003Cimg alt=\"Данные отправителя\" height=\"165\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-14.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Шаг 3\u003C/strong>. Создайте макет письма. Соберите шаблон из элементов в редакторе или выберите готовый. Если у вас уже есть сверстанное письмо в html-файле, его можно загрузить на этом этапе.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-15.webp\" type=\"image/webp\">\u003Cimg alt=\"Как сделать макет письма для рассылки\" height=\"158\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-15.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Шаг 4\u003C/strong>. Выберите в конструкторе структуру письма в разделе «Колонки» и наполните ее элементами из раздела «Блоки».\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-16.webp\" type=\"image/webp\">\u003Cimg alt=\"Структура письма\" height=\"143\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-16.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Шаг 5\u003C/strong>. Перетаскивайте элементы из левой части экрана и заполняйте: загрузите изображения, напишите текст, вставьте карту проезда, добавьте кнопки. Конструктор автоматически адаптирует макет под любые устройства.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-17.webp\" type=\"image/webp\">\u003Cimg alt=\"Вёрстка письма\" height=\"134\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-17.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Шаг 6\u003C/strong>. Загрузите базу получателей.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-18.webp\" type=\"image/webp\">\u003Cimg alt=\"База для рассылки\" height=\"149\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-18.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Шаг 7\u003C/strong>. Проверьте правильное отображение макета: выберите собственный email и отправьте пробное письмо. Сервис дает возможность протестировать шаблон в разных почтовых клиентах. Можно посмотреть, как рассылка будет выглядеть в десктопной и мобильной версии.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-19.webp\" type=\"image/webp\">\u003Cimg alt=\"Тестовое письмо\" height=\"151\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-19.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Шаг 8\u003C/strong>. Нажмите «Запустить рассылку» после завершения тестирования.\u003C/p>\n\n\u003Ch4>Примеры и образцы писем\u003C/h4>\n\n\u003Cp>\u003Cstrong>Продающая рассылка\u003C/strong> Альфа-Страхование: главная информация вынесена на баннер, здесь же кнопка перехода на сайт. Минимум текста, краткие описания услуг с кнопками СТА. Забота о клиенте: ссылка на статью, как не стать жертвой мошенников. Лаконичное, но при этом содержательное продающее письмо в узнаваемом корпоративном стиле.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-20.webp\" type=\"image/webp\">\u003Cimg alt=\"Пример красивого письма\" height=\"707\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-20.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Рассылка\u003C/strong> PuzzleBrain: текст поделен на абзацы, основные мысли оформлены списком, поэтому письмо легко читается. Кнопки перехода на сайт и СТА контрастны фону и заметны. Перейти к подписке читатель может в нескольких местах.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-21.webp\" type=\"image/webp\">\u003Cimg alt=\"Образец письма для рассылки\" height=\"750\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-21.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Письмо-обращение\u003C/strong> издательства МИФ к читателям: такие рассылки лучше не перегружать визуальным контентом. От подписчиков требуется одно целевое действие: перейти по ссылке. Поэтому в письме нет ничего лишнего: яркий акцент на кнопке, а основанная информация – безопасным шрифтом на белом фоне.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-22.webp\" type=\"image/webp\">\u003Cimg alt=\"Пример минималистичного письма\" height=\"378\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-22.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cstrong>Рекламное письмо\u003C/strong> GeekBrains: интригующий заголовок, небанальная верстка, футер со ссылками на дополнительные материалы. Все понимают, что освоить профессию за три часа невозможно, но прочитать письмо интересно. Email не перегружен картинками, но и не выглядит сплошным полотном текста. Большие кнопки удобно нажимать на экране смартфона. В подвале письма – полезные материалы для клиентов.\u003C/p>\n\n\u003Cp>\u003Cpicture>\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-23.webp\" type=\"image/webp\">\u003Cimg alt=\"Пример рекламного письма\" height=\"766\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-23.jpg\" width=\"300\" />\u003C/picture>\u003C/p>\n\n\u003Cp>\u003Cpicture class=\"image-align-left\">\u003Csource srcset=\"https://cdn.quasa.io/photos/foto-16/yyy-24.webp\" type=\"image/webp\">\u003Cimg alt=\"Необычная рассылка\" class=\"image-align-left\" height=\"438\" src=\"https://cdn.quasa.io/photos/foto-16/yyy-24.jpg\" width=\"300\" />\u003C/picture>\u003Cstrong>Рассылка промокодов\u003C/strong> от Деловых Линий: баннер в корпоративном стиле, основанная информация крупным шрифтом на контрастном фоне, заметная кнопка призыва к действию. Письмо сделано так, что клиенту будет удобно воспользоваться предложением. Сразу из рассылки можно перейти к заказу, прочитав инструкцию.\u003C/p>\n\n\u003Ch4>Заключение\u003C/h4>\n\n\u003Cp>Главный принцип создания email-рассылки – удобство пользователя. Письмо должно правильно отображаться на ПК и мобильных устройствах. Для этого применяйте адаптивную верстку и соблюдайте технические требования.\u003C/p>\n\n\u003Cp>Стильный дизайн помогает повысить отдачу от рассылки.. Разрабатывайте шаблоны писем в корпоративном стиле, придумывайте интересные заголовки, структурируйте текст, добавляйте подходящие картинки. Не забывайте размещать яркие кнопки призыва к действию.\u003C/p>\n\n\u003Cp>До новых встреч!\u003C/p>","sozdanie-i-verstka-pisma-dlya-email-rassylki","2022-10-18T09:33:44.000000Z","2022-10-18T08:00:00.000000Z","18.10.2022",{"image":89,"image_webp":90,"thumb":91,"thumb_webp":92},"https://cdn.quasa.io/images/news/HCH9vALVufmmgWaGa3f3GKAoEGF5uomlGaTKzDHJ.png","https://cdn.quasa.io/images/news/HCH9vALVufmmgWaGa3f3GKAoEGF5uomlGaTKzDHJ.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/HCH9vALVufmmgWaGa3f3GKAoEGF5uomlGaTKzDHJ.png","https://cdn.quasa.io/thumbs/news-thumb/images/news/HCH9vALVufmmgWaGa3f3GKAoEGF5uomlGaTKzDHJ.webp","small",null,2095,0,"ru",{"id":34,"title":35,"slug":36,"meta_title":99,"meta_description":100,"meta_keywords":101,"deleted_at":94,"created_at":102,"updated_at":103,"lang":97},"Всё о маркетинге в QUASA MEDIA. Эксклюзивные статьи, советы и инструкции.","Без маркетинга нет бизнеса. Маркетинговые исследования и основы от профессионалов QUASA MEDIA","Маркетинг, маркетолог, маркетинг для бизнеса, бизнес маркетинг, мобильный маркетинг, контент маркетинг","2021-10-28T10:32:54.000000Z","2024-08-25T15:33:26.000000Z",[105,120,133,145,158],{"title":106,"description":107,"slug":108,"created_at":109,"publish_at":110,"formatted_created_at":111,"category":112,"links":113,"view_type":116,"video_url":94,"views":117,"likes":118,"lang":97,"comments_count":118,"is_pinned":119},"Как сделать стрим на YouTube: программы, раскрутка, настройки, запуск","В последнее время многие пользователи вместо просмотра ТВ, предпочитают YouTube.","kak-sdelat-strim-na-youtube-programmy-raskrutka-nastroyki-zapusk","2022-02-07T17:28:12.000000Z","2026-04-19T11:00:00.000000Z","19.04.2026",{"title":59,"slug":60},{"image":114,"image_webp":94,"thumb":115,"thumb_webp":115},"https://cdn.quasa.io/images/news/o2qoAXvcM2oQfVlMnT0eGNfopc4oN1s39QHs4eFD.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/o2qoAXvcM2oQfVlMnT0eGNfopc4oN1s39QHs4eFD.webp","large",4604,1,false,{"title":121,"description":122,"slug":123,"created_at":124,"publish_at":125,"formatted_created_at":111,"category":126,"links":127,"view_type":93,"video_url":94,"views":132,"likes":96,"lang":97,"comments_count":96,"is_pinned":119},"Биржа рекламы у блогеров в Инстаграм: выбираем лучшую","Биржа рекламы у блогеров в Инстаграм обычно используется в рамках маркетинга влияния.","birzha-reklamy-u-blogerov-v-instagram-vybiraem-luchshuyu","2022-02-07T17:06:48.000000Z","2026-04-19T09:00:00.000000Z",{"title":39,"slug":40},{"image":128,"image_webp":129,"thumb":130,"thumb_webp":131},"https://cdn.quasa.io/images/news/ZfaOFHhof4Dv0XqlwXa3pX1WqxEozbgqFlE5H3ms.jpg","https://cdn.quasa.io/images/news/ZfaOFHhof4Dv0XqlwXa3pX1WqxEozbgqFlE5H3ms.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/ZfaOFHhof4Dv0XqlwXa3pX1WqxEozbgqFlE5H3ms.jpg","https://cdn.quasa.io/thumbs/news-thumb/images/news/ZfaOFHhof4Dv0XqlwXa3pX1WqxEozbgqFlE5H3ms.webp",1969,{"title":134,"description":135,"slug":136,"created_at":137,"publish_at":137,"formatted_created_at":111,"category":138,"links":139,"view_type":93,"video_url":94,"views":144,"likes":96,"lang":97,"comments_count":96,"is_pinned":119},"Преимущества без компромиссов: почему пациенты выбирают Clinics on Call","Дорогостоящее лечение, длинные очереди, ограниченный выбор современных методов лечения — это основные причины, по которым пациенты прибегают к услугам медтуризма.","preimushchestva-bez-kompromissov-pochemu-pacienty-vybirayut-clinics-on-call","2026-04-19T08:38:19.000000Z",{"title":23,"slug":24},{"image":140,"image_webp":141,"thumb":142,"thumb_webp":143},"https://cdn.quasa.io/images/news/L8ENNFfPjqRghfqP299AQ2228c47cmAwDaB5qjU2.jpg","https://cdn.quasa.io/images/news/L8ENNFfPjqRghfqP299AQ2228c47cmAwDaB5qjU2.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/L8ENNFfPjqRghfqP299AQ2228c47cmAwDaB5qjU2.jpg","https://cdn.quasa.io/thumbs/news-thumb/images/news/L8ENNFfPjqRghfqP299AQ2228c47cmAwDaB5qjU2.webp",77,{"title":146,"description":147,"slug":148,"created_at":149,"publish_at":150,"formatted_created_at":111,"category":151,"links":152,"view_type":116,"video_url":94,"views":157,"likes":96,"lang":97,"comments_count":96,"is_pinned":119},"Как попасть в похожие и рекомендованные видео на YouTube","Рекомендованные видео на YouTube – это несколько видео, появляющихся с правой стороны при просмотре любого ролика.","kak-popast-v-pohozhie-i-rekomendovannye-video-na-youtube","2022-02-07T16:53:24.000000Z","2026-04-19T06:00:00.000000Z",{"title":59,"slug":60},{"image":153,"image_webp":154,"thumb":155,"thumb_webp":156},"https://cdn.quasa.io/images/news/TWrZm4PozmM3Cz7MFPpjMuFn3HjjI5kSBlYSGL79.jpg","https://cdn.quasa.io/images/news/TWrZm4PozmM3Cz7MFPpjMuFn3HjjI5kSBlYSGL79.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/TWrZm4PozmM3Cz7MFPpjMuFn3HjjI5kSBlYSGL79.jpg","https://cdn.quasa.io/thumbs/news-thumb/images/news/TWrZm4PozmM3Cz7MFPpjMuFn3HjjI5kSBlYSGL79.webp",5227,{"title":159,"description":160,"slug":161,"created_at":162,"publish_at":163,"formatted_created_at":111,"category":164,"links":165,"view_type":116,"video_url":94,"views":170,"likes":118,"lang":97,"comments_count":96,"is_pinned":119},"Как сделать продающий пост в Инстаграм: 7 правил + примеры","Продающий пост в Инстаграм — это пост, целью которого является что-то продать (спасибо, кэп!).","kak-sdelat-prodayushchiy-post-v-instagram-7-pravil-primery","2022-02-07T16:45:46.000000Z","2026-04-19T03:06:00.000000Z",{"title":39,"slug":40},{"image":166,"image_webp":167,"thumb":168,"thumb_webp":169},"https://cdn.quasa.io/images/news/97G5LMhmkNNbHJHIhsSxxqk7dPtCT3u5Lj6L8o61.jpg","https://cdn.quasa.io/images/news/97G5LMhmkNNbHJHIhsSxxqk7dPtCT3u5Lj6L8o61.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/97G5LMhmkNNbHJHIhsSxxqk7dPtCT3u5Lj6L8o61.jpg","https://cdn.quasa.io/thumbs/news-thumb/images/news/97G5LMhmkNNbHJHIhsSxxqk7dPtCT3u5Lj6L8o61.webp",2666,[172,185,197,209,221],{"title":173,"description":174,"slug":175,"created_at":176,"publish_at":177,"formatted_created_at":178,"category":179,"links":180,"view_type":93,"video_url":94,"views":183,"likes":184,"lang":97,"comments_count":96,"is_pinned":119},"Что такое темперамент человека и чем он отличается от характера","Сегодня мы с вами погрузимся в мир практической психологии и рассмотрим, что такое темперамент. Мы уверены, что вы не раз слышали это понятие, но, возможно, не до конца понимали его суть. Узнаем историю понятия и кратко разберем 4 типа темперамента.","chto-takoe-temperament-cheloveka-i-chem-on-otlichaetsya-ot-haraktera","2021-08-31T00:10:00.000000Z","2025-12-18T12:45:00.000000Z","18.12.2025",{"title":11,"slug":12},{"image":181,"image_webp":94,"thumb":182,"thumb_webp":182},"https://cdn.quasa.io/images/news/JhE5h2bmD07cu9sGu3ke0OOXoEws9FJd4YhdYd9t.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/JhE5h2bmD07cu9sGu3ke0OOXoEws9FJd4YhdYd9t.webp",1658122,35,{"title":186,"description":187,"slug":188,"created_at":189,"publish_at":190,"formatted_created_at":178,"category":191,"links":192,"view_type":93,"video_url":94,"views":195,"likes":196,"lang":97,"comments_count":96,"is_pinned":119},"Отрицательные качества человека: список с пояснениями + примеры для резюме","Вы узнаете, что писать в резюме, если работодатель просит перечислить свои слабые стороны, и можно ли недостатки превратить в преимущества.","otricatelnye-kachestva-cheloveka-spisok-s-poyasneniyami-primery-dlya-rezyume","2021-08-26T11:43:39.000000Z","2025-12-18T12:47:00.000000Z",{"title":11,"slug":12},{"image":193,"image_webp":94,"thumb":194,"thumb_webp":194},"https://cdn.quasa.io/images/news/QM5IJhVcPXs56iLQEVfEipRGMjoDZKwx5yOI9baM.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/QM5IJhVcPXs56iLQEVfEipRGMjoDZKwx5yOI9baM.webp",609988,116,{"title":198,"description":199,"slug":200,"created_at":201,"publish_at":202,"formatted_created_at":178,"category":203,"links":204,"view_type":93,"video_url":94,"views":207,"likes":208,"lang":97,"comments_count":96,"is_pinned":119},"Положительные качества человека: список достоинств для жизни, отношений и работы","Качества личности – это набор устойчивых психических состояний, с помощью которых человек взаимодействует с социумом, влияет на него и ведет активную деятельность.","polozhitelnye-kachestva-cheloveka-spisok-dostoinstv-dlya-zhizni-otnosheniy-i-raboty","2021-08-25T22:16:19.000000Z","2025-12-18T09:30:00.000000Z",{"title":11,"slug":12},{"image":205,"image_webp":94,"thumb":206,"thumb_webp":206},"https://cdn.quasa.io/images/news/GjO9AIKY0GptNr5rAcfA4QMPIJKlFxaJ8Yy9gCDb.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/GjO9AIKY0GptNr5rAcfA4QMPIJKlFxaJ8Yy9gCDb.webp",606927,171,{"title":210,"description":211,"slug":212,"created_at":213,"publish_at":214,"formatted_created_at":178,"category":215,"links":216,"view_type":93,"video_url":94,"views":219,"likes":220,"lang":97,"comments_count":18,"is_pinned":119},"Интересные темы для разговоров с кем угодно и где угодно","Рекомендации для интересного общения. Темы, на которые можно поговорить.","interesnye-temy-dlya-razgovorov-s-kem-ugodno-i-gde-ugodno","2021-06-06T20:04:50.000000Z","2025-12-18T13:02:00.000000Z",{"title":23,"slug":24},{"image":217,"image_webp":94,"thumb":218,"thumb_webp":218},"https://cdn.quasa.io/images/news/0MQot5gzrfi2JKDfW9BmQBR954aYKcAmIa5LRojN.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/0MQot5gzrfi2JKDfW9BmQBR954aYKcAmIa5LRojN.webp",459181,84,{"title":222,"description":223,"slug":224,"created_at":225,"publish_at":226,"formatted_created_at":178,"category":227,"links":228,"view_type":93,"video_url":94,"views":231,"likes":232,"lang":97,"comments_count":96,"is_pinned":119},"Типы личности в психологии: 6 самых распространенных классификаций","Если простыми словами, то личность – это человек, обладающий набором индивидуальных характеристик и являющийся субъектом социальных отношений.","tipy-lichnosti-v-psihologii-6-samyh-rasprostranennyh-klassifikaciy","2021-10-11T22:27:07.000000Z","2025-12-18T08:25:00.000000Z",{"title":11,"slug":12},{"image":229,"image_webp":94,"thumb":230,"thumb_webp":230},"https://cdn.quasa.io/images/news/svg5pgcLVwCHibSqq7mqRS5kUkiogG2IpLBDDoi5.webp","https://cdn.quasa.io/thumbs/news-thumb/images/news/svg5pgcLVwCHibSqq7mqRS5kUkiogG2IpLBDDoi5.webp",297517,47,[234,235,236,237,238,239,240,241,242,243,244,245,246,247,248],{"title":63,"slug":64},{"title":15,"slug":16},{"title":31,"slug":32},{"title":35,"slug":36},{"title":59,"slug":60},{"title":51,"slug":52},{"title":47,"slug":48},{"title":27,"slug":28},{"title":23,"slug":24},{"title":73,"slug":74},{"title":11,"slug":12},{"title":39,"slug":40},{"title":66,"slug":71},{"title":43,"slug":44},{"title":19,"slug":20}]