Как сверстать интерактивные вкладки в email-письме

[zmeika]

А зачем использовать интерактивные вкладки в письмах?

[lol_wat]

Как вариант, для более компактного отображения информации. Понятно, что это средство не на каждый день и не для любой ситуации (я уже в комментах почти к каждому посту это говорю, честно говоря).

[fanex]

Об этом вы узнаете в статье: «Зачем использовать интерактивные вкладки в email-письме?»

[Joshua]

Я был бы не против, чтобы моя программа бэкапа умела слать письмо с вкладками, по вкладке на каждую задачу. А не как сейчас — 5 писем.

[egort]

да

[SerDIDG]

Извращения продолжаются, оставьте письма в покое, честное слово. Они не для вашего спама были созданы.

[lol_wat]

Это так избито, считать все почтовые рассылки спамом, что уже даже не смешно, честное слово.

[SerDIDG]

Ну в вашем случае это уже спам со свистелками и перделками. Не стоит забывать где вы работаете и каким спамом занимается ваша компания. А ваши статьи (переводы) служат только для раскрутки вашей спам компании. Ничего личного.

[lol_wat]

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

[smkuzmin]

Специально для вашей чудесной компании. Чтобы все знали кто есть кто:

Самая малость ваших гребаных рассылок

78.30.8.140 125.3 bounce_260268+17117=[e-mail] [e-mail] Грандиозное_поступление_втулок_на_склад
78.30.1.116 125.6 bounce_151292+27013=[e-mail] [e-mail] Выключатели_пакетные_ПВ
78.30.8.140 126.3 bounce_260268+17117=[e-mail] [e-mail] Гидрораспределители_WALVOIL
78.30.4.202 123.8 bounce_260268+17117=[e-mail] [e-mail] Аналог_гидронасоса_OMFB_DARK-52_(108-005-05225)
77.236.132.161 111.7 bounce_715+70893=[e-mail] [e-mail] Торопитесь!_1_февраля_Конец_распродажи!
77.236.150.60 212.7 bounce_293881+direktor=[e-mail] [e-mail] Сертификация_вашей_продукции
77.236.150.161 115.1 bounce_290659+lov=[e-mail] [e-mail] Приглашение
78.30.1.154 102.1 bounce_236172+lov=[e-mail] [e-mail] семинар_ЖКХ,_новости_по_ТСЖ
78.30.8.177 110.6 bounce_169690+lov=[e-mail] [e-mail] 9_из_10_должников_оплачивают_в_течение_2_дней
77.236.154.141 109.1 bounce_236172+lov=[e-mail] [e-mail] Новые_разъяснения_Минстроя_РФ_по_ОДН
78.30.8.191 110.6 bounce_236895+press=[e-mail] [e-mail] Как_работать_в_условиях_постоянного_вызова_
77.236.150.94 110.6 bounce_236172+lov=[e-mail] [e-mail] Обзор_судебной_практики_по_ЖКХ

маски для ваших гребаных писем

*pechkinmails*
*pechkin-newbie*
*pechkinnewbie*
*pechkinsender*
*pechkintrust*

Ваши гребаные сервера

