Редактор html писем: Конструктор HTML писем для рассылки — бесплатно на EmailMaker

Редактор писем

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

Главное

Вкладка «Редактор писем» (Главное)

 

Этот диалог позволяет настроить способ, которым KMail обрабатывает подписи. Он также позволяет управлять некоторыми функциями форматирования, настраивать некоторые параметры автодополнения и настраивать функцию автосохранения KMail.

Автоматически вставлять подпись

Если установлен этот флажок, то в конец всех создаваемых писем (например, новых писем или ответов) будет добавляться подпись, указанная в параметрах профиля.

Вставлять подпись над цитируемым текстом

Если флажок установлен, KMail будет вставлять подпись в верхней части окна редактора писем, а не в нижней.

Добавлять разделитель перед подписью

Если флажок установлен, KMail вставит «— » (два дефиса и пробел) перед подписью, если указанная подпись не содержит этих символов (эта разделительная строка является де-факто интернет-стандартом).

Удалять подпись при ответе

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

Цитировать только выделенный текст при ответе

Если флажок установлен, при ответе KMail будет включать в цитирование только выделенный текст в окне письма, а не целое письмо. Это позволяет быстрее создавать ответы, в которых цитируются только те абзацы, на которые пользователь фактически отвечает.

Следить за цитированием

Если флажок установлен, KMail будет переносить длинные строки, но сохранять цитирование корректным (то есть, в начале строки всегда будет стоять знак «>»).

Перенос строки в позиции

Если флажок установлен, функция динамического переноса строк (Параметры → Перенос слов в окне редактора) будет выбрана автоматически. Соответствующее поле позволит установить максимальную длину строки.

Сохранять исходный формат (простой текст или HTML) при ответе или пересылке

Если флажок установлен, KMail всегда будет включать панель инструментов редактирования форматированного текста, если письмо, на которое пользователь отвечает, содержит заголовок MIME HTML. Если флажок не установлен, редактор писем сохраняет состояние панели инструментов из предыдущего сеанса.

Улучшать простую текстовую версию HTML-сообщения

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

Запрашивать уведомления об обработке сообщений

Если флажок установлен, Параметры → Запросить уведомление об обработке будет по умолчанию включено

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

Использовать адреса из сообщений эл. почты для автодополнения

Если флажок установлен, KMail включит адреса всех сохранённых писем в список целей автодополнения (например при вводе адреса в поле «Кому:»). Они будут отображаться как найденные в данных контакты. При отключении этой опции в списке появятся только соответствующие записи KAddressBook и «Последние адреса». Поле со счётчиком позволит ограничить количество элементов, отображаемых в списке.

Использовать последние адреса для автодополнения

Если флажок установлен, KMail включит адреса, которые использовались недавно, в список целей автодополнения (например, при вводе в поле «CC:»). Такие адреса будут отображаться как «Последние адреса». При отключении этой функции в списке появятся только соответствующие записи KAddressBook и найденные контакты. Чтобы ограничить количество элементов, которые считаются «Недавними», воспользуйтесь соответствующим полем.

Настроить автодополнение…

Нажмите на эту кнопку, чтобы открыть диалог настройки автодополнения. Возможно изменить порядок отображения элементов, добавить или удалить «Недавние» адреса и создать чёрный список адресов, которые никогда не должны отображаться в качестве целей автодополнения. Обратите внимание, что этот диалог также может быть открыт с помощью контекстного меню, вызываемого щелчком правой кнопкой мыши по полю, например, «Кому» в редакторе письма.

Интервал автосохранения

Резервная копия текста в окне редактора регулярно автоматически создаётся. Этот параметр позволяет указать интервал между созданием резервных копий. Чтобы отключить автоматическое сохранение, выберите вариант «Без автосохранения».

 

Шаблоны

Вкладка «Редактор писем» (Шаблоны)

 

Здесь возможно редактировать стандартные шаблоны писем, используемые при создании нового письма, написании ответа или пересылке письма. Шаблоны писем поддерживают команды подстановки, которые возможно ввести вручную или воспользоваться функцией Вставить команду . Это глобальные шаблоны (используются по умолчанию). Они могут быть заменены шаблонами для каждого профиля или шаблонами для каждого каталога, если они указаны. Большинство людей пользуются стандартными шаблонами по умолчанию. Если требуется изменить параметры по умолчанию, это следует делать здесь.

Более подробная информация о параметрах шаблонов содержится в главе о профилях.

 

