HTML шаблоны электронной почты для транзакционных электронных писем
- Мы добавили новую функцию шаблона в наш интерфейс, вы можете узнать больше об этом в эта почта. ...
- Встроенный CSS
- Адаптивный дизайн с медиа-запросами
- Результаты теста рендеринга почтового клиента
- Рабочий процесс оформления электронной почты с Grunt
- Скачать шаблоны электронной почты
- Вебинар: лучшие практики для электронной почты
Мы добавили новую функцию шаблона в наш интерфейс, вы можете узнать больше об этом в эта почта. Транзакционные электронные письма часто игнорируются.
Стилизовать HTML-шаблоны электронной почты очень сложно: таблицы, встроенный CSS, неподдерживаемый CSS, настольные клиенты, веб-клиенты, мобильные клиенты, различные устройства - все это создает и влияет на ваш шаблон электронной почты. Если какой-либо поставщик услуг входящих сообщений (ISP, это Gmail) или поставщик услуг электронной почты (это ESP, это мы) изо всех сил пытается получить / отправить ваши электронные письма из-за чего-то вроде таблицы, которая не оптимизирована для просмотра на мобильных устройствах - ваши почтовые кампании не смогут привлечь обязательства.
Все это говорит о том, что нет ничего удивительного в том, что разработчики не хотят иметь дело с шаблонами транзакционной электронной почты, когда есть отставание от более важных приоритетов.
Мы постарались снять некоторые неприятности для вас и открыли коллекцию общих шаблонов электронной почты в формате HTML для транзакционной электронной почты. Маркетинговым кампаниям по электронной почте потребуется другой шаблон, тем более что контент может сильно различаться в зависимости от того, что вы отправляете. Например, электронный бюллетень может меняться ежедневно / еженедельно / ежемесячно и иметь более определенную аудиторию в зависимости от маркетинговой кампании по электронной почте. Так что имейте в виду, что эти шаблоны лучше всего подходят для транзакционной электронной почты.
Эти адаптивные HTML-шаблоны электронной почты были протестированы во всех популярных почтовых клиентах. Посмотреть на GitHub.
Встроенный CSS
Перед отправкой электронных писем в формате HTML вы должны вставить свой CSS. Мы рекомендуем использовать что-то вроде Premailer чтобы сделать это. Есть библиотеки, которые делают это для каждого из популярных языков ( Рубин , Узел , PHP , питон , хрюкать ) или вы можете вручную вставить свой CSS Вот , Наши шаблоны электронной почты включают медиа-запросы для адаптивного дизайна. Важно, чтобы медиа-запросы не были встроены (Premailer сделает это за вас).
Наше репо содержит как оригинальные шаблоны с отдельной таблицей стилей CSS, так и шаблоны с уже встроенным CSS. Смотрите папку / inlined.
Адаптивный дизайн с медиа-запросами
Эти адаптивные шаблоны электронной почты реагируют на мобильные устройства и используют медиа-запросы для оптимизации дизайна для небольших экранов.
По состоянию на июль 2014 года ~ 50% писем открыты на мобильных устройствах. Поэтому важно, чтобы ваши электронные письма выглядели хорошо и могли использоваться на маленьких экранах.
Помните, что на момент написания этой статьи только несколько почтовых клиентов поддерживают медиазапросы. Это включает в себя собственные почтовые приложения для iOS Mail, Android 4.X и Windows Phone 7.5.
Результаты теста рендеринга почтового клиента
Мы протестировали эти шаблоны электронной почты на всех основных настольных, веб-и мобильных клиентах, используя Litmus.
Рабочий процесс оформления электронной почты с Grunt
Вы также можете быть заинтересованы в этом Задача Grunt для компиляции и тестирования html-писем , Это то, что мы использовали для разработки и тестирования наших транзакционных писем. Это хороший способ управлять макетами электронной почты, компилировать SCSS, встроенный CSS и отправлять предварительный просмотр в свой почтовый ящик.
Скачать шаблоны электронной почты
Скачать шаблоны в формате zip или же Посмотреть на GitHub ,
Это бесплатно и с открытым исходным кодом, поэтому не стесняйтесь использовать их по своему желанию. Если вы используете их, мы хотели бы знать об этом. Оставьте нам ссылку в комментариях к вашему товару или услуге. Обсудить на Hacker News
Вебинар: лучшие практики для электронной почты
Вы обновили свою почтовую стратегию на новый год? Мы все хотим лучшей доставляемости, но есть несколько небольших вещей, которые вам нужны для достижения этой цели. Посмотрите наш вебинар, который охватывал все стратегии, необходимые для успеха в 2018 году, с нашим ведущим, постоянным экспертом по доставке Nick Schafer -Mailgun.
Вы узнаете: 1) Как отслеживать и улучшать свою репутацию отправителя, 2) Что нужно и чего не нужно создавать и поддерживать ваши списки, 3) Как улучшить взаимодействие с электронной почтой и многое другое.
Дата изменения: 30 мая 2019 г.
Похожие
Адаптивный и адаптивный дизайн: что лучше?Google имеет всегда рекомендуется адаптивный веб-дизайн (RWD), особенно после развертывания большое обновление на 21.04.15, который оценил мобильные дружественные сайты выше. В обновлении не указано, что вы должны использовать адаптивный дизайн, а только то, что сайт должен быть доступен Мы любим Joomla! то есть лучшие страницы, созданные в Joomla!
... для блогов, все чаще используется для создания все более совершенных веб-сайтов, давайте посмотрим правде в глаза - Joomla! является более серьезным решением, если мы будем использовать термин CMS здесь. И на наш взгляд, обширная Joomla! это гораздо больше подходит. Эта запись не будет о превосходстве одной системы над другой. Более того, это невозможно доказать по простой причине: каждая из этих двух систем - Wordpress и Joomla! они диаметрально разные. В одном из них якобы лучше, Как использовать учетную запись электронной почты iCloud на устройствах Android
... вой iCloud. На самом деле, есть несколько выходов. Теперь я хотел бы рассказать вам, как использовать учетную запись iCloud Mail на устройствах Android и перенести контакты iCloud на Android , Вот руководство для вашей настройки электронной почты iCloud на ваших устройствах Android. Эти шаги хорошо работают на любых почтовых клиентах TomTom Navigator запускает (некоторые) Android-устройства, мы идем в руки
... ся автономным аспектом своих карт, который всегда держит вас на пути, независимо от того, есть ли у вас подключение для передачи данных или нет. Однако цена за эту роскошь составляет ровно 3,1 ГБ (размер загруженных нами европейских карт) - ценное пространство на вашем смартфоне, которое вы никогда не сможете использовать ни для чего другого. Конечно, мы были совершенно готовы пойти на этот компромисс, чтобы увидеть, как работает новое приложение, но получение всего программного обеспечения Тестовая страница для HTTP-сервера Apache в Fedora
Если вы являетесь представителем общественности: Тот факт, что вы видите эту страницу, указывает на то, что на сайте, который вы только что посетили, либо возникли проблемы, либо он находится на плановом обслуживании. Если вы хотите, чтобы администраторы этого веб-сайта знали, что вы видели эту страницу вместо ожидаемой, отправьте им электронное письмо. Как правило, почта, отправляемая на имя «веб-мастер» и направляемая на домен сайта, должна доходить до соответствующего Samsung Portable SSD T5 обзор
Насколько маленьким может быть внешнее запоминающее устройство? Довольно чертовски маленький, особенно в случае недавно выпущенного Samsung T5, который размером примерно со стопку кредитных карт. Действительно, T5 теперь опасно близок по размеру к гораздо более дорогим твердотельным накопителям, таким как DataTraveler Ultimate GT компании Kingston USB-накопитель. T5 принимает форм-фактор T3 (и T1) Кому принадлежит мой сайт? Собственность и Терминология
... для управления администрированием контента вашего сайта. Примеры включают WordPress, Drupal, Mighty-Site. Вы владеете своей CMS, только если вы создали свой собственный исходный код и написали его самостоятельно. Это общее для всего программного обеспечения. Если вы не являетесь разработчиком программного обеспечения, у вас нет программного обеспечения на любом компьютере. CMS (и все программное обеспечение) принадлежат соответствующим создателям и лицензированы Мы тестируем почту, которую Сноуден бы не презирал. ProtonMail
... ватели решили проблему безопасности данных, храня свою почту или файлы там, где она была самой дешевой или удобной. Однако события последних месяцев сделали это, по крайней мере, для некоторых, важным. В ответ на этот спрос в сети, сервисы, рекламируемые как безопасные и устойчивые к отслеживанию, стали появляться в большом количестве. Одним из наиболее интересных из них была швейцарская ProtonMail, которую мы недавно имели возможность протестировать. 8 секретов самопубликации для оформления обложки электронной книги
... стратегический и эмоциональный взгляд на содержание вашего произведения. Но если вы решите создать свою собственную обложку для электронной книги, вам нужно принять во внимание некоторые важные вещи. Это не просто тема тщеславия и «профессионально выглядящего покрытия». Это действительно важная часть ваше самоиздание Ваш путеводитель Создание адаптивного для мобильных устройств веб-дизайна
... электронной коммерции для вымышленной компании по производству футболок. Почему выбирают это? Сайты электронной коммерции могут иметь много вариантов использования в разных контекстах. Например, 70% владельцев смартфонов используют свои мобильные телефоны, чтобы влиять на покупки в магазине , Поэтому, хотя мы позаботимся о том, чтобы покупка продукта была как можно более простой, мы также постараемся сделать Мы принимаем заказы 24/7. Мы действительно онлайн! Вы не видите ничего интересного? Напишите нам ...
Мы принимаем заказы 24/7. Мы действительно онлайн! Вы не видите ничего интересного? Напишите нам о том, что вы ищете, мы воплотим ваши идеи в жизнь со мной! Этот
Комментарии
Поскольку мы добавили URL с?Поскольку мы добавили URL с? Rel = 0, он получает код для встраивания с отключенными рекомендуемыми видео или рекомендуемыми видео. Автоматически отключать похожие видео YouTube в WordPress Если вы встраиваете много видео с YouTube на свой веб-сайт, вы можете упростить этот процесс, используя автоматическое решение, которое отключает похожие видео с YouTube на всем сайте. Все, что вам нужно сделать, это установить и активировать Хотите узнать больше о потоковой передаче?
Хотите узнать больше о потоковой передаче? Подпишитесь на наш блог так что вы не пропустите обновление. Интерфейс Akamai NetSession - что это за программа?
Интерфейс Akamai NetSession - что это за программа? Как вы можете удалить это? С помощью этого руководства вы узнаете, как избавиться от этого навязчивого гостя, который без нашего ведома и воли окажется в компьютере. Узнайте, как быстро удалить интерфейс Akamai NetSession из Windows. Вы не являетесь пользователем OnePageCRM и хотите попробовать эту функцию и многое другое?
Вы не являетесь пользователем OnePageCRM и хотите попробовать эту функцию и многое другое? Подпишитесь на 21-дневную бесплатную оценку и узнайте, как наш метод продаж Next Action может помочь вам сделать продажи! В этом году сентябрьские обложки выглядели более инклюзивно, но повлияло ли это на продажи?
В этом году сентябрьские обложки выглядели более инклюзивно, но повлияло ли это на продажи? Есть ли способ привлечь людей к тому, чтобы сегодня взять журнал, помимо того, что Beyoncé или Supreme написали его обложку? Для некоторых журнал Casa Magazines по-прежнему является достоянием соседей, а для других - просто ностальгическим фоном. Мухаммед жалуется, что модные блоггеры придут в магазин, возьмут журнал, чтобы сделать несколько фотографий для своих аккаунтов в Instagram, и уйдут, ничего Знаете ли вы?
Знаете ли вы? Персональные бесплатные домены включены в ежегодный пакет услуг хостинга Premium & Business! 30-дневная гарантия возврата денег Если вы не удовлетворены хостингом на 100%, мы вернем ваш платеж. Нет проблем, нет риска. Узнайте больше Мы - и наши партнеры - используем куки для предоставления Вы знали?
Вы знали? Персональные бесплатные домены включены в планы хостинга Premium & Business! 30-дневная гарантия возврата денег Если вы не удовлетворены хостингом на 100%, мы вернем ваш платеж. Нет хлопот, нет риска. Учить больше Мы - и наши партнеры - используем файлы cookie для предоставления наших услуг Или, может быть, вы только начинаете фотографировать, а телефон служит основной камерой?
Или, может быть, вы только начинаете фотографировать, а телефон служит основной камерой? В обоих случаях квадратные фильтры Nisi Prosories, созданные специально для смартфонов, могут быть полезны, обеспечивая хорошие результаты в условиях, когда маленькие камеры перестают справляться. Таким образом, у нас есть полупрозрачный серый фильтр для пейзажных фотографий, повышающий контрастность и облегчающий работу с отражениями света, поляризационный фильтр, а также фильтр для ночного видения и обычный Когда вы могли бы лучше использовать экран?
Когда вы могли бы лучше использовать экран? Это тот момент, когда нужно добавить медиа-запрос и написать дополнительный CSS. Работа таким образом означает, что любое устройство, входящее под этой точкой останова, получает узкую компоновку, а все, что входит через эту точку останова, получает компоновку, в которой больше используется горизонтальное пространство экрана. Не имеет значения, является ли устройство iPhone, телефоном Samsung или веб-дизайнером, играющим со своим окном Вы не видите ничего интересного?
Вы не видите ничего интересного? Напишите нам о том, что вы ищете, мы воплотим ваши идеи в жизнь со мной! Этот Что вы, ребята, думаете об этих двух инструментах?
Что вы, ребята, думаете об этих двух инструментах? Оба определенно спрятаны в моем портативное приложение инструментарий и делать свою работу так, как ожидалось. Дайте нам знать об этом в комментариях! Узнайте больше о: эталонный тест , Обслуживание компьютеров ,
Почему выбирают это?
Вы не видите ничего интересного?
Вы не видите ничего интересного?
Поскольку мы добавили URL с?
Хотите узнать больше о потоковой передаче?
Интерфейс Akamai NetSession - что это за программа?
Интерфейс Akamai NetSession - что это за программа?
Как вы можете удалить это?
Вы не являетесь пользователем OnePageCRM и хотите попробовать эту функцию и многое другое?
Вы не являетесь пользователем OnePageCRM и хотите попробовать эту функцию и многое другое?