Как настроить электронные письма WooCommerce + просмотреть их перед отправкой
Опубликовано: 2022-04-15Не знаете , как настроить электронную почту WooCommerce ?
WooCommerce уже предлагает автоматические транзакционные электронные письма для более чем 10 действий, таких как новые заказы, обработанные заказы и новые учетные записи. Тем не менее, вы, вероятно, захотите настроить эти электронные письма, чтобы сделать их своими.
В этом пошаговом руководстве вы узнаете, как настроить электронную почту WooCommerce, используя встроенные настройки WooCommerce, а также некоторые бесплатные или платные плагины, которые вы можете использовать, чтобы получить еще больший контроль над электронной почтой вашего магазина.
Оглавление:
Почему вы должны настраивать электронные письма WooCommerce?
- Чтобы изменить фиолетовый цвет WooCommerce по умолчанию на цвет, более подходящий для вашего бренда.
- Чтобы добавить персонализацию и голос бренда в шаблоны электронной почты.
- Для изменения настроек, таких как имя «От» или адрес «От».
- Чтобы добавить мультимедийные элементы, такие как логотип, изображение заголовка или анимированные GIF-файлы.
- Чтобы отключить некоторые автоматические сообщения, которые не подходят для вашей операции.
- Для ссылки на страницы поддержки, дополнительные продажи или рекламные акции.
- Для переключения между HTML и текстовыми типами электронной почты.
- Чтобы просмотреть, как выглядит электронная почта, прежде чем включать ее для автоматизации.
Как настроить электронные письма WooCommerce
Только с помощью встроенных настроек WooCommerce вы можете настроить несколько частей своих электронных писем WooCommerce, в том числе:
- Параметры отправителя электронной почты ️
- Общая тема электронной почты
- Конкретный контент электронной почты
Ниже мы покажем вам, как настроить эти встроенные параметры. Затем, после этого, мы также поделимся некоторыми плагинами для настройки электронной почты WooCommerce, которые при необходимости предоставят вам еще больше гибкости.
Шаг 1. Перейдите к настройкам электронной почты в WooCommerce.
На панели управления WordPress перейдите в WooCommerce > Настройки > Электронная почта . Здесь вы увидите заголовок « Уведомления по электронной почте » вместе со списком тех электронных писем с уведомлениями по умолчанию, которые WooCommerce уже настроила для вас.

Шаг 2. Настройте параметры отправителя электронной почты и шаблон
Прокрутите список уведомлений по электронной почте, чтобы найти раздел «Параметры отправителя электронной почты».
Вы увидите два поля:
- Имя «От кого»: имя, которое клиенты видят, когда получают электронное письмо — придерживайтесь названия компании или, возможно, реального человека, если они являются частью вашей стратегии брендинга.
- Адрес «От»: адрес электронной почты «от», с которым пользователи могут связаться, если они ответят на автоматическое электронное письмо.
Измените эти поля по мере необходимости.

В разделе « Шаблон электронной почты » вы можете начать настройку таких элементов, как:
- Заглавное изображение
- Текст нижнего колонтитула
- Базовый цвет
- Цвет фона тела
- Цвет основного текста
Если вы хотите добавить собственное изображение заголовка к электронному письму, вставьте URL-адрес изображения в поле Изображение заголовка . Вы можете разместить изображение в своей медиатеке WordPress и получить оттуда URL-адрес изображения.
Мы также рекомендуем удалить текст «Построено с помощью WooCommerce» из нижнего колонтитула. Вы можете добавить все, что хотите, в нижний колонтитул.

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

Шаг 3. Настройте определенные электронные письма WooCommerce
От электронных писем о новом заказе до электронных писем о выполненном заказе WooCommerce предоставляет предустановленные шаблоны, которые автоматически отправляются администраторам сайта и клиентам, чтобы информировать всех о заказах. Тем не менее, вы захотите настроить некоторые из этих электронных писем, чтобы включить свой собственный контент и удалить некоторые ненужные значения по умолчанию WooCommerce.
Завершите эти индивидуальные настройки электронной почты, нажав « Управление » рядом с электронной почтой, которую вы хотите изменить. Неплохо начать с электронных писем «Заказ в обработке» и «Выполненный заказ» , так как они чаще всего просматриваются клиентом.

Пройдитесь по следующим полям в зависимости от ваших потребностей:
- Включить выключить
- Предмет
- Заголовок электронной почты
- Дополнительный контент
Мы рекомендуем оставить все электронные письма WooCommerce включенными, если у вас нет уникальных обстоятельств, когда вам не нужен один из них, или если вы собираетесь использовать отдельный плагин для транзакционных электронных писем.
Такие поля, как «Тема », «Заголовок электронной почты » и « Дополнительный контент », определяют общее содержание электронной почты, поэтому при необходимости настройте их.

Нажмите «?» значки, чтобы увидеть, какие динамические заполнители доступны для вставки в поля содержимого. Например, вы можете использовать заполнитель, чтобы WooCommerce заполнял ссылку на ваш сайт в каждом электронном письме.