Свои шаблоны

Вкладка «Редактор писем» (Свои шаблоны)

 

Здесь возможно добавлять, редактировать и удалять собственные шаблоны писем, которые будут использоваться при составлении ответа или пересылке письма. Чтобы создать свой шаблон, введите имя в поле ввода и нажмите кнопку +. Возможно привязать комбинацию клавиш к шаблону для более быстрых операций.

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

Существует четыре типа пользовательских шаблонов: Ответить, Ответить всем, Переслать и Универсальный, который возможно использовать для всех типов действий. Шаблону Универсальный нельзя присвоить комбинацию клавиш.

 

Вкладка «Редактор писем» (Тема)

 

Этот раздел содержит список префиксов для «Ответа» и «Пересылки». При получении письма с префиксом, отличающимся от стандартного, возможно добавить его в список, чтобы он распознавался в KMail. Таким образом, KMail будет игнорировать их при сортировке писем, а при установке темы ответа или пересылаемого письма заменит их на «Re:» или «Fwd:»

 

Кодировка

Вкладка «Редактор писем» (Кодировка)

 

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

При установке флажка Сохранять кодировку письма при ответе или пересылке, если это возможно исходная кодировка не будет изменена, если в письме нет символов, которые невозможно правильно отобразить в этой кодировке.

 

Заголовки

Вкладка «Редактор писем» (Заголовки)

 

Установите флажок Указать свой суффикс в Message-Id, если требуется, чтобы KMail создавал идентификатор письма с указанным суффиксом. Введите требуемый суффикс в поле Суффикс в Message-Id. Убедитесь, что он является уникальным. Рекомендуется использовать собственное доменное имя. Если флажок Указать свой суффикс в Message-Id не установлен, KMail автоматически создаст полный Message-Id. Не включайте эту опцию, если не понимаете, о чём идёт речь.

В списке Пользовательские теги заголовков MIME указаны заголовки, которые KMail будет применять к исходящим письмам. Возможно создавать новые поля или редактировать существующие. Эта возможность полезна только для опытных пользователей.

 

Вложения

Вкладка «Редактор писем» (Вложения)

 

Если приходится отправлять пользователям Microsoft® Outlook или Microsoft® Outlook Express вложения с именами файлов, которые содержат не английские символы, установите флажок Имена вложений, совместимые с Outlook. KMail будет кодировать имена файлов нестандартным способом, который понимает Microsoft® Outlook.

При выборе этого параметра KMail будет создавать письма, не удовлетворяющие стандартам электронной почты, и такое письмо может быть не понято почтовыми клиентами, совместимыми со стандартами. Используйте этот параметр только если другого выбора нет.

Установите флажок Включить определение забытых вложений, чтобы KMail выдавал предупреждение перед отправкой письма без вложения, если оно будет содержать определённые слова, указывающие на то, что к письму должно было быть добавлено вложение. Список слов возможно редактировать.

Поле Максимальный размер вложения: позволяет ограничить размер любых отправляемых вложений. При попытке добавить файл размером больше указанного появится сообщение об ошибке, и файл не будет добавлен. Обратите внимание, что это индивидуальное ограничение. Размер файла также проверяется перед преобразованием самого файла в кодировку base 64, если это необходимо.

 

Автокоррекция

Вкладка «Редактор писем» (Автокоррекция)

 

Чтобы включить автоматическую коррекцию наиболее распространённых опечаток, выберите функцию Включить автоматическое исправление текста. Для выбора языка воспользуйтесь раскрывающимся списком. Чтобы импортировать параметры, например, из LibreOffice или из установки KMail / Calligra, воспользуйтесь кнопкой Импорт…. Если требуется сохранить параметры для другой установки или приложения, воспользуйтесь кнопкой Экспорт….

Параметры автоисправления

Простое автоисправление

Эта настройка поможет KMail автоматически исправлять различные распространённые типографские ошибки. Установите соответствующие флажки по желанию.

Кавычки

Возможно заменить двойные или одинарные кавычки «умными» кавычками, установив соответствующий флажок. Также эта опция позволяет добавить неразрывный пробел перед определёнными знаками препинания во французском тексте.

Дополнительно

Этот параметр позволяет настроить автоматическую замену слов. Чтобы ввести пользовательскую строку, которая будет автоматически заменена, введите слово, которое требуется заменить, в поле Найти и слово, на которое требуется заменить, в поле Заменить, затем нажмите кнопку Добавить. Чтобы убрать слово из списка, выделите нужную запись и нажмите Удалить.

