Как сделать HTML письмо

Как сделать красивое HTML письмо самостоятельно, абсолютно бесплатно, без знаний программирования и IT
---------------------------------↓Развернуть меня↓-----------------------------------
Подписывайтесь на мой канал:
=====================================================

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

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

В сентябре 2016 в Google объявили о поддержке встраиваемых стилей и медиа-запросов для Gmail. Это огромный шаг для развития email-индустрии. Сейчас Gmail поддерживает немалое количество CSS-свойств, что существенно упрощает разработку e-mail-шаблонов.

Это абсолютно бесплатный мастер класс, просто смотрите видео и запоминайте.
⠀
Лично я использую HTML письма для коммуникации с клиентами нашей онлайн школы пилатеса. Это удобно и презентабельно.

Почему это видео я разместил в канале про фитнес? Да все просто) Большая доля моих доходов происходит из индустрии фитнеса, среди подписчиков канала есть не только спортсмены и любители пилатеса, но и тренеры, которые могу привлекать своих клиентов через Email рассылки или продавать свое обучение.

В любом случае, если у вас есть бизнесы, в которых вы что то продаете, HTML письма и их рассылка могут существенно увеличить вашу конверсию и привести вам новых клиентов.

✔️ПОДПИСЫВАЙТЕСЬ НА МЕНЯ В YOUTUBE:
🤸‍♀️"Фитнес онлайн":
✈️"Поехали с нами" Мой канал обзоров отелей и достопримечательностей мира:
=====================================================

ПОСМОТРИТЕ ДРУГИЕ ВИДЕО КАНАЛА:

=====================================================

МОИ СОЦСЕТИ

=====================================================

МОИ САЙТЫ И ПРОЕКТЫ

=====================================================

#письмо #верстка #создать #для #сделать #пример #шаблон #конструктор #рассылки #html #gmail #email

#HTMLПисьмо #HTMLВерстка #КакСоздатьHTMLПисьмо #HtmlПисьмоДляРассылки #HtmlПисьмоВерстка #КакСоздатьHtmlПисьмо #HtmlПисьмоВGmail #HtmlПисьмоКакСделать #HtmlПисьмоПример #HtmlПисьмоСоздать #КакСоздатьHtmlПисьмоДляРассылки #HtmlПисьмоШаблон #HtmlВерсткаПисем #HtmlВерсткаПисьма #КакСоздатьHtmlПисьмоВGmail #HtmlШаблонПисьма #КонструкторHtmlПисем #HtmlПисьмоШаблон #ШаблонHtmlПисьма #СоздатьHtmlПисьмо #КонструкторEmailПисем

[PilatesOnline]

🌿Я постоянно работаю над улучшением контента и развитием канала. Если это видео было полезным, вы можете сделать небольшое пожертвование в 5$ Средства пойдут на монтаж новых полезных видео😊 Поддержать канал❤️ и оплатить 5$ можно по ссылке:

Спасибо за помощь, просмотр и подписку на канал🌸

[oleggladkov]

Спасибо, как здорово что есть такие люди!!

[klairsome]

Спасибо вам. Очень помогло ваше видео.

[andreyko_sav]

Спасибо за лавках. Очень интересно было смотреть 👍

[alexandrkazakov]

Не буду строгим, так как видео не от разработчика.
1). На 31:00 говорится, что можно прикреплять интерактивные элементы к письмам. Да нет, в большинстве своем у вас ничего не выйдет. Емайлы вообще верстаются таблицами, это типа устаревший стиль верстки. Там много чего не поддерживается, усли мы планируем поддерживать маломальский список почтовых клиентов(а не только gmail). Даже в емайле из видео, блок с видео-ютуб, это не встроенный плеер, а просто картинка с ссылкой. При клике будет происходить переход на другую вкладку браузера с видео. Это не интерактивный элемент.
А насчет слайдеров, галерей, аккордеонов и прочее - можно забыть. Да, есть интерактивные емайлы, где кое-какой интерактив может быть, например слайдер с картинками, но подобные емайлы сделать очень сложно. На том уровне, что показывается в данном видео, об интерактивных элементах можно забыть. Хорошо бы, чтобы простые-то емайлы показывались более-менее везде хорошо.
Ещё есть amp-emails, но это также не для любителей.
В общем в данном видео, отображение емайла в разных почтовиках никак не проверяется и надежда лишь на то, что в stripo емайл сделан хорошо.
После того как вы открыли страницу в эмуляторе хрома, нужно обновить страницу. Данный эмулятор годится лишь для быстрой проверки кроссбраузерности сайтов, он не годится для качественной проверки сайтов, а тем более емайлов. Для подобной проверки используются реальные устройства, а также платные сервисы для проверки, которые проверяют на реальных устройствах онлайн.
3). 28:00 Если автору интересно, то div - это html тег, он содержит открывающий и закрывающий тег(<div></div>). А удаляет автор атрибуты, это разные атрибуты тега, в которые записываются различные значения(например: <div class="block">Текст</div> - это div-тег, который содержит атрибут "class" со значением "block").
За изобретательность автору пять. Как я понял, в таком варианте, stripo хостит картинки автора :)

[vitaliidivakov]

Зачем сохранять несколько раз в черновики? ПО идее же можно сохранить в шаблоны и создавать новое из шаблона...

[CTuBXyuc]

29:45 Добрый день, зачем делать отдельно сто писем, если можно в одно письмо вставить все нужные email'ы?

[georgishaghoian]

Классно. Спасибо! У меня в мобильной версии открывается ужасно маленьким. Где может быть причина?

[JK-Fx]

Пробую ваш вариант, на ноуте все получается, но на мобильных (Андроид, Айфон 13) все изображения и текст отображаются небольшими, по размеру. Что делать, непонятно, может кто то посоветует?

[БлогВиртуальногоДальнобойщика]

Сайт блокирует ip-адреса из России. Так что не вариант.