Настройка шаблонов электронной почты WooCommerce — подробное руководство

Последнее обновление: 1 июля 2021 г.

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

Шаблоны электронной почты WooCommerce

WooCommerce предлагает ряд шаблонов электронной почты, которые вы можете настроить в соответствии со стратегией вашего магазина. Вы можете получить доступ к этим шаблонам через WooCommerce > Настройки > Электронная почта . Ниже приведены шаблоны электронной почты, доступные по умолчанию в WooCommerce:

• Новый порядок
• Отмененный заказ
• Неудачный заказ
• Заказ отложен
• Порядок обработки
• Завершенный заказ
• Возврат заказа
• Счет-фактура клиента / Детали заказа
• Примечание для клиентов
• Сброс пароля
• Новый аккаунт

  

Настройка шаблонов электронной почты WooCommerce

Теперь вы можете настроить каждый из этих шаблонов по отдельности, а также применить определенные стили в целом ко всем из них. Мы рассмотрим оба этих варианта.

Во-первых, давайте посмотрим, как вы можете индивидуально настроить шаблон электронной почты.

Для этого вам нужно открыть шаблон, нажав на название шаблона или кнопку « Управление » справа.

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

• Включить/отключить — этот флажок позволяет включить или отключить это конкретное уведомление.
• Получатели — в этом поле вы можете указать идентификаторы электронной почты, на которые будет отправлено это электронное письмо. Вы можете разделить несколько идентификаторов электронной почты с помощью запятой.
• Тема — здесь вы можете указать тему письма. Поле допускает ввод текста или заполнителя. Доступные заполнители:
  • {Название сайта}
  • {Адрес сайта}
  • {адрес сайта}
  • {Дата заказа}
  • {порядковый номер}
• Заголовок письма — здесь вы можете указать заголовок письма. Здесь применимы те же заполнители, что и выше.
• Дополнительный контент — это текст, который будет отображаться в теле письма. Это может быть любая соответствующая информация, которую вы хотите включить в уведомление. Здесь также можно использовать заполнители.
• Тип электронной почты — здесь вы указываете формат электронной почты. Доступны три формата:
  • Простой текст
  • HTML
  • Составной

HTML-шаблон

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

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

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

Настройка дизайна для шаблонов электронной почты WooCommerce

Теперь вы можете применить дополнительные настройки, которые будут применимы ко всем вашим шаблонам электронной почты. Чтобы найти эти настройки, перейдите в WooCommerce > Настройки > Электронная почта и прокрутите вниз до раздела Шаблон электронной почты. Вот варианты:

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

• Изображение заголовка — вы можете указать изображение, которое будет отображаться в качестве заголовка электронного письма.
• Текст нижнего колонтитула — здесь вы можете добавить собственный текст, который будет отображаться в нижнем колонтитуле электронной почты. Вы также найдете два заполнителя для использования здесь:
  • {Название сайта}
  • {адрес сайта}
• Вы также получите четыре варианта настройки цвета электронного письма. Вы можете щелкнуть соответствующее поле, чтобы изменить цвет этого раздела.
• Базовый цвет — здесь можно изменить базовый цвет шаблона.
• Цвет фона — здесь вы можете настроить цвет фона шаблона.
• Цвет фона тела — здесь вы можете изменить фон тела письма.
• Цвет основного текста — здесь вы можете изменить цвет текста для электронного письма.

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

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

Настройка шаблонов электронной почты WooCommerce с помощью плагина

Теперь давайте посмотрим, как мы можем настроить шаблоны электронной почты WooCommerce с помощью плагина WordPress. В этой статье мы используем плагин Kadence WooCommerce Email Designer.

Установите и активируйте плагин так же, как и любой другой плагин.

Если вам нужна помощь в установке плагина, вот наша статья, описывающая, как установить и настроить плагин WooCommerce.

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

Вы можете получить доступ к настройкам плагина через WooCommerce > Email Customizer . Здесь вы найдете интерфейс, похожий на настройщик WordPress, который довольно интуитивно понятен в использовании.

Тип и текст электронной почты

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