Исключения

Этот диалог позволяет создавать исключения, в которых KMail будет игнорировать некоторые точки (конец предложения) и две заглавные буквы (например, KMail). Введите исключение и нажмите кнопку Добавить. Чтобы удалить исключение, выделите строку и нажмите Удалить.

После выбора всех необходимых вариантов автозамены нажмите Применить или OK.

 

Авторазмер изображений

Вкладка редактора писем «Авторазмер изображений»

 

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

Общие

В разделе «Общие» представлены три опции. Если требуется сохранить соотношение сторон всех изображений, выберите вариант Сохранить соотношение. По умолчанию KMail запрашивает подтверждение пользователя для изменения размера изображения. Чтобы менять размер без запроса подтверждения, снимите флажок Спрашивать перед изменением. KMail будет по умолчанию сохранять изображения с изменённым размером в формат JPG. Чтобы такие изображения сохранялись в формате PNG, выберите его в раскрывающемся списке По умолчанию отправлять в формате:.

Изображение

Предположим, есть пользователь, который может получать изображения только определённого размера из-за ограничений службы электронной почты. На вкладке Получатели возможно использовать опцию Уменьшить изображение до заданного размера: и выбрать размер для уменьшения изображения, а затем ввести адрес этого пользователя в фильтр (вкладка Получатели более подробно рассмотрена далее). Если требуется собственный размер, выберите последнюю опцию Другой в раскрывающихся списках ширины и высоты, а затем введите нужные числа (в пикселах) в поле для ввода. Также возможно увеличить изображение с помощью функции Увеличить изображение до заданного размера:. Последний параметр позволяет пропустить изменение размера изображений, размер которых меньше указанного размера файла.

Имя файла

Фильтр исходных файлов

Чтобы изменение размера производилось на основе имени файла, выберите здесь соответствующий фильтр. Например, требуется ежедневно отправлять несколько изображений, и нужно, чтобы все они были одинакового размера. Возможно назвать свои рабочие изображения work1, work2 и так далее, затем выбрать Включить все файлы с именами, содержащими один из шаблонов и ввести данные в текстовое поле Шаблон:. Также возможно исключить файлы таким же образом, выбрав Исключить все файлы с именами, содержащими один из шаблонов. Поведение по умолчанию — отсутствие фильтрации.

Формат изображения

Чтобы задать определённый формат для изменения размера изображения, выберите Обрабатывать все изображения этих форматов.

Имя файла обработанного изображения

Чтобы изображения с изменённым размером были переименованы по определённому шаблону, воспользуйтесь функцией Переименовывать обработанные изображения по следующему шаблону:. Введите шаблон в текстовое поле. Возможно использовать:

%t — текущее время

%d — текущая дата

%n — имя исходного файла

%e — расширение исходного файла

%x — новое расширение

Получатели

На этой вкладке указываются адресаты, которые должны получать изображения с изменённым размером. Определите, сколько записей требуется, а затем введите адрес электронной почты в текстовое поле с символом «;» в качестве разделителя, если есть несколько элементов. Также возможно указать определённых получателей, для которых не следует изменять размер изображений. По умолчанию фильтрация отсутствует.

 

Как создать html-шаблон для email-писем в сервисе Stripo

Привет! В этой статье пойдет речь об html-шаблонах для email-писем в рассылку. А точнее, я покажу один интересный сервис, где можно создать себе такой шаблон на основе готовых дизайнов. Сервис называется Stripo. В нем есть бесплатный тариф с ограничениями, но в них вполне можно вписаться.

Тарифы мы видим на скриншоте:

На бесплатном тарифе «Free» все упирается в количество созданных шаблонов – только 2, и в возможность экспорта (4 раза в месяц).

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

Как в эти ограничения вписаться, если вам нужно больше вариантов шаблонов, чем 2?

Вначале создать 2 шаблона с универсальным оформлением, в которых вам нужно будет менять только текст и ссылку для конкретного письма. Например, 1 повседневный для регулярных рассылок, второй праздничный – в моем примере я делала новогодний шаблон.

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

Так, вы можете создать себе несколько оформлений и просто всякий раз, когда отправляете письмо – менять текст и ссылку в нем. То есть, без необходимости постоянно пользоваться редактором Stripo.

Я тестировала использование созданного в Stripo шаблона на нескольких сервисах рассылок – Джастклик, Massdelivery и Spoonpay. Поэтому в уроке покажу пример добавления шаблона на каждом из этих сервисов – там есть нюансы.