Шаг 4. Сделайте это в формате HTML или в текстовом формате.
Щелкните поле « Тип электронной почты» , чтобы просмотреть варианты. Выберите один из следующих вариантов:
- Обычный текст: электронные письма без изображений или форматирования.
- HTML: электронные письма с богатым содержанием, таким как изображения, таблицы и форматирование.
- Multipart: динамически переключается между обычным текстом и HTML в зависимости от почтового клиента пользователя, поскольку некоторые клиенты не поддерживают электронные письма в формате HTML.
Шаг 5. Рассмотрите возможность редактирования HTML-шаблона
В самом низу страницы вы увидите раздел «HTML-шаблон». WooCommerce не имеет редактора перетаскивания для своих электронных писем, но вы можете настроить HTML-код каждого электронного письма.

Нажмите на кнопку View Template , чтобы увидеть его код.

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

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

Если вам неудобно редактировать этот код напрямую, вы можете нанять разработчика WordPress. Или вы можете попробовать один из плагинов электронной почты WooCommerce, о которых мы расскажем в следующем разделе.
И вот как вы настраиваете электронные письма WooCommerce! Нажмите кнопку Сохранить изменения , чтобы завершить процесс.

Как просматривать электронные письма WooCommerce
Вы должны предварительно просмотреть свои транзакционные электронные письма, прежде чем они будут отправлены клиентам. Таким образом, вы можете проверить наличие орфографических ошибок, брендинг WooCommerce, который необходимо изменить, и возможности для рекламных акций или дополнительных продаж.
Вот как можно просмотреть электронные письма WooCommerce.
Шаг 1. Просмотрите визуальный предварительный просмотр вашего общего шаблона электронной почты.
В разделе WooCommerce > Настройки > Электронная почта найдите раздел «Шаблон электронной почты » и щелкните ссылку с надписью «Нажмите здесь, чтобы просмотреть шаблон электронной почты».

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

Шаг 2. Запустите тестовые транзакции, чтобы просмотреть отдельные электронные письма с динамическим содержимым.
Скорее всего, вы хотите видеть настоящие электронные письма, которые отправляются клиентам, но в WooCommerce отсутствуют функции для просмотра этих визуальных превью. Вместо этого вы должны запустить тестовые транзакции, чтобы отправить электронные письма в свой почтовый ящик.
Вот как это сделать:
- Убедитесь, что у вас активированы платежи WooCommerce и метод оплаты Stripe.
- Добавьте товар в корзину и заполните информацию, как если бы вы были покупателем.
- В поле Электронная почта добавьте свой адрес электронной почты.
- В поле кредитной карты используйте одну из тестовых карт Stripe для обработки платежа.
- Завершите проверку.
Тестовая транзакция должна отправить вам электронное письмо об обработке заказов, которое позволит вам увидеть, как электронные письма отображаются для клиентов. Убедитесь, что динамические теги отображаются правильно, а весь ваш брендинг и вставленный текст отображаются правильно.

Чтобы активировать другие электронные письма, перейдите в WooCommerce > Orders и настройте поле « Статус » на что-то другое. Например, вы можете переключить его на « Выполнено », чтобы активировать электронное письмо « Выполненный заказ » от WooCommerce. Убедитесь, что вы нажали кнопку « Обновить », чтобы сохранить изменения.

Затем он отправляется на ваш почтовый ящик для просмотра.

Чтобы упростить процесс, вы можете рассмотреть плагин, такой как WooCommerce Email Test.
Плагины, которые помогают настроить электронную почту WooCommerce
Несколько плагинов предоставляют расширенные инструменты настройки электронной почты WooCommerce, либо расширяя текущие функции WooCommerce, либо полностью переопределяя их для более удобного использования (обычно перетаскиванием).
Вот несколько плагинов для настройки WooCommerce, на которые стоит обратить внимание:
Вы также можете переопределить транзакционные электронные письма WooCommerce с помощью маркетинговой службы электронной почты, такой как Omnisend, MailPoet или Sendinblue, каждая из которых предлагает автоматизацию электронной торговли и дополнительные возможности для таких вещей, как восстановление брошенной корзины.
Настройте свои электронные письма WooCommerce сегодня
В этой статье мы рассмотрели:
- Почему вы должны настраивать электронные письма WooCommerce.
- Как настроить общие параметры и дизайн ваших электронных писем WooCommerce.
- Как настроить конкретные транзакционные электронные письма.
- Как взять под контроль HTML-код электронной почты, если у вас есть опыт.
- Плагины для добавления дополнительных функций в электронные письма WooCommerce, такие как перетаскивание и визуальные инструменты.
Большинство начинающих магазинов электронной коммерции могут обойтись базовыми настройками электронной почты WooCommerce, но мы рекомендуем в конечном итоге заплатить за премиальный редактор электронной почты, такой как один из плагинов или программное обеспечение для электронного маркетинга, которое мы рассмотрели выше.
После того, как вы разобрались с транзакционными электронными письмами своего магазина, вы можете прочитать наше руководство по электронному маркетингу WooCommerce, чтобы также улучшить свои маркетинговые электронные письма.
Если вам нужны какие-либо разъяснения о том, как настроить электронные письма WooCommerce, или вы хотите поделиться своими советами с другими пользователями, редактирующими свои электронные письма, напишите нам в комментариях!