Создание адаптивного письма о брошенных просмотрах

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

Чтобы увеличить конверсию на этом этапе customer journey, можно использовать триггерные письма “брошенные просмотры”. Как это сделать с технической точки зрения - описано в нашем предыдущем материале, посвященном “брошенным просмотрам”. Здесь же будет показан процесс создания триггерного письма о брошенных просмотрах.

Создание письма “Брошенный просмотр” в адаптивном редакторе

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

Для того, чтобы создать письмо “Брошенный просмотр”, откройте вкладку “Сообщения” и нажмите кнопку “Создать email”:

В открывшихся после клика Адаптивных шаблонах структур выберите “Брошенные просмотры”. Если такого шаблона в вашем аккаунте нет, обратитесь в службу поддержки, он будет добавлен:

Вот как выглядит базовый шаблон:

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

Если блоки “шапка” и “футер” уже создавались и сохранены в библиотеке, их можно просто вставить в это письмо. Поэтому лучше подготовить такие блоки заранее, тем более, что они пригодятся для всех триггерных писем, а не только для брошенных просмотров (как правило, достаточно двух вариантов хедера и футера - для промо рассылок и для триггеров).

Если же нет, отредактируйте шаблон письма брошенные просмотры по этой инструкции.

Как вставить логотип вашей компании в хедере

Не забудьте указать ссылку на сайт и ALT текст. Изображение можно отредактировать, нажав на “волшебную палочку” (если необходим ресайз или другие правки).

Добиться нужного цвета фона хедера (как и любого блока) можно изменением его заливки или добавлением фонового изображения.

Использовать другие пункты меню и отредактировать их количество.

Нужное название пункта меню и корректная ссылка вставляются в соответствующие поля:

Для редактирования следующего пункта меню достаточно проскроллить вниз, найти “Пункт 2” и повторить процедуру - заменить название и ссылку на желаемые.

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

Так же легко добавить дополнительные пункты, если в этом есть необходимость:

Что касается текста письма, его можно оставить таким как есть, он достаточно универсален, или же отредактировать:

Блок с динамическим контентом

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

Чего не стоит делать, так это вставлять вручную данные в поле “Ссылка”, так как оно заполняется автоматически.

Также обратите внимание, что товарные блоки размещены в отдельных полосах:

В коде каждой такой полосы прописаны условия вывода товаров:

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

Редактирование футера

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