Вы можете посмотреть мой видеоурок по созданию и использованию шаблона ниже:

Или продолжить читать статью.

Для начала работы понадобится зарегистрироваться на сервисе Stripo по ссылке.

Кстати, есть возможность потестировать сервис и без регистрации, тут имеется такая вкладка «Демо-редактор».

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

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

В момент регистрации создается проект. Я назвала его по названию своего блога – «О заработке онлайн. Блог Виктории Карповой». И указала на него ссылку.

После регистрации, сбоку слева вы увидите два раздела «Шаблоны» и «Письма».

Создать html-шаблон для своего письма можно и там, и там. Кстати, это вариант обойти ограничения в 2 шаблона.

Если в разделе «Шаблоны» на бесплатном тарифе не дает добавить больше 2 шаблонов, то можно зайти в раздел «Письма» и там создать новое письмо на основе другого шаблона из библиотеки — тем самым расширить количество шаблонов.

Чтобы показать, как пользоваться конструктором, я зайду в раздел «Шаблоны» и создам там новый шаблон письма.

Можно с нуля, добавляя нужные вам блоки.

А можно использовать заготовки – редактировать их, удалять/добавлять блоки.

Рассмотрим вариант создания шаблона на основе готового дизайна со своими правками. Для этого я кликаю по вкладке «Подготовленные шаблоны».

Есть еще раздел с базовыми шаблонами – там представлены несколько типовых макетов из блоков, которые мы просто наполняем своим контентом.

В разделе «Подготовленные шаблоны» есть бесплатные варианты уже с оформлением, а также те, что с пометкой «Премиум» (для платных тарифов).

Плюс вверху есть фильтры, которые можно использовать для сортировки подходящих вам шаблонов.

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

А чтобы открыть шаблон в редакторе, просто кликните на него левой кнопкой мыши.

Редактор выглядит следующим образом – по центру наш шаблон, слева набор инструментов для редактирования.

В разделе «Контент» доступны следующие элементы:

«Структуры» позволяют разбить блок на несколько секций и в каждую добавить свои элементы.

В «Блоках» вы найдете те или иные элементы, которые хотите добавить в свое письмо – картинку, кнопку, текст, видео, соцсети и т.д.

В «Модулях» представлены заготовки блоков – хедер, подвал, контентные блоки, блоки с контактами и т.д. В зависимости от выбранного шаблона, там могут быть свои варианты.

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

А также настройки для блоков – хедера, контентной части, кнопки, футера… Есть отдельный раздел с настройками «Адаптивность» — но лично я тут ничего не меняла, оставив все настройки по умолчанию.

Чтобы отредактировать тот или иной элемент шаблона, выделяем его мышью.

Текст можно менять непосредственно в шаблоне, а также использовать панель редактирования вверху.

Другие настройки – как-то замена картинки, настройка отступов, фона, цветов и т.д. делаются слева при выделенном элементе или блоке.

Если вам нужно удалить какой-либо элемент (блок), выделите его и нажмите на иконку корзины.

Аналогично удаляются модули целиком – выделяем модуль и жмем по корзине. Рядом с иконкой удаления есть иконка копирования и перемещения блоков.

Чтобы добавить свою структуру или блок – выбираем его в меню слева.

Например, я удалила два верхних модуля в шаблоне над картинкой. Хочу добавить туда свою структуру из двух секций – в одну поместить логотип своего блога. А во вторую брендирующее название.

Выбираю нужную мне структуру в одноименном разделе слева и перетаскиваю мышкой в самое начало html-шаблона. Появляется подсказка на черном фоне — «бросьте сюда».

В одну секцию этой структуры добавляю блок с картинкой – там будет логотип.

Во вторую – просто текст.

Выделяю блок картинки и загружаю свой логотип. Добавляю в него ссылку.

В соседний блок вписываю и форматирую свой текст. Меняю шрифт, размер текста. И верхний отступ:

А также фон – его можно поменять в разделе «Оформление», предварительно выделив целиком структуру с блоками.

В блоке с картинкой ниже поменяю только текст. Выделяю и вписываю свой.

Далее применяю форматирование, пользуясь панелью инструментов сверху.

А ниже отредактирую заголовок и текст своего письма. Это те элементы, которые можно менять в каждом новом письме, не трогая остальных блоков.

После текстового удалю все лишние блоки и добавлю блок с кнопкой.