77.236.129.32 # mail-129-32.pechkinsender.org
77.236.129.81 # mail-129-81.pechkinsender.org
77.236.129.134 # mail-129-134.pechkinsender.com
77.236.129.169 # mail-129-169.pechkinsender.com
77.236.129.171 # mail-129-171.pechkinsender.com
77.236.129.190 # mail-129-190.pechkinsender.com
77.236.129.198 # mail-129-198.pechkinsender.com
77.236.129.216 # mail-129-216.pechkinsender.com
77.236.129.219 # mail-129-219.pechkinsender.com
77.236.132.31 # mail-132-31.pechkinsender.net
77.236.132.50 # mail-132-50.pechkinsender.net
77.236.132.69 # mail-132-69.pechkinsender.net
77.236.132.89 # mail-132-89.pechkinsender.net
77.236.132.118 # mail-132-118.pechkinsender.net
77.236.132.155 # mail-132-155.pechkinsender.net
77.236.132.161 # mail-132-161.pechkinsender.net
77.236.132.186 # mail-132-186.pechkinsender.net
77.236.132.224 # mail-132-224.pechkinsender.net
77.236.132.235 # mail-132-235.pechkinsender.net
77.236.132.244 # mail-132-244.pechkinsender.net
77.236.135.58 # mail-135-58.pechkinsender.net
77.236.135.64 # mail-135-64.pechkinsender.net
77.236.135.67 # mail-135-67.pechkinsender.net
77.236.135.101 # mail-135-101.pechkinsender.net
77.236.135.116 # mail-135-116.pechkinsender.net
77.236.135.124 # mail-135-124.pechkinsender.net
77.236.141.5 # mail-141-5.pechkinsender.com
77.236.141.9 # mail-141-9.pechkinsender.com
77.236.141.16 # mail-141-16.pechkinsender.com
77.236.141.25 # mail-141-25.pechkinsender.com
77.236.141.32 # mail-141-32.pechkinsender.com
77.236.141.113 # mail-141-113.pechkinsender.com
77.236.141.145 # mail-141-145.pechkinsender.com
77.236.141.161 # mail-141-161.pechkinsender.com
77.236.141.162 # mail-141-162.pechkinsender.com
77.236.141.166 # mail-141-166.pechkinsender.com
77.236.141.178 # mail-141-178.pechkinsender.com
77.236.141.182 # mail-141-182.pechkinsender.com
77.236.141.202 # mail-141-202.pechkinsender.com
77.236.141.211 # mail-141-211.pechkinsender.com
77.236.141.220 # mail-141-220.pechkinsender.com
77.236.150.51 # mail-150-51.pechkinsender.com
77.236.150.60 # mail-150-60.pechkinsender.com
77.236.150.99 # mail-150-99.pechkinsender.com
77.236.150.109 # mail-150-109.pechkinsender.com
77.236.150.120 # mail-150-120.pechkinsender.com
77.236.150.161 # mail-150-161.pechkinsender.com
77.236.150.211 # mail-150-211.pechkinsender.com
77.236.150.213 # mail-150-213.pechkinsender.com
77.236.150.226 # mail-150-226.pechkinsender.com
77.236.154.11 # mail-154-11.pechkinsender.com
77.236.154.35 # mail-154-35.pechkinsender.com
77.236.154.45 # mail-154-45.pechkinsender.com
77.236.154.117 # mail-154-117.pechkinsender.com
77.236.154.122 # mail-154-122.pechkinsender.com
77.236.154.141 # mail-154-141.pechkinsender.com
77.236.154.150 # mail-154-150.pechkinsender.com
77.236.154.162 # mail-154-162.pechkinsender.com
77.236.154.208 # mail-154-208.pechkinsender.com
78.30.1.9 # mail-1-9.pechkinmails.com
78.30.1.36 # mail-1-36.pechkinmails.com
78.30.1.53 # mail-1-53.pechkinmails.com
78.30.1.80 # mail-1-80.pechkinmails.com
78.30.1.116 # mail-1-116.pechkinmails.com
78.30.1.154 # mail-1-154.pechkinmails.com
78.30.1.173 # mail-1-173.pechkinmails.com
78.30.1.174 # mail-1-174.pechkinmails.com
78.30.1.249 # mail-1-249.pechkinmails.com
78.30.4.10 # mail-4-10.pechkinmails.com
78.30.4.17 # mail-4-17.pechkinmails.com
78.30.4.56 # mail-4-56.pechkinmails.com
78.30.4.77 # mail-4-77.pechkinmails.com
78.30.4.151 # mail-4-151.pechkinmails.com
78.30.4.152 # mail-4-152.pechkinmails.com
78.30.4.158 # mail-4-158.pechkinmails.com
78.30.4.164 # mail-4-164.pechkinmails.com
78.30.4.193 # mail-4-193.pechkinmails.com
78.30.4.202 # mail-4-202.pechkinmails.com
78.30.4.226 # mail-4-226.pechkinmails.com
78.30.4.233 # mail-4-233.pechkinmails.com
78.30.4.235 # mail-4-235.pechkinmails.com
78.30.4.237 # mail-4-237.pechkinmails.com
78.30.8.31 # mail-8-31.pechkinmails.com
78.30.8.37 # mail-8-37.pechkinmails.com
78.30.8.67 # mail-8-67.pechkinmails.com
78.30.8.97 # mail-8-97.pechkinmails.com
78.30.8.99 # mail-8-99.pechkinmails.com
78.30.8.119 # mail-8-119.pechkinmails.com
78.30.8.129 # mail-8-129.pechkinsender.com
78.30.8.140 # mail-8-140.pechkinmails.com
78.30.8.158 # mail-8-158.pechkinmails.com
78.30.8.177 # mail-8-177.pechkinmails.com
78.30.8.191 # mail-8-191.pechkinmails.com
78.30.8.200 # mail-8-200.pechkinmails.com
78.30.8.208 # mail-8-208.pechkinmails.com
78.30.8.234 # mail-8-234.pechkinmails.com
78.30.8.253 # mail-8-253.pechkinmails.com
78.30.50.10 # mail-50-10.pechkinsender.com
184.173.105.66 # mail-p3.mailpechkin.ru
184.173.105.67 # mail-p4.mailpechkin.ru
184.173.153.175 # mail-p1.mailpechkin.ru

