Как вставить HTML в Gmail

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

Ограничения HTML в Gmail

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

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

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

Используйте HTML в Gmail

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

Внешние редакторы идеальны для многих пользователей, потому что написание необработанного кода не всегда является необходимостью. Многие версии поставляются с заранее разработанными шаблонами и редактором перетаскивания, который не требует знания программирования. Дизайн разработан специально для работы в рамках ограничений почтовых платформ, таких как Gmail.

Самым большим препятствием для вставки пользовательского HTML-кода в Gmail является отображение. Электронные письма читаются на множестве разных устройств, и код будет отображаться по-разному на каждом устройстве. Он может отлично работать на ноутбуке и не настраивать макет для мобильных устройств. Ищите внешние платформы редактирования, которые предлагают адаптивные шаблоны дизайна, чтобы гарантировать, что они будут правильно изменять размер на любом устройстве.

Визуализировать код

После создания электронного письма пора ввести код напрямую в Gmail. Тестирование перед отправкой также является решающим заключительным этапом в этом процессе. Полнофункциональный редактор электронной почты и система управления будут подключаться к вашему Gmail и отправлять электронные письма через внешнюю службу. Эти редакторы обычно предлагают простой способ отправки тестового электронного письма, а также для просмотра всего, что находится в вашем обычном почтовом ящике.

Чтобы встроить HTML в электронное письмо в Gmail, скопируйте код в текстовом формате и сначала отобразите код в веб-браузере. Открыть HTML-файл в Chrome или другом браузере - это нормально. Это отобразит электронное письмо так, как оно будет отображаться в Gmail. Скопируйте все, что отображается в веб-браузере, и вставьте прямо в Gmail.

Перед отправкой официального письма отправьте себе тестовое электронное письмо, чтобы убедиться, что оно отображается правильно. Google также предлагает расширение Gmass для управления массовыми рассылками писем по вашему официальному списку адресов электронной почты.