Skip to content

Всё для WordPress, веб-разработки — и не только

🚀 Как настроить шаблоны писем в WordPress: пошаговое руководство

🚀 Как настроить шаблоны писем в WordPress: пошаговое руководство

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

Проблема не в движке. WordPress из коробки рассылает десятки типов уведомлений: от служебных (восстановление пароля, новый пользователь) до транзакционных (WooCommerce: заказ оформлен, оплачен, отменён). Но ни одно из них не несёт визуальной идентичности сайта. А письмо, это точка контакта, которая либо укрепляет доверие, либо рушит его за секунду.

Решается задача плагином Email Templates. Он встраивает редактор писем прямо в кастомайзер WordPress, тот самый интерфейс, где вы настраиваете цвета, шрифты и логотип темы. Без кода, без вёрстки, с живым предпросмотром. Пять минут, и письма сайта перестают отпугивать получателей.

💡 Быстрый обзор:

  • Установите Email Templates через Plugins → Add New, плагин бесплатный, ищется по названию
  • Откройте редактор в Appearance → Email Templates, вы попадёте в кастомайзер с живым предпросмотром
  • Настройте шапку: загрузите логотип, задайте цвет фона и выравнивание
  • Оформите тело письма и футер в цветах бренда, цвета, шрифты, отступы
  • Отправьте тестовое письмо и проверьте его в Gmail, Outlook и Apple Mail
  • Нажмите Publish, шаблон применится ко всем системным письмам WordPress и WooCommerce одновременно

Зачем менять оформление системных писем

WordPress отправляет уведомления при каждом значимом событии: новый пользователь, сброс пароля, подтверждение email, смена администратора. Если работает WooCommerce, к списку добавляются заказы, счета, возвраты и заметки к заказу. По умолчанию всё это уходит в plain text: шрифт Times New Roman или Arial, серый фон, никакой графики.

Для личного блога это терпимо. Но как только на сайте появляются регистрации, магазин или членская программа, внешний вид писем начинает напрямую влиять на узнаваемость бренда. Фирменный логотип, аккуратная вёрстка и цветовая схема повышают открываемость и снижают процент попадания в спам. Исследования email-маркетинга фиксируют: брендированные транзакционные письма дают заметно более высокий CTR, разница может достигать десятков процентов.

Базовых способа два: править PHP-шаблоны в теме (любое обновление снесёт правки) или поставить плагин-кастомайзер. Второй путь безопаснее и не требует касаться кода.

Установка плагина

Email Templates работает через нативный кастомайзер WordPress, тот же интерфейс, в котором вы настраиваете цвета, шрифты и логотип темы. Это значит, что все изменения видны сразу в реальном времени, без переключения между вкладками. Плагин бесплатный, с 300 000+ активных установок и рейтингом 4,7 на WordPress.org.

Установка занимает полминуты:

  • В админке перейдите Plugins → Add New
  • В строке поиска наберите «Email Templates»
  • Нажмите Install Now, затем Activate
Установка плагина Email Templates через поиск плагинов в админке WordPress

После активации в меню Appearance появится пункт Email Templates. Кликните по нему, откроется редактор внутри кастомайзера.

Интерфейс кастомайзера Email Templates с панелью настроек слева и предпросмотром справа

Перед вами интерфейс кастомайзера с вкладками: Settings, Template, Email Header, Email Body, Footer и Send test email. Пройдём по каждой, порядок важен.

Настройка отправителя: вкладка Settings

Первая вкладка задаёт, от кого приходит письмо. Два ключевых поля:

  • From name, имя отправителя, которое видит получатель. Меняйте «WordPress» на название компании или сайта: «Команда SiteName», «Support @ SiteName». Это первое, что читает получатель в списке входящих.
  • From email, адрес, с которого уходят письма. По умолчанию подтягивается из общих настроек WordPress (Settings → General), но можно указать любой другой.

Почему это важно для доставляемости: почтовые серверы сверяют домен в адресе отправителя с доменом сайта. При расхождении письмо с высокой вероятностью улетает в спам. Если сайт на mysite.com, а From email указан как [email protected], почтовик видит подмену и блокирует отправку. Всегда используйте адрес на домене сайта.

Геометрия и фон: вкладка Template

Вкладка Template управляет общей структурой письма. Четыре опции:

  • Boxed или full-width, письмо с отступами по краям (коробочный макет) или на всю ширину окна
  • Background color, цвет подложки за пределами тела письма
  • Email body size, ширина контентной области, регулируется ползунком
  • Custom CSS, поле для собственных стилей, если стандартных настроек не хватило