По задумке – она ведет на страницу, о которой я говорю в письме – это может быть статья на блоге, партнерская ссылка и т.д.

Для редактирования выделяю блок кнопки и использую инструменты слева – вставка ссылки, замена надписи и цвета, скругление углов и т.д.

После кнопки добавлю блок с иконками соцстей.

Вначале добавляю структуру, а уже в нее перетаскиваю блок с соцсетями.

И редактирую иконки с помощью инструментов на панели слева.

Во-первых, можно поменять стили иконок.

Во-вторых, добавить иконки нужных соцсетей/удалить ненужных.

И в каждую встроить ссылку на свой профиль в этой соцсети.

Над блоком с соц. иконками я добавлю текстовое поле с предложением дружить в соцсетях.

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

А вот самый последний модуль с логотипом Stripo удаляю.

Блок про отписку я не добавляю, так как он подставляется по умолчанию в сервисе рассылок.

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

Чтобы сохранить свой шаблон, даю ему название и нажимаю по иконке в виде облака.

Здесь есть вариант – просто скопировать код шаблона, который вы создали в редакторе Stripo, и добавить его в режиме редактирования кода письма в сервисе рассылок.

Я пробовала этот вариант, но столкнулась с проблемой, что искажаются стили шаблона в рассыльщике – шрифты, кнопки. Вот пример с Джасткликом:

Поэтому посоветую использовать второй вариант – экспорт в html.

Тут присутствует возможность экспорта и на многие сервисы рассылок, например, в Sendpulse, Mailchimp.

Если же нужного рассыльщика в списке нет, экспортируем в html.

В настройках при экспорте я ставила обе галочки, как на скриншоте.

Html-файл по умолчанию скачивается в папку «Загрузки», оттуда его можно перетащить левой кнопкой мыши на рабочий стол. Файл имеет значок браузера, который у вас установлен по умолчанию. Чтобы открыть его для просмотра в браузере – просто кликните на него двойным кликом левой кнопкой мыши. Или нажмите правой кнопкой мыши по файлу и в списке выберете – «Открыть с помощью» и желаемый браузер, если у вас их несколько.

Рассмотрим процесс добавления html-шаблона на примере 3 сервисов рассылок – Джастклик, Spoonpay, Massdelivery.

В Джастклик заходим в «Рассылки» → «Мгновенная» → «По группам» — переходим к созданию письма — удаляем текстовую заготовку, которая там есть. Затем на панели инструментов редактора либо переключается в режим «Источник», либо жмем «HTML». Сюда надо добавить код нашего скачанного шаблона.

Для этого открываем его на компьютере с помощью блокнота Notepad++ (это бесплатная программка, можно скачать в интернете). Вот так выглядит значок программы:

После установки блокнота кликните по html-шаблону правой кнопкой мыши и выберите «Открыть с помощью Notepad++» или «Edit with Notepad++».

У вас откроется код. Далее полностью скопируйте его.

Для удобства используйте сочетания клавиш:

Ctrl+A – полностью выделить содержимое.

Ctrl+C – скопировать.

Идете в Джастклик и вставляете скопированный код, переключившись на «Источник» или через вставку html.

Используйте сочетание клавиш Ctrl+V – вставить.

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

Если в визуальном режиме что-то не получается (например, съедут стили кнопки, когда поменяете надпись на ней), то отмените действие и отредактируйте надпись на кнопке в режиме кода. Или предварительно откройте код шаблона в блокноте Notepad++, отредактируйте там и потом вставляйте шаблон в сервис рассылки.

Тестируйте письмо себе перед отправкой.

Затем отправляйте по базе.

Добавление шаблона в Spoonpay

Здесь точно так же понадобится скопировать html-код шаблона, открыв его в блокноте Notepad++.

Далее в Spoonpay зайти в «Инструменты маркетинга» → «Письма» и добавить новое письмо.

На панели инструментов редактирования письма переключиться в режим кода, нажав на соответствующую иконку. Удалите там содержимое.

Затем сочетанием клавиш Ctrl+V добавьте скопированный код. Снова нажмите по иконке кода и тем самым переключитесь на визуальный режим.

Важно: в редакторе шаблон выглядит немного искаженным с большими отступами, но проверено – в рассылке подписчикам он будет смотреться нормально.

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

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

Сохраните добавленное html-письмо. Затем используйте его для отправки по группам подписчиков в разделе «Рассылки».

