Skip to content

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

📧 Как кастомизировать email-уведомления WooCommerce: два бесплатных плагина

📧 Как кастомизировать email-уведомления WooCommerce: два бесплатных плагина

Покупатель оформил заказ, оплатил и ждёт письмо с подтверждением. А вместо него приходит безликий белый лист с парой строк текста: ни логотипа, ни цвета, ни намёка на бренд. Именно так выглядят стандартные уведомления WooCommerce «из коробки». Магазин может быть стильным и продуманным, но транзакционные письма всё равно останутся шаблонным ширпотребом, пока вы не возьмёте их оформление в свои руки.

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

Хорошая новость: чтобы переделать WooCommerce-письма, не нужно лезть в код. Два бесплатных плагина решают задачу визуально: один даёт полноценный drag-and-drop конструктор, второй работает через родной кастомайзер WordPress и добавляет маркетинговую автоматизацию. Разберём оба по шагам, со скриншотами и реальными настройками.

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

  • Установите плагин Email Customizer for WooCommerce через админку WordPress
  • Откройте любой из 11 преднастроенных шаблонов и перетащите элементы в визуальном редакторе
  • Настройте цвета, шрифты и отступы в панели свойств каждого блока
  • Отправьте тестовое письмо на свой email, проверьте вёрстку и опубликуйте шаблон

Почему стандартные письма WooCommerce проигрывают

Стандартный шаблон WooCommerce-письма состоит из серого фона, чёрного текста и названия магазина в «шапке». Брендирования ноль. Клиент, купивший товар на 5 000 гривен, получает такое же «казённое» уведомление, как и тот, кто оформил заказ на 200. О каком доверии речь?

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

Технически WooCommerce позволяет править текст и базовые цвета через встроенные настройки (WooCommerce → Settings → Emails), но возможности там спартанские: сменить «от кого» письмо, выбрать базовый цвет и добавить картинку в хедер. Для полноценной кастомизации нужен плагин.

1. Email Customizer for WooCommerce, drag-and-drop редактор от ThemeHigh

Email Customizer for WooCommerce, флагманский бесплатный плагин для визуальной переработки транзакционных писем. На июнь 2026 года у него больше 1 000 активных установок, полная совместимость с актуальной версией WordPress и WooCommerce, а также регулярные обновления.

Главное преимущество, визуальный конструктор с перетаскиванием элементов. Вы не правите код, а собираете макет из блоков: текст, изображение, разделитель, кнопка, соцсети и даже GIF. Специальная секция WooCommerce-элементов добавляет в шаблон billing details, shipping details, детали заказа и другие динамические данные, которые подтягиваются из базы магазина.

Список шаблонов плагина Email Customizer for WooCommerce

Установка стандартная: зайдите в админку WordPress, откройте «Плагины» → «Добавить новый», введите в поиске «Email Customizer for WooCommerce» и нажмите «Установить», затем «Активировать». После активации в левом меню появится пункт «Email Customizer».

Меню выбора шаблона письма в плагине Email Customizer

Внутри плагина выберите шаблон из выпадающего списка «Choose Template», доступны все 11 стандартных типов писем WooCommerce: новый заказ, обработка, отмена, возврат, сброс пароля и другие. Нажмите «Edit», чтобы открыть конструктор.

Drag-and-drop редактор с перетаскиванием элементов в макет письма

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

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

Окно отправки тестового письма с выбором заказа и email-адреса

Бесплатная версия закрывает базовые потребности: текст, картинки, разделители и WooCommerce-элементы. Pro-версия добавляет многоколоночные макеты, кастомные хуки для сторонних плагинов, совместимость с WPML для мультиязычных писем и импорт/экспорт шаблонов между сайтами.

🔗 Email Customizer на WordPress.org

2. WebToffee eCommerce Marketing Automation, больше чем кастомизатор

Этот плагин раньше назывался Decorator, WooCommerce Email Customizer, но разработчики из WebToffee перезапустили его как полноценную платформу автоматизации маркетинга. Сегодня это комбайн: кастомизация писем плюс цепочки автоматических рассылок (welcome-письма, восстановление брошенной корзины, winback), попапы (spin-a-wheel, exit-intent) и детальная аналитика.

Страница активации плагина WebToffee в админке WordPress

Установка: «Плагины» → «Добавить новый», поиск по фразе «WebToffee eCommerce Marketing Automation», затем «Установить» и «Активировать». Либо скачайте ZIP с wordpress.org и загрузите вручную.

После активации перейдите в WooCommerce → Settings → Emails, прокрутите вниз до секции «WebToffee (Customize WooCommerce Emails)» и нажмите «Open Customizer».

Нативный кастомайзер WordPress для настройки email-шаблонов WooCommerce

В отличие от первого плагина, WebToffee использует нативный кастомайзер WordPress, тот самый интерфейс, через который вы настраиваете тему сайта. В левой колонке доступны секции: контейнер, хедер, футер, контент, заголовки и кастомный CSS. Вы меняете цвета слайдерами, загружаете логотип, вставляете ссылки на соцсети и тут же видите превью справа.

Встроенная библиотека готовых шаблонов позволяет загрузить дизайн в один клик и донастроить под себя. Функция «Test Email» отправляет копию письма на несколько адресов одновременно, удобно, когда макет утверждает не один человек.

После изменений нажмите «Publish», чтобы применить настройки ко всем транзакционным письмам разом, или выберите конкретный тип письма и доработайте его отдельно. Есть опция отложенной публикации, изменения можно запланировать на определённую дату.

Сильная сторона WebToffee, маркетинговая автоматизация, встроенная в тот же плагин. Цепочки для брошенной корзины, приветственные серии и постпродажные благодарности настраиваются в общем дашборде. Для магазина, который планирует системно работать с email-маркетингом, это выгоднее, чем держать отдельный плагин для писем и отдельный для рассылок.

🔗 WebToffee на WordPress.org

Что выбрать: сравнительная таблица

Критерий

Email Customizer for WooCommerce

WebToffee (Decorator)

Тип редактора

Drag-and-drop, собственный билдер

Нативный кастомайзер WordPress

Готовые шаблоны

11 преднастроенных макетов

Библиотека pre-built шаблонов

Элементы

Текст, картинки, кнопки, соцсети, GIF, WooCommerce-хуки

Контейнер, хедер, футер, контент, заголовки, кастомный CSS

Тестовые письма

Да, на один адрес

Да, на несколько адресов сразу

Автоматизация маркетинга

Нет

Да: welcome, abandoned cart, winback

Попапы

Нет

Да: spin-a-wheel, exit-intent

Бесплатная версия

Достаточна для базовой кастомизации

Полный email-кастомайзер бесплатно

Pro-цена

Многоколоночные макеты, WPML, импорт/экспорт

Премиум-функционал маркетинга через WebToffee App

🎥 Видео: визуальная кастомизация писем WooCommerce за 10 минут

Автор YouTube-канала Darrel Wilson показывает полный процесс настройки email-шаблона с drag-and-drop конструктором: от установки плагина до отправки тестового письма.

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

Можно ли кастомизировать письма WooCommerce без плагинов?

Да, через встроенные настройки WooCommerce → Settings → Emails. Вы можете сменить цвета, добавить логотип в хедер и поменять текст темы письма. Но возможности ограничены: нельзя переставить элементы местами, добавить кнопки, соцсети или динамические блоки с рекомендациями товаров. Для минимального брендирования хватит, для полноценного шаблона, нет.

Как отправить тестовое письмо и проверить, как оно выглядит?

Оба плагина поддерживают отправку тестовых писем. В Email Customizer for WooCommerce нажмите иконку конверта в правом верхнем углу редактора, выберите тестовый заказ и введите email. В WebToffee опция «Test Email» находится в панели кастомайзера и позволяет указать несколько адресов сразу. Письмо придёт в том же виде, в каком его увидит покупатель.

Что делать, если после кастомизации письма выглядят сломанными в почтовом клиенте?

Почтовые клиенты (Gmail, Outlook, Apple Mail) по-разному обрабатывают HTML и CSS. Проверьте, что в кастомных стилях не используются сложные CSS-свойства вроде flexbox и grid, не все клиенты их поддерживают. WebToffee позволяет добавить кастомный CSS, но лучше ограничиться встроенными настройками стилей. Протестируйте письмо через сервис Litmus или Email on Acid, если вносили значительные правки в CSS.

Можно ли использовать оба плагина одновременно?

Технически да, но практического смысла в этом нет. Плагины решают одну задачу, кастомизацию транзакционных писем, и будут конфликтовать за контроль над шаблонами. Выберите тот, который лучше подходит под ваши задачи: Email Customizer для глубокой визуальной настройки каждого элемента, WebToffee, для комплексного подхода (письма плюс автоматизация).

Сохранятся ли настройки при смене темы WordPress?

Да, кастомизация email-шаблонов не привязана к теме. Оба плагина хранят настройки в базе данных WordPress независимо от активной темы. При смене темы оформления сайта письма останутся в том виде, в котором вы их настроили.

Работают ли плагины с мультиязычными магазинами?

Email Customizer for WooCommerce в Pro-версии поддерживает WPML для перевода шаблонов писем на разные языки. WebToffee совместим с основными плагинами перевода, но мультиязычные шаблоны могут потребовать ручной настройки для каждого языка. Перед внедрением протестируйте на staging-сайте.

Что ставить в 2026 году: итоговый расклад

Если магазину нужна глубокая визуальная кастомизация каждого письма с контролем над каждым элементом, берите Email Customizer for WooCommerce. Drag-and-drop билдер интуитивен, 11 готовых шаблонов закрывают большинство сценариев, а тестовые письма помогают выверить макет перед отправкой покупателям.

Если же вы смотрите шире и планируете системно работать с email-маркетингом, WebToffee выгоднее. Один плагин даёт и кастомизацию писем, и цепочки автоматизации (welcome, abandoned cart, winback), и попапы. Встроенная аналитика показывает, какие письма приносят продажи, а какие уходят в спам.

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