Выбор между boxed и full-width, вопрос контекста. Boxed (ширина около 600px с отступом) смотрится аккуратнее в десктопных почтовых клиентах и лучше читается. Full-width подходит для промо-рассылок, где важно использовать каждый пиксель. Для деловых и транзакционных писем рекомендую boxed.

Custom CSS пригодится, когда нужно поправить деталь, не предусмотренную интерфейсом. Но помните: не все почтовые клиенты поддерживают современные CSS-свойства. Flexbox и Grid в письмах не работают, опирайтесь на табличную вёрстку и inline-стили.

Шапка письма: Email Header

Раздел Email Header добавляет в письмо логотип и текстовый заголовок. Это первое, что видит получатель, открыв письмо. Настройки:

  • Add logo, загрузка изображения (показывается вверху письма, над текстом)
  • Alignment, выравнивание логотипа и текста: по левому краю, центру или правому
  • Background color, фон шапки
  • Text color, цвет текста заголовка
  • Text size, размер шрифта, ползунок
Панель настроек шапки письма во вкладке Email Header с выбором логотипа и цвета фона

Логотип в шапке, самый быстрый способ добавить брендинг. Правила: используйте PNG с прозрачным фоном, ширина 200-300px. Крупнее, письмо будет долго грузиться в мобильных клиентах. Мельче, логотип потеряется на экране. Перед загрузкой убедитесь, что изображение оптимизировано: прогоните через TinyPNG или ShortPixel.

Текст заголовка, необязательное, но полезное дополнение. Хороший вариант: название сайта и короткий слоган. Цвет текста подбирайте контрастным к фону шапки.

Тело письма: Email Body

Вкладка Email Body управляет областью основного текста, тем, ради чего письмо отправлено. Здесь задаются:

  • Background color, фон тела письма
  • Text color, цвет абзацев и заголовков
  • Links color, цвет ссылок
  • Text size, размер шрифта

