Редактирование шаблонов почтовых уведомлений
Почтовые уведомления — это сообщения, которые отправляются вам и покупателям по электронной почте. Они сообщают о разных событиях в магазине: размещён заказ, изменён статус заказа, заканчивается товар и так далее. Кроме уведомлений администратора и уведомлений для покупателя вы также можете настроить автоматические маркетинговые письма, чтобы напоминать покупателям о магазине и стимулировать продажи.
Каждое уведомление представляет собой шаблон из HTML и Freemarker-кода. Вы можете использовать готовые шаблоны или настроить их под свой бизнес.
Базовая настройка уведомлений доступна в Панели управления Эквида и применяется ко всем письмам: добавить логотип, поменять имя отправителя, обновить контакты магазина. Более сложная настройка подразумевает редактирование кода шаблонов: она позволяет добавить или удалить текст, поменять размер или цвет шрифта, добавить изображение и так далее.
Список уведомлений для редактирования
В Эквиде три типа автоматических уведомлений: письма для покупателей, письма для администратора и автоматические маркетинговые письма. Каждое письмо можно отредактировать как через изменений настроек в Панели управления Эквида, так и через изменение кода шаблона письма.
Вот список шаблонов писем, которые вы можете отредактировать:
Уведомления для покупателя
- Заказ принят
- Изменён статус заказа
- Заказ отправлен
- Заказ готов к выдаче
- Заказ доставлен
- Доступ к купленным файлам
- Подарочный сертификат готов
Маркетинговые письма
- Напоминание о понравившихся товарах
- Напоминание о незавершённой покупке
- Отзыв о заказе
- Благодарность постоянному покупателю
- Напоминание неактивному клиенту
- Год с момента покупки
Уведомления для администратора
- Новый заказ
- Заканчивается товар
- Отзыв о товаре (для отзывов о товарах)
Структура шаблонов уведомлений
Чтобы внести более глубокие изменения в почтовые уведомления, потребуется отредактировать шаблон конкретного уведомления. Таким образом вы сможете добавить свой текст или, например, удалить/добавить какие-то блоки, изменить форматирование текста и его цвет и т. п.
У каждого уведомления свой шаблон. Когда отправляется письмо, в шаблон подставляется информация из настроек вашего магазина (название магазина, контактная информация, ссылка на магазин и т. д.) и из деталей заказа (имя покупателя, адрес доставки, список купленных товаров и т. д.). Таким образом, каждое письмо, которое отправляется из вашего магазина, индивидуально и содержит всю информацию о конкретном товаре или заказе.
Шаблоны почтовых уведомлений могут выглядеть сложными, но на самом деле у них очень простая и четкая структура.
Если вы зайдете в Настройки → Уведомления и нажмете на уведомление Заказ принят (или на любое другое из списка), то увидите шаблон этого уведомления по умолчанию:
Вы можете нажать Предпросмотр в левом верхнем углу, чтобы увидеть образец письма. Каждый фрагмент кода в шаблоне уведомления соответствует конкретной части письма.
Изменения дизайна и структуры шаблона потребуют знаний HTML и Freemarker — языков, которые используются в шаблоне. Однако вы легко можете вносить небольшие изменения в текст и без этого. Рассмотрим отдельные части шаблонов уведомлений внимательнее, чтобы понять, как именно их можно отредактировать. Знакомьтесь: текстовые метки, переменные и разметка.
Текстовые метки
Если вы откроете для редактирования любое уведомление на странице Настройки → Уведомления, то увидите, что в самом шаблоне нет никаких текстов. Их роль выполняют текстовые метки, такие как <@rosetta.message key="OrderConfirmation.title" />, <@rosetta.message key="OrderConfirmation.payment_status" /> и т. д. Вы можете опознать их по тексту “@rosetta.message key” в начале. Когда электронное письмо уходит, эти метки заменяются текстом. Чтобы увидеть образец письма с текстами по умолчанию, нажмите Предпросмотр.
Чтобы заменить текст по умолчанию на ваш текст, вам нужно найти соответствующую метку (обычно ее название на английском отражает смысл) и заменить на тот текст, который вам нужен. После этого останется только проверить результат с помощью предпросмотра и сохранить изменения.
Например, чтобы заменить текст «Спасибо за покупку!», которым по умолчанию подписываются сообщения с подтверждением заказа, вам нужно найти <@rosetta.message key="OrderConfirmation.thanks" /> и заменить эту метку на ваш текст (например, «Ждём вас снова!»).
Шаблон уведомления «Заказ принят»
Вот как может выглядеть ваша новая подпись:
Вот список меток с текстами, которые им соответствуют, для письма с подтверждением заказа:
| Метка | Текст, соответствующий метке |
| @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} (обозначающие название магазина и имя покупателя соответственно) в шаблоне ваших почтовых уведомлений. Они будут заменены на название магазина, которое указано в профиле, и на имя покупателя, указанное в заказе.
Шаблон уведомления «Заказ принят»
Посмотрите список переменных, которые используются в уведомлениях в Эквиде. Вы можете удалить некоторые из переменных, если не хотите отображать информацию, которая им соответствует, или заменить их вашим текстом. Также можно редактировать или добавлять переменные, которые поддерживаются в шаблонах уведомлений.
Например, если вы хотите показывать в уведомлениях другой почтовый адрес (не тот, который указан у вас в профиле), то можете заменить переменную ${store.officeAddress} на нужный вам адрес, просто впечатав его «обычным» текстом.
Разметка
Зеленый, синий и красный текст в шаблонах ваших почтовых уведомлений — это разметка. Она устанавливает правила, согласно которым почтовый клиент будет отображать текст в письме: размер и цвет шрифта, его начертание и т. д. Вы можете изменить правила разметки, если хотите отредактировать внешний вид и наполнение вашего письма.
Редактирование шаблона уведомления
Чтобы добавить информацию или изменить уведомление, вам нужно отредактировать его шаблон. Эквид использует Freemarker, чтобы подставлять реальные данные вместо переменных, а для отображения информации в уведомлении используются HTML-теги. Они определяют структуру письма и то, как оно будет выглядеть в почтовом клиенте.
Чтобы отредактировать шаблон уведомления:
- В Панели управления Эквида перейдите в Настройки → Уведомления.
- Нажмите Редактировать рядом с шаблоном, который хотите изменить.
- Внесите в шаблон письма желаемые изменения.
- Прежде чем сохранить изменения, нажмите ссылку Предпросмотр в левом верхнем углу, чтобы посмотреть на результат.
Если в режиме предпросмотра вы видите пустую белую страницу, то, скорее всего, код вашего шаблона был сломан в результате изменений. Возможно, вы удалили нужные теги. Чтобы вернуть изначальное состояние шаблона, под окном редактирования нажмите Вернуть шаблон по умолчанию. - Если вас не устраивает результат, нажмите Вернуть шаблон по умолчанию внизу, под окном редактирования шаблона.
- Когда вы будете довольны результатом, нажмите Сохранить.
Если вы редактируете шаблон, который вы до этого уже изменяли и сохранили эти изменения, то опция Вернуть шаблон по умолчанию вам не подойдет, так как она вернет изначальный вариант шаблона, без изменений. В этом случае вам лучше скопировать весь код шаблона к себе на компьютер, в любой текстовый редактор. Если что-то пойдет не так в результате новых изменений, вы сможете восстановить предыдущую версию шаблона, вставив сохраненный код.
Чтобы посмотреть вживую, как выглядят уведомления, разместите тестовый заказ в своем магазине. Так вы увидите письмо с реальными данными из вашего магазина. При размещении заказа используйте свою электронную почту, так как письма вам, как покупателю, будут отправляться на эту почту. Чтобы посмотреть разные уведомления, попробуйте также в панели управления поменять статусы заказа.
Предпросмотр обновлённого шаблона
Есть два способа посмотреть внесённые в шаблон изменения: до сохранения изменений и после.
Пока вы редактируете шаблон, нажмите Предпросмотр в левом верхнем углу, чтобы увидеть изменения:
Если вы правильно отредактировали шаблон и вас устраивает то, как выглядит результат, сохраните изменения. Нажмите Вернуть шаблон по умолчанию под окном с кодом внизу страницы, чтобы отменить внесённые изменения и вернуться к изначальному контенту письма.
Чтобы посмотреть на письмо после сохранения изменений, разместите тестовый заказ в магазине. Так вы увидите письмо глазами покупателей. Когда будете вводить email для тестового заказа, указывайте настоящую почту: на этот адрес придёт уведомление. Чтобы получить письма о смене статуса заказа, поменяйте статус на странице Заказы в Панели управления Эквида.