Как добавить шаблон в Massdelivery?

Перейдите в раздел «Рассылки» → «Отправить письмо».

Выберите группы подписчиков для рассылки, укажите отправителя письма, нажмите «Следующий шаг».

На открывшейся странице, где идет выбор редактора и шаблонов, оставьте вариант «Упрощенный html-редактор» и нажмите «Следующий шаг».

Откроется редактор письма. Здесь вам нужно нажать на «Импорт шаблона» и подгрузить файл с компьютера.

Шаблон подгружается в редактор письма. Опционально вы можете его отредактировать (изменить текст, ссылки) и отправить это html-письмо по базе.

В Stripo созданные шаблоны сохраняются в одноименно разделе «Шаблоны» или «Письма» (зависит от того, где вы изначально добавляли шаблон письма). Нажав на троеточие внизу шаблона – можно его удалить, переместить, скопировать, просмотреть. А чтобы снова открыть в редакторе – просто кликните по шаблону левой кнопкой мыши.

P.S. Кстати, я познакомилась с данным сервисом html-шаблонов в ходе марафона по интернет-рассылкам Владимира Фирсова. Рекомендую поучаствовать, если вы желаете прокачать навык ведения рассылок, взять интересные приемы и лайфхаки на внедрение. Записаться на марафон можно здесь.

Также вам можете быть интересна моя статья про отправку мгновенных рассылок подписчикам.

Благодарю вас за внимание!

Виктория

No-Code Email Builder, Редактирование HTML-шаблона электронной почты

No-Code Email Builder, Редактирование HTML-шаблона электронной почты — Postcards by Designmodo

Создавайте шаблоны электронной почты в 20 раз быстрее, без ограничений по дизайну и без навыков программирования.

Начало работы

Годовой Месячный

• • 1 пользователь
  • «> 10+ бесплатных модулей
  • редактировать контент без кодирования
  • сохранить и загрузить свои проекты
  • кредитная карта не нужна
• • все из Free +
  • «> интеграция с mailchimp
  • интеграция узловых точек
  • предварительный просмотр прямой электронной почты
  • 20 экспортов в месяц
  • выставляется ежегодно
• • «> все от Бизнес +
  • до 5 пользователей в комплекте
  • несколько брендов/проектов
  • хостинг изображений
  • все интеграции
  • помощник ИИ
  • неограниченное количество проектов
  • неограниченный экспорт
  • выставляется ежегодно

Лучшие конструкторы HTML-шаблонов электронной почты в 2023 году

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

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

Хотите знать как? Четыре простых слова: конструктор электронных писем в формате HTML!

Из этой статьи вы узнаете:

Конструктор HTML-шаблонов — это инструмент для создания многоразовых HTML-файлов, которые впоследствии можно использовать для создания кампаний по электронной почте. Использование конструктора HTML-шаблонов электронной почты дает много преимуществ вместо того, чтобы кодировать файл самостоятельно. Некоторые из этих преимуществ включают…

• Это экономит время. Даже если вы хорошо разбираетесь в HTML-шаблонах электронной почты, создание шаблона вручную требует много времени и усилий. Гораздо быстрее создать HTML-шаблон с помощью специального программного обеспечения.
• Создает более сложные и привлекательные шаблоны. Большинство современных компоновщиков HTML-шаблонов электронной почты обладают обширной функциональностью, позволяющей сделать ваши шаблоны популярными.
• Начать просто. Многие из лучших разработчиков шаблонов электронной почты имеют набор готовых настраиваемых шаблонов. Библиотека тем и шаблонов дает вам преимущество; все, что вам нужно сделать, это отредактировать его, чтобы он соответствовал имиджу вашего бренда.
• Обеспечивает совместимость шаблонов с широким спектром почтовых клиентов. Вы хотите еще раз проверить, работает ли ваш HTML-файл в почтовых клиентах, чтобы подписчики вашего списка рассылки видели электронное письмо, как предполагалось. Конструктор HTML-шаблонов электронной почты оптимизирует сгенерированный код для совместимости с большинством почтовых клиентов.
• Позволяет работать в команде. Объедините своих маркетологов и дизайнеров в кампаниях по электронной почте. Большинство конструкторов электронных писем в формате HTML предлагают функции совместной работы, которые обеспечивают эффективное и плодотворное сотрудничество.
• Это доступно. Вам не нужно везде носить с собой рабочий компьютер. Поскольку большинство конструкторов HTML-шаблонов электронной почты представляют собой онлайн-инструменты, которые автоматически сохраняют сеансы, вы можете вернуться к шаблону в любое время и получить к нему доступ с любого устройства.

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

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