Контрастность текста и фона здесь критична. Тёмно-серый текст (#333333) на белом фоне читается лучше чисто-чёрного, меньше устают глаза, особенно на мобильных устройствах. Ссылки выделяйте цветом, который отличается и от основного текста, и от чёрного: получатель должен сразу видеть кликабельный элемент. Хороший ориентир, брендовый цвет сайта.

Размер текста: для десктопных клиентов достаточно 14-16px, для мобильных лучше не опускаться ниже 14px. Почтовые клиенты масштабируют контент по-разному, поэтому тестируйте на реальных устройствах.

Footer, последний содержательный блок письма. Часто его игнорируют, а зря: это единственное место, которое читают все, потому что прокручивают до конца в поисках кнопки «Отписаться». Настройки:

  • Footer text, произвольный текст (по умолчанию: название сайта и знак копирайта)
  • Alignment, выравнивание текста футера
  • Background color и Text color, оформление футера
  • Text size, размер шрифта
  • Powered by, ссылка на страницу плагина, включается и отключается

Стандартный футер делового письма: «© SiteName, 2026. Все права защищены» плюс ссылка на политику конфиденциальности. Плагин поддерживает HTML-разметку, поэтому ссылку на privacy policy можно вставить прямо в текст футера. Powered by, на ваше усмотрение; ссылка не бросается в глаза и не вредит брендингу.

Если обрабатываете персональные данные европейских пользователей, наличие ссылки на privacy policy в футере каждого системного письма, требование GDPR.

Тестирование и публикация

Когда дизайн готов, откройте вкладку Send test email. Плагин отправит тестовое письмо на административный email сайта, вы увидите ровно то, что увидит пользователь.

Обязательно проверьте письмо в нескольких почтовых клиентах. Рендеринг HTML отличается радикально: Gmail вырезает <style> из <head>, Outlook полагается на Word-движок (поддерживает не все CSS), Apple Mail показывает картинку, близкую к браузерной. Минимум для теста: Gmail (веб), Outlook (десктоп), Apple Mail или мобильный клиент iOS.

Живой предпросмотр в кастомайзере показывает изменения мгновенно, поэтому итераций обычно одна-две. Когда результат устраивает, жмите Publish в левом верхнем углу кастомайзера. Настройки применятся ко всем системным письмам WordPress и WooCommerce одновременно.

Связка со SMTP-плагинами

Email Templates не отправляет письма сам, он меняет только их HTML-оформление. За отправку по-прежнему отвечает wp_mail(), которая по умолчанию использует PHP-функцию mail(). Для надёжной доставки плагин стоит использовать в паре со SMTP-решением. Проверенная совместимость:

  • SMTP-плагин Post SMTP, 400 000+ активных установок, 15+ SMTP-провайдеров, подробные логи отправки, мобильное приложение для мониторинга
  • Easy WP SMTP, минималистичная настройка, подходит для любого SMTP-сервера без лишних опций
  • FluentSMTP, подключение к любому SMTP-провайдеру, логи отправки, статистика и авто-ретрансляция упавших писем
  • Mailgun, интеграция с транзакционной почтой Mailgun, бесплатный тир до 100 писем в день

Важный момент: Email Templates не влияет на письма сторонних email-маркетинговых сервисов, Mailchimp, Brevo, ConvertKit и аналоги. Для оформления их рассылок используйте встроенные редакторы самих сервисов.

Кастомный PHP-шаблон: полный контроль над вёрсткой

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

1add_filter('mailtpl_customizer_template', function($default_template_path) {
2 return get_stylesheet_directory() . '/email/templates/default.php';
3});

После этого плагин будет использовать ваш PHP-шаблон вместо встроенного. Обязательно сделайте бэкап темы перед правками: ошибка в шаблоне сломает отправку всех системных писем разом.

Видео: настройка за 10 минут

Если предпочитаете визуальный формат, вот пошаговый туториал, от установки до готового шаблона:

⁉️🤔 Частые вопросы

Плагин конфликтует с моей темой. Что делать?

Проверьте, что версия WordPress 4.0 или выше, это минимальное требование плагина. Прямой конфликт с темой маловероятен: Email Templates использует нативный кастомайзер и не внедряется во фронтенд. Если проблема есть, временно переключитесь на стандартную тему Twenty Twenty-Five и проверьте, исчез ли конфликт. Чаще всего «конфликт» вызван не темой, а другим плагином, перехватывающим wp_mail. Отключайте почтовые плагины по одному и после каждого проверяйте предпросмотр в кастомайзере, так вы найдёте виновника.

Можно ли настроить разные шаблоны для разных типов писем?

Да, для WooCommerce-уведомлений плагин показывает выпадающий список типов: новый заказ, отмена, обработка, выполнение, возврат, счёт, заметка, сброс пароля. Выберите тип и настройте шаблон отдельно. Для обычных писем WordPress (регистрация, восстановление пароля) шаблон общий. Если нужны полностью раздельные шаблоны под каждый тип письма с drag-and-drop редактором, присмотритесь к Kadence WooCommerce Email Designer.

Работает ли плагин с современными версиями PHP и WordPress?

Да. Плагин обновлён и полностью совместим с актуальной версией WordPress, включая поддержку современных версий PHP. На июнь 2026 насчитывает 300 000+ активных установок и удерживает рейтинг 4,7, последнее обновление вышло в 2026 году. Если после обновления WordPress появились ошибки, первым делом проверьте, что плагин обновлён до последней версии. Разработчики обычно выпускают патч совместимости в течение недели после крупного релиза движка.

Письма уходят в спам** даже после настройки. В чём дело?**

Email Templates меняет только внешний вид письма, но не способ отправки. Если письма попадают в спам, проблема на стороне почтового сервера. Решение: установите SMTP-плагин (Post SMTP, наиболее функциональный бесплатный вариант), настройте отправку через внешний SMTP-сервер (Gmail, Microsoft 365, Mailgun) и убедитесь, что адрес отправителя (From email) совпадает с доменом сайта. SPF, DKIM и DMARC-записи домена также должны быть настроены корректно.

Можно ли добавить свой шрифт в шаблон письма?

Стандартный интерфейс плагина не поддерживает кастомные веб-шрифты, и это осознанное ограничение: почтовые клиенты крайне ограниченно поддерживают @font-face. Большинство (включая Gmail и Outlook) проигнорируют веб-шрифт и отрендерят системный fallback. Если шрифт критичен для бренда, используйте кастомный PHP-шаблон (через фильтр mailtpl_customizer_template), добавив <link> на шрифт в <head>. Но учтите: часть получателей всё равно увидит Arial или Times.

Стоит ли ставить Email Templates в 2026 году

Email Templates закрывает потребность в кастомизации системных писем для абсолютного большинства сайтов. Бесплатный, без кода, с живым предпросмотром, совместим с WooCommerce и популярными SMTP-плагинами. 300 000+ активных установок и рейтинг 4,7 говорят сами за себя.

Если нужно больше, drag-and-drop редактор, отдельные шаблоны под каждый тип письма, интеграция с Elementor, присмотритесь к Kadence Email Designer для WooCommerce или YeeMail. Но для старта и повседневной кастомизации Email Templates остаётся лучшим бесплатным вариантом.

Попробуйте: установка, минута, первый шаблон, пять минут. А если письма не доходят даже после настройки, проверьте SMTP.