• Предварительный заказ — здесь вы можете выбрать детали заказа, которые хотите использовать для настройки электронной почты. Вы можете либо выбрать заказ макета, предоставленный плагином (который будет выбран по умолчанию), либо использовать один из доступных заказов.
• Тип электронной почты — здесь вы указываете редактируемый шаблон электронной почты. Все различные шаблоны электронной почты, которые вы видите в настройках электронной почты WooCommerce, будут заполнены в раскрывающемся списке. Вы можете выбрать тот, который хотите настроить.
• Получатели — добавьте идентификаторы электронной почты для отправки электронных писем.
• Текст темы — настройка текста темы.
• Текст заголовка — настройка текста заголовка.
• Текст подзаголовка . Вы можете добавить подзаголовок под основным заголовком электронного письма, добавив текст в это поле.
• Основной текст — этот плагин позволяет добавлять основной текст в соответствии с требованиями, которыми вы не сможете управлять с помощью WooCommerce по умолчанию.
• Дополнительный контент — здесь вы можете добавить или изменить дополнительный контент.
• Доступные заполнители — плагин предлагает еще несколько заполнителей в дополнение к параметрам по умолчанию. Доступные варианты:
  • {Название сайта}
  • {Дата заказа}
  • {порядковый номер}
  • {имя_клиента}
  • {customer_last_name}
  • {customer_full_name}
  • {customer_username}
  • {customer_email}

    

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

Плагин также предлагает несколько готовых шаблонов, которые вы можете использовать вместо стандартного шаблона WooCommerce. Вы можете выбрать один из готовых шаблонов и настроить их в соответствии с требованиями вашего магазина.

Дополнительные параметры настройки

Кроме того, плагин предлагает еще несколько параметров для настройки. Это включает:

• Контейнер — здесь вы можете настроить различные аспекты контейнера. Вы можете настроить цвет фона, радиус границы, ширину границы и многое другое.
• Заголовок . В разделе «Заголовок» вы можете отдельно настроить три раздела. Это изображение заголовка, стиль заголовка и содержимое заголовка.
• Контент — здесь вы найдете дополнительные параметры для настройки визуальных аспектов контента. Параметры, доступные с этим плагином, включают стили текста содержимого, способ отображения элементов в порядке, различные стили кнопок и многое другое.
• Нижний колонтитул — здесь вы можете управлять стилем нижнего колонтитула, а также добавлять кнопки социальных сетей для отображения.
• Пользовательский CSS — вы можете добавить пользовательский CSS в поле, предназначенное для этого.
• Экспорт и импорт — при необходимости вы можете экспортировать и импортировать настройки настройки из плагина и в него.
• Предварительный просмотр — он также позволяет отправлять электронное письмо с предварительным просмотром на указанный адрес электронной почты, чтобы вы получили четкое представление о стилях, которые вы применили.

  

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

Плагины для помощи в настройке шаблонов электронной почты WooCommerce

Теперь мы перечислим некоторые популярные плагины, которые помогают настроить шаблоны электронной почты WooCommerce и их функции.

Настройщик электронной почты WooCommerce

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

Стоимость плагина $79.

Настройщик электронной почты Pro

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

Вложения электронной почты

Этот плагин позволяет добавлять вложения в электронные письма о транзакциях WooCommerce. Вы сможете включать любое количество вложений, а плагин позволяет добавлять файлы разных типов. Кроме того, вы сможете добавлять дополнительных получателей к своим электронным письмам в форме CC и BCC. Кроме того, он позволяет добавить дополнительный заголовок и тело уведомления в нижний колонтитул, чтобы получатели знали о вложениях с почтой.

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

Вы можете получить плагин за 29 долларов.

Несколько вложений электронной почты

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

Плагин имеет цену $29.

Электронное письмо об отмене заказа клиенту

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

Вам нужно потратить 29 долларов, чтобы получить этот плагин для вашего магазина.

Шаблоны электронной почты YITH WooCommerce

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

Еще одним преимуществом использования этого плагина является то, что вы сможете просматривать вносимые вами изменения в режиме реального времени с помощью опции предварительного просмотра. Кроме того, он позволяет легко переводить электронные письма с помощью совместимости с WPML.

Стоимость лицензии на один сайт этого плагина составляет $69,99.

Дизайнер электронной почты Kadence WooCommerce

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

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

MailPoet — электронная почта и информационные бюллетени в WordPress

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

Дизайнер шаблонов электронной почты WordPress — WP HTML Mail

Это комплексный вариант для обработки электронных писем с вашего сайта WordPress. Это поможет вам настроить шаблоны электронной почты по умолчанию для WooCommerce, а также для EDD. Кроме того, вы можете использовать плагин для отправки электронных писем для подтверждения отправки контактной формы. Кроме того, плагин предлагает готовые шаблоны, которые значительно сократят ваши усилия по настройке. Кроме того, плагин предлагает предварительный просмотр в реальном времени и возможность отправить тестовое письмо на указанный адрес электронной почты.

Настройщик электронной почты для WooCommerce

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

Мы надеемся, что эта статья дала вам четкое представление о настройке шаблонов электронной почты WooCommerce. Оставьте нам комментарий, если у вас есть вопрос.

дальнейшее чтение

• Лучшие плагины электронной почты для WooCommerce.
• Как настроить электронные письма для восстановления корзины в WooCommerce?
• WooCommerce не отправляет электронные письма