У кого-нибудь есть адаптивный шаблон CSS для электронной почты (новостная рассылка)? - PullRequest
0 голосов
/ 15 февраля 2012

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

Но с обоими мне не удалось показать адаптивный дизайн на моем мобильном Android 2.3.3
Есть ли у кого-то живой пример длятакое отзывчивое электронное письмо, так что я могу извлечь из него урок?
Я пытался найти его в Интернете, но не смог найти ...

Ответы [ 3 ]

1 голос
/ 07 января 2013

Читая о адаптивных HTML-письмах, я наткнулся на ваш вопрос.Несмотря на то, что я немного опоздал, я хотя бы потратил время, чтобы поделиться тем, что я нашел до сих пор.

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

  1. Campaign Monitor предоставляет довольно обширное руководство о том, как создавать отзывчивые электронные письма в формате HTML.В нем обсуждаются различные подходы, о которых нужно подумать, и показаны несколько полезных «хаков».В этом руководстве они также ссылаются на несколько загружаемых примеров адаптивных электронных писем, которые вы можете использовать в качестве отправной точки, и создайте свою собственную электронную почту.

  2. В MailChimp также есть руководство по электронная почта для мобильных устройств .Он имеет более широкую направленность и обсуждает все, от статистики до поведения пользователей и передовых методов, но в нем также есть раздел о различных подходах к проектированию.

Чтобы получить живые примеры для изучения, я предлагаюВы подписываетесь на новостные рассылки от некоторых крупных компаний, которые потратили время на разработку своих новостных рассылок.Я не собираюсь рекламировать какую-либо конкретную компанию, но я знаю, что оба вышеупомянутых руководства упоминают несколько компаний, которые, по их мнению, имеют отличные информационные бюллетени HTML, на которые стоит взглянуть.

0 голосов
/ 23 февраля 2014

У меня есть превосходное решение для этой проблемы.Решение заключается в том, что вы можете создать HTML-рассылку по электронной почте, используя текучую технику.Я имею в виду, что вы должны построить его в процентах, чтобы все устройства могли соответствовать вашей электронной почте.

У меня есть учебное пособие по созданию: Жидкого адаптера электронной рассылки .Надеюсь, это поможет многим людям.

Спасибо!Сумеш МС

0 голосов
/ 15 февраля 2012

Письма в формате HTML - это разные звери.Существует несколько веб-сайтов, посвященных тому, чтобы клиенты HTML поддерживали стандартную разметку, но этот день еще не приблизился к тому, чтобы стать реальностью.Я сомневаюсь, что многие почтовые клиенты (если таковые имеются) поддерживают медиа-запросы, необходимые для работы адаптивного CSS.Мое предложение было бы сделать шаблон электронной почты в формате HTML, который был бы достаточно адаптируемым для работы с мобильным разрешением и при этом выглядел бы хорошо при обычном разрешении рабочего стола.Возможно некоторая ликвидная ширина.

Для получения информации о том, какие клиенты поддерживают какие и насколько хорошо поддерживают функции HTML / CSS, ознакомьтесь с этими двумя ссылками.

...