[smkuzmin]

Я наблюдаю ваш гребаный спам уже 5 лет. И SpamAssassin ждет его с нетерпением:

*pechkinmails*
*pechkin-newbie*
*pechkinnewbie*
*pechkinsender*
*pechkintrust*
*.mailsoft.org
*.mailopost.ru

Займитесь уже чем-то полезным.

[alekseev_ap]

Вне зависимости от Вашего или моего желания спама больше или меньше не будет. А вот возможность более удобного представления информации, описанная здесь, может быть кому то полезной.

[grigor7]

Сколько можно писать одно и то же на разных сайтах?.. Хотя бы рерайт давайте.
Ссылка: http://spark.ru/startup/pechkin-mail/blog/11121/kak-sverstat-interaktivnie-vkladki-v-email-pisme

[lol_wat]

Григорий, в правилах Хабра нет запрета на копирование материалов с сайта на другие площадки. Здесь материал появился первым, то есть это не копипаст, правил мы не нарушаем. Собственно, вам уже там все ответили по вашей ссылке — многие проекты потом репостят свои статьи в блог на Спарке, а напрягаться только ради него одного никто не будет, пока там почти нет просмотров.

[salas]

Ну и гифки у вас на главной. Успел подумать, что у меня мышка сломалась.

[Starina]

Может быть, для маркетинга эта фишечка и хороша, или для «поиграться». Но в долгосрочной перспективе не практично.
Представьте случай, когда вы рассылаете полезные письма, и через некоторое время клиенту нужно что-то найти в старых рассылках. Как будет работать поиск по письму при поиске текста на второй вкладке? Текст вроде бы найден, в списке результатов находится, но визуально в письме его нет. Не думаю, что клиенты будут переключать закладки за вас.

[fanex]

Тут даже вопрос не в поиске. Вопрос в том, что мало кому в голову придёт покликать на этих вкладках, воспримут как элемент оформления и всё. Пользователь просто не ожидает от емейла интерактивности.

[Joshua]

Думаю, не более чем дань моде. Вкладки — обычный, общепринятый способ структурирования. В емайлах пока не принят, но и в браузерах его когда то не было. Представьте, я застал дискуссии: «нужны ли вкладки в браузере, когда это так неудобно».

У меня есть примеры (см. выше), где я был бы не против получать письма со вкладками.

[fanex]

Дело не в том, нужны вкладки в письме или нет (хотя я лично считаю что не очень), дело в том, что всё что находится во вкладках, имеет огромную вероятность никогда не быть просмотренным пользователем.
И аналогия с вебом и браузером неуместна, вероятность того что вкладки станут обычным элементом интерфейса письма исчезающе мала.

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

[alekseev_ap]

Ну, то что отдельные пользователи не ожидают интерактивности от E-mail'а — это проблема отдельных пользователей…
А вообще то это много где может пригодиться. Например, пользователь запускает долгоиграющую вычислительную задачу на сервере, а по окончании вычислений получает письмо с результатом на свой E-mail. С графиками, табличками, поясняющим текстом и прочими плюшками. Что плохого в том, что информация будет как то структурирована, а не будет представлена в виде простыни, как лет двадцать тому назад пользователи получали распечатку вычислений на рулоне бумаги длиной в несколько метров.

[SerDIDG]

Зачем генерировать письмо, которое аппириори ограничено по функциональности, вместо html страницы? Она откроется в привычной новой вкладке, на весь экран, а не в малеьком окошке почтовика.

[alekseev_ap]

Ну, например, затем, чтобы сохранить результаты счёта. Если Вы запустите на выполнение счётную задачу 10 раз с разными параметрами и захотите сравнить 5 и 8 результаты, то письма открыть легко. А вот как быть со страничками результатов? Последующие затирают предыдущие. Можно, конечно, хранить все результаты на сервере. Только есть задачи, где 99.99% результатов — это мусор и хранить его на сервере: «не есть хорошо».
А вот, что есть хороший результат, а что есть мусор, легко может решить для себя сам пользователь. В случае надобности он сам свой ящик почистит.

P.S. Не понял насчёт

а не в малеьком окошке почтовика.

В почтовиках тоже можно развернуть окно с письмом на весь экран.

[fanex]

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

Структурировать инфу можно и без вкладок, так чтобы пользователь не решал ребусы. Что плохого в простыне и чем она проигрывает вкладкам — неизвестно.

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

[igrishaev]

Вот дичь.

[dudeonthehorse]

Пожалуйста, не надо :)