База знаний
Советы продавцам
Академия
Обучающие видео
Попробовать поиск по:
Просмотренные статьи:

Содержание

Редактирование шаблонов почтовых уведомлений

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

Каждое уведомление представляет собой шаблон из HTML и Freemarker-кода. Вы можете использовать готовые шаблоны или настроить их под свой бизнес.

Базовая настройка уведомлений доступна в Панели управления Эквида и применяется ко всем письмам: добавить логотип, поменять имя отправителя, обновить контакты магазина. Более сложная настройка подразумевает редактирование кода шаблонов: она позволяет добавить или удалить текст, поменять размер или цвет шрифта, добавить изображение и так далее.

Доступно на планах: Venture, Business, Unlimited.

Список уведомлений для редактирования

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

Вот список шаблонов писем, которые вы можете отредактировать:

Уведомления для покупателя

  • Заказ принят
  • Изменён статус заказа
  • Заказ отправлен
  • Заказ готов к выдаче
  • Доступ к купленным файлам
  • Подарочный сертификат готов

Маркетинговые письма

  • Напоминание о понравившихся товарах
  • Напоминание о незавершённой покупке
  • Отзыв о заказе
  • Благодарность постоянному покупателю
  • Напоминание неактивному клиенту
  • Год с момента покупки

Уведомления для администратора

  • Новый заказ
  • Заканчивается товар

Структура шаблонов уведомлений

Чтобы внести более глубокие изменения в почтовые уведомления, потребуется отредактировать шаблон конкретного уведомления. Таким образом вы сможете добавить свой текст или, например, удалить/добавить какие-то блоки, изменить форматирование текста и его цвет и т. п.

У каждого уведомления свой шаблон. Когда отправляется письмо, в шаблон подставляется информация из настроек вашего магазина (название магазина, контактная информация, ссылка на магазин и т. д.) и из деталей заказа (имя покупателя, адрес доставки, список купленных товаров и т. д.). Таким образом, каждое письмо, которое отправляется из вашего магазина, индивидуально и содержит всю информацию о конкретном товаре или заказе.

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

Если вы зайдете в Настройки → Уведомления и нажмете на уведомление Заказ принят (или на любое другое из списка), то увидите шаблон этого уведомления по умолчанию:

______________________________________________5_.png

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

Вы можете отправить себе тестовое письмо, нажав Отправить тестовое письмо. Так вы увидите, как выглядит уведомление в почте.

Изменения дизайна и структуры шаблона потребуют знаний HTML и Freemarker — языков, которые используются в шаблоне. Однако вы легко можете вносить небольшие изменения в текст и без этого. Рассмотрим отдельные части шаблонов уведомлений внимательнее, чтобы понять, как именно их можно отредактировать. Знакомьтесь: текстовые метки, переменные и разметка.

Текстовые метки

Если вы откроете для редактирования любое уведомление на странице Настройки → Уведомления, то увидите, что в самом шаблоне нет никаких текстов. Их роль выполняют текстовые метки, такие как <@rosetta.message key="OrderConfirmation.title" />, <@rosetta.message key="OrderConfirmation.payment_status" /> и т. д. Вы можете опознать их по тексту “@rosetta.message key” в начале. Когда электронное письмо уходит, эти метки заменяются текстом. Чтобы увидеть образец письма с текстами по умолчанию, нажмите Предпросмотр.

Чтобы заменить текст по умолчанию на ваш текст, вам нужно найти соответствующую метку (обычно ее название на английском отражает смысл) и заменить на тот текст, который вам нужен. После этого останется только проверить результат с помощью предпросмотра и сохранить изменения.

Например, чтобы заменить текст «Спасибо за покупку!», которым по умолчанию подписываются сообщения с подтверждением заказа, вам нужно найти <@rosetta.message key="OrderConfirmation.thanks" /> и заменить эту метку на ваш текст (например, «Ждём вас снова!»).

______________________________________________4_.png

Шаблон уведомления «Заказ принят»

Вот как может выглядеть ваша новая подпись:

_____________2_.png

Редактировать текст в шаблоне «Напоминание о незавершённой покупке» еще проще, т. к. в нем есть «обычный» текст. Его можно увидеть в полях Тема письма и Текст сообщения. Вы можете изменить этот текст и добавить, например, купон на скидку или сообщение о грядущей распродаже, чтобы побудить покупателей все-таки совершить покупку.

Вот список меток с текстами, которые им соответствуют, для письма с подтверждением заказа:

Метка Текст, соответствующий метке
@rosetta.message key="OrderConfirmation.title" Подтверждение заказа
@rosetta.message key="OrderConfirmation.customer_greeting" params={ "customerName": customer.name } Здравствуйте, (имя покупателя)
@rosetta.message key="OrderConfirmation.Confirmation.paid_order" params={ "storeName": store.name, "dateCreated": order.dateCreated } Спасибо за покупку! Мы получили ваш заказ и в ближайшее время приступим к его обработке.
(для оплаченных заказов)
@rosetta.message key="OrderConfirmation.Confirmation.unpaid_order" params={ "storeName": store.name, "dateCreated": order.dateCreated} Спасибо за покупку! Мы получили ваш заказ и в ближайшее время приступим к его обработке.
(для неоплаченных заказов)
@rosetta.message key="OrderConfirmation.order_number" params={ "number": order.number } Заказ #
@rosetta.message key="OrderConfirmation.payment_status" Статус (оплаты)
@rosetta.message key="OrderConfirmation.fulfillment_status" Статус обработки
@rosetta.message key="OrderConfirmation.Shipping.address_prefix" Мы отправим заказ по адресу
@rosetta.message key="OrderConfirmation.Shipping.phone" params={ "phone": order.shippingAddress.phone } Телефон
@rosetta.message key="OrderConfirmation.Shipping.method" Способ доставки
@rosetta.message key="OrderConfirmation.your_order" Заказ
@rosetta.message key="OrderConfirmation.sku" params={ "sku": orderItem.sku } Артикул
@rosetta.message key="OrderConfirmation.Summary.items" Товары
@rosetta.message key="OrderConfirmation.Summary.shipping" Доставка
@rosetta.message key="OrderConfirmation.Summary.total" Сумма
@rosetta.message key="OrderConfirmation.order_comments" Комментарии к заказу
@rosetta.message key="OrderConfirmation.thanks" Спасибо за покупку!
@rosetta.message key="OrderConfirmation.OrdersHistory.link_text" «pазделе учётной записи»
@rosetta.message key="OrderConfirmation.OrdersHistory.content" params={ "history_link": historyLink } Свои заказы можно проверить на нашем сайте в разделе учётной записи
@rosetta.message key="OrderConfirmation.Help.content" params={ "contact_info_text": contactInfoText } Мы с радостью ответим на все ваши вопросы и поможем в их решении. Свяжитесь с нами по электронной почте (адрес электронной почты) или по телефону (номер телефона).
@rosetta.message key="OrderConfirmation.signature" С уважением,

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

Если вы не хотите отображать какую-то информацию в почтовом уведомлении, просто удалите соответствующую ей текстовую метку.

Переменные

Шаблоны уведомлений используют переменные, которые подменяются данными о магазине, заказе или покупателе.

Например, вы можете видеть переменные ${store.name} или ${customer.name} (обозначающие название магазина и имя покупателя соответственно) в шаблоне ваших почтовых уведомлений. Они будут заменены на название магазина, которое указано в профиле, и на имя покупателя, указанное в заказе.

______________________________________________2_.png

Шаблон уведомления «Заказ принят»

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

Например, если вы хотите показывать в уведомлениях другой почтовый адрес (не тот, который указан у вас в профиле), то можете заменить переменную ${store.officeAddress} на нужный вам адрес, просто впечатав его «обычным» текстом.

Разметка

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

Серый тест, такой, например, как <!-- Signature : start --> и <!-- Signature : end -->, призван сделать навигацию по шаблону легче. С его помощью вы быстрее сможете найти нужные розеттские ключи и переменные.

Редактирование шаблона уведомления

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

Доступно на планах: Venture, Business, Unlimited.

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

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

Чтобы отредактировать шаблон уведомления:

  1. В Панели управления Эквида перейдите в Настройки → Уведомления.
  2. Нажмите Редактировать рядом с шаблоном, который хотите изменить.
  3. Внесите в шаблон письма желаемые изменения.
  4. Прежде чем сохранить изменения, нажмите ссылку Предпросмотр в левом верхнем углу, чтобы посмотреть на результат.
    Если в режиме предпросмотра вы видите пустую белую страницу, то, скорее всего, код вашего шаблона был сломан в результате изменений. Возможно, вы удалили нужные теги. Чтобы вернуть изначальное состояние шаблона, под окном редактирования нажмите Вернуть шаблон по умолчанию.
  5. Если вас не устраивает результат, нажмите Вернуть шаблон по умолчанию внизу, под окном редактирования шаблона.
  6. Когда вы будете довольны результатом, нажмите Сохранить.

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

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

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

Предпросмотр обновлённого шаблона

Есть два способа посмотреть внесённые в шаблон изменения: до сохранения изменений и после.

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

Screen_Shot_2022-06-22_at_14.42.25.png

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

Чтобы посмотреть на письмо после сохранения изменений, разместите тестовый заказ в магазине. Так вы увидите письмо глазами покупателей. Когда будете вводить email для тестового заказа, указывайте настоящую почту: на этот адрес придёт уведомление. Чтобы получить письма о смене статуса заказа, поменяйте статус на странице Заказы в Панели управления Эквида.

Была ли эта статья полезной?

Приятно! Спасибо за ваш отзыв.

Спасибо за ваш отзыв.

Простите за это! Что было не так?
Пользователи, считающие этот материал полезным: 82 из 164
10
Мы используем cookie-файлы и сервисы аналитики, чтобы помнить о ваших предпочтениях, оценивать эффективность наших рекламных кампаний и улучшать работу сайта. Выбирая «Принимаю», вы даёте согласие на использование файлов cookie.
Принимаю Не принимаю