• Обширная библиотека готовых шаблонов. Если вам не нравится создавать шаблоны с нуля, у вас должна быть возможность редактирования и настройки готовых шаблонов.
• Встроенный редактор изображений. Хотя большинство людей предпочитают использовать отдельные редакторы для управления визуальным содержимым своих шаблонов электронной почты, все же приятно иметь встроенный редактор изображений для простых правок.
• Быстрый просмотр. Вы должны получить возможность увидеть, как ваш готовый шаблон будет выглядеть для получателей электронной почты, прежде чем использовать его для создания кампании по электронной почте.
• Совместимость с почтовыми клиентами. Чтобы ваши кампании по электронной почте были эффективными, электронные письма в них должны отображаться правильно. Вам нужен конструктор, который создает шаблоны, которые работают с максимально возможным количеством почтовых клиентов.
• Возможность интеграции с поставщиками услуг электронной почты (ESP). Создание кампании по электронной почте становится более удобным, когда вы можете импортировать шаблоны прямо из почтового ящика.
• Простой в использовании, интуитивно понятный интерфейс. У вас нет целого дня, чтобы понять, как все работает. Конструктор электронной почты в формате HTML должен облегчить вашу жизнь.
• Высококачественный, отзывчивый вывод электронной почты в формате HTML. Ваш конструктор должен предоставить кучу различных функций, чтобы вы могли воплотить в жизнь свои самые смелые идеи HTML-шаблонов электронной почты.
• Возможность совместной работы команд. Работа в команде делает мечту реальностью! Ищите конструктор, который позволяет вам работать над шаблонами коллективно и в режиме реального времени.

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

Вы должны начать свой поиск с проверки лучших конструкторов HTML-шаблонов электронной почты в 2023 году. Здесь, в NetHunt, мы считаем, что совместное использование — это забота. Мы очень заботимся о вас, поэтому мы поделились списком из пяти конструкторов HTML-шаблонов электронной почты, которые на 100% достойны вашего внимания.

Mailchimp

Mailchimp — крупнейшее имя в отрасли. Даже если вы новичок в мире электронного маркетинга, вы наверняка слышали об этом. Этот ESP имеет значительную базу поклонников: 23% маркетологов электронной почты во всем мире предпочитают Mailchimp чему-либо еще. По уважительной причине; Mailchimp невероятен, и у него есть встроенный конструктор шаблонов электронной почты.

Любимая функция: Пользовательские шаблоны. Хотя у самого Mailchimp не так много готовых шаблонов, это самый популярный конструктор шаблонов электронной почты, поэтому вы можете импортировать и редактировать миллионы и миллионы сторонних шаблонов. Вы можете поискать некоторые здесь.

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

Если вам нужна более надежная отправная точка, Mailchimp также предлагает набор готовых шаблонов, которые подойдут практически для любого случая.

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

Завершив редактирование шаблона, вы можете сохранить его в папке «Сохраненные шаблоны» и экспортировать в виде HTML-файла. Однако, поскольку Mailchimp является ESP, вы можете запустить свою кампанию без использования каких-либо сторонних приложений и инструментов.

Цена. Бесплатно. Платная подписка начинается с $9,99 в месяц.

Moosend

Moosend — это универсальная платформа для электронного маркетинга. Подходит для бизнеса любого масштаба, как малого, так и крупного. Он предлагает множество различных функций, таких как A/B-тестирование, анализ данных и сегментация списка. Особенностью, которая заслуживает особого внимания, является встроенный в сервис конструктор шаблонов электронной почты с возможностью перетаскивания.

Любимая функция: Предварительный просмотр для конкретного устройства. Если вам нравится держать абсолютно все под контролем, вы найдете эту функцию такой же горячей, как и мы! Вы можете предварительно просмотреть все свои шаблоны в режиме реального времени, на разных устройствах, просто нажав на кнопку интересующего вас устройства — мобильного телефона, планшета, компьютера.

«Все преимущества маркетинга по электронной почте, за исключением написания кода».

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

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

Конструктор шаблонов электронной почты Moosend предлагает сборщик изображений, который интегрируется с платформами Stock Photos, Google Drive и социальными сетями, обеспечивая отличные визуальные эффекты для вашего шаблона!

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

Цена. Бесплатно. Платная подписка начинается от 8 долларов в месяц.

