Усердно работаете над созданием HTML-версии своего маркетингового письма? Сделайте свою жизнь проще, используя один из этих шаблонов
В первый раз, когда я сделал шаблон электронного письма, я подумал, что это будет легко. Итак, я использовал базовый HTML, пока он не стал хорошо выглядеть в Gmail. Затем я попробовал это с помощью Outlook. Что ж, вы предвидели это, не так ли? В Outlook это выглядело ужасно. По глупости и как добрый миллениал, я думал, что так и будет. Электронные письма существуют так давно, что не должно быть так сложно, как я себе представлял. Я был неправ. Так неправильно! Поставщики электронной почты похожи на браузеры и устройства.
Даже если это простое электронное письмо, может быть сложно сделать его так, чтобы все почтовые клиенты хорошо с ним взаимодействовали. Оказывается, для обработки электронных писем в формате HTML используются разные механизмы:
Apple Mail, Outlook для Mac, Android Mail и iOS Mail используют WebKit.
В Outlook 2000, 2002 и 2003 используется Internet Explorer.
Outlook 2007, 2010 и 2013 используют Microsoft Word (да, Word!).
Веб-клиенты используют соответствующий движок своего браузера (например, Safari использует WebKit, а Chrome использует Blink).
(Ли Манро)
В какой-то момент я сдался. Мне нужно было простое электронное письмо с кнопкой с призывом к действию, сделать его самому было излишним. Итак, я пошел искать шаблоны в Интернете. Их куча, и я не знала, кому доверять! Я просматривал и просматривал страницы, и это было время для изменения стратегии. Итак, я зашел на Github за шаблонами. В конце концов, это код, который я все-таки искал.
Большинство поставщиков услуг электронной почты предлагают бесплатные шаблоны писем. Все эти шаблоны достаточно хороши и актуальны.
Они хорошо обрабатывают все электронные письма, а также предлагают адаптивный шаблон. Большинство писем, которые вы можете создать, находится в этих репозиториях или в нескольких изменениях:
- MailChimp: https://github.com/mailchimp/Email-Blueprints
- SendGrid: https://github.com/sendgrid/email-templates
- MailGun: https://github.com/mailgun/transactional-email-templates
- PostMark: https://github.com/wildbit/postmark-templates
- MailJet: https://github.com/mailjet/mailjet-apiv3-templating-samples/tree/master/samples
- SendWithUs: https://github.com/sendwithus/templates
Также есть несколько хороших шаблонов, созданных Ли Манро: https://github.com/leemunroe/responsive-html-email-template.
Если вы решили пойти другим путем, а не использовать шаблон. Создание собственного шаблона может быть довольно сложным (но и полезным). Если хочешь, держись! Эти два ресурса должны вам помочь:
