Стандартний лист 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

Після активації в меню Appearance з'явиться пункт 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, розмір шрифту, повзунок

Логотип у шапці, найшвидший спосіб додати брендинг. Правила: використовуйте PNG з прозорим тлом, ширина 200-300px. Більший, лист довго завантажуватиметься в мобільних клієнтах. Дрібніший, логотип загубиться на екрані. Перед завантаженням переконайтеся, що зображення оптимізоване: проженіть через TinyPNG або ShortPixel.

Текст заголовка, необов'язкове, але корисне доповнення. Хороший варіант: назва сайту й короткий слоган. Колір тексту підбирайте контрастним до тла шапки.

Тіло листа: Email Body

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

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

Контрастність тексту й тла тут критична. Темно-сірий текст (#333333) на білому тлі читається краще за чисто-чорний, менше втомлюються очі, особливо на мобільних пристроях. Посилання виділяйте кольором, який відрізняється і від основного тексту, і від чорного: одержувач повинен одразу бачити клікабельний елемент. Хороший орієнтир, брендовий колір сайту.

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

Футер: Footer

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 фільтр:

1
add_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.