HubSpot

HubSpot — крупный конкурент в сфере электронного маркетинга, и даже более крупный, когда речь идет об управлении взаимоотношениями с клиентами (CRM) или универсальных бизнес-инструментах. Являетесь ли вы маркетологом или торговым представителем, вы, вероятно, так или иначе сталкивались с HubSpot. В их общем «центре продаж» почти 9000 отзывов и рейтинг 4,4 звезды на G2, HubSpot предлагает интуитивно понятный конструктор электронной почты с помощью перетаскивания.

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

Конструктор шаблонов перетаскивания HubSpot прост в использовании и не требует опыта программирования. Вы можете легко перетаскивать различные изображения, текст, видео и многое другое. Начинаете ли вы с нуля или используете встроенный шаблон из их библиотеки, ваши шаблоны можно экспортировать в любой из ваших почтовых ящиков из Outlook, Windows, Gmail и т. д.

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

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

Цена. Бесплатно. Платная подписка начинается от 45 долларов в месяц.

Stripo

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

Любимая функция: Эффект ролловера изображения. Вы можете легко геймифицировать свои маркетинговые кампании по электронной почте, добавив в них немного специй. Существует автоматический «эффект ролловера», который вы можете применить к своей электронной почте, выполнив несколько простых шагов:

• загрузить изображение;
• в панели настроек переключить кнопку «Эффект ролловера»;
• загрузите второе изображение — при необходимости отредактируйте его;
• вставить URL-ссылку — она будет привязана к обоим изображениям;
• введите «Альтернативный текст».

В итоге вы получите что-то вроде этого:

Как и все другие конструкторы шаблонов электронной почты в списке, Stripo — это конструктор шаблонов электронной почты, который позволяет вам быстро создавать «профессиональные и отзывчивые шаблоны электронной почты без использования HTML». навыки». Он имеет отличный редактор перетаскивания, который вы можете использовать для создания высокоэффективного, современного и красивого шаблона электронной почты, готового к импорту в виде HTML-файла.

Stripo предварительно просматривает ваши шаблоны писем в более чем 90 популярных средах, включая несколько мобильных устройств. Таким образом, вы можете протестировать свои шаблоны, чтобы убедиться, что подписчики вашего списка рассылки видят именно то, что вы хотите, чтобы они видели.

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

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

Цена. Бесплатно. Платная подписка начинается от $10,42 в месяц.

BEE Бесплатно

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

Любимая функция: Интеграция с Vimeo. Вы можете оживить свой электронный маркетинг небольшим количеством видеомаркетинга, включив видео Vimeo прямо в свой шаблон электронной почты.

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

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

Существует более 540 бесплатных и профессиональных шаблонов электронной почты.

Все они сгруппированы по категориям, поэтому вы можете искать конкретные шаблоны в зависимости от цели вашей маркетинговой кампании по электронной почте или отрасли, в которой работает ваш бизнес. Четыре категории: «Использование», «Автоматизированный», «Отрасль». », и «Сезонные».

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

• Вы можете загрузить изображение или выбрать его из библиотеки, а затем отредактировать во встроенном графическом редакторе.
• Вы можете встроить видео с YouTube или Vimeo.
• Шаблон можно оживить, добавив в него GIF-файл или наклейку. Есть обширная галерея на выбор.
• Вы можете добавить свои соцсети в пару кликов.

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

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

Если вам нужна возможность интегрировать BEE с поддерживаемыми ESP, такими как Zapier, Gmail или Mailchimp, вам необходимо перейти на платную версию.

Цена. Бесплатно. Платная подписка начинается от 15 долларов в месяц.

Монитор кампании

Campaign Monitor обещает создать потрясающий, отзывчивый шаблон электронной почты менее чем за 60 секунд. Сначала мы подумали, что это просто маркетинговый ход, но конструктор Campaign Monitor с перетаскиванием шаблонов электронной почты действительно прост в использовании.

Интуитивно понятный пользовательский интерфейс позволяет не тратить время на размышления о том, что для чего нужно. Это довольно просто; вы получаете именно то, что видите.

Любимая функция: соответствие GDPR. Конструктор Campaign Monitor предоставляет вам множество различных опций для вашей стандартной кнопки «отписаться» в нижнем колонтитуле, а также настраиваемую ссылку на центр предпочтений подписчиков и объяснение того, почему подписчик получает электронное письмо, полезное в качестве напоминания о разрешении.

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