Нет необходимости объяснять, насколько важны карточки продуктов для email-рассылок . Если вы продаете по электронной почте, вы знаете, как важно правильно отображать свои продукты. Мы покажем вам, как сделать карточки продуктов более привлекательными и эффективными.
Советы по дизайну, которые помогут сделать карточки товаров более эффективными
Блок с карточками товаров напрямую список адресов электронной почты для работы влияет на продажи, поэтому постарайтесь сделать его максимально сильным во всех диапазонах — от предложения до деталей дизайна.
Рекомендации по изображению:
- Используйте качественные, уникальные фотографии продукта.
- Убедитесь, что все изображения на карточках товаров имеют одинаковый размер и разрешение.
- Используйте несколько изображений с разных ракурсов, чтобы продемонстрировать свой продукт.
- Покажите реальные размеры. Если товары — это украшения или одежда, покажите, как они смотрятся на человеке. Дайте покупателям возможность представить себя с этими товарами.
- Добавьте видео о вашем продукте. Это может быть похоже на продажу, показывающую преимущества продукта в магазине. Stripo позволяет легко добавить видео в шаблон вашего электронного письма.
- Добавьте интерактивности — в этом вам помогут анимированный GIF и эффект наложения изображений .
Например, посмотрите на эти изображения ювелирных изделий — как отдельных, так и надетых на человека:
(Источник: электронное письмо от Pandora)
А вот пример эффекта перераспределения для продаж одежды:
(Источник: Milled )
Рекомендации по тексту
- По возможности используйт Все эти расширенные функции были объединены е правильные и привлекательные названия продуктов.
- Сделайте все названия продуктов одинаковой длины, чтобы все карточки выглядели гармонично.
- Подготовьте краткое описание продукта, чтобы заинтересовать подписчика.
- Введите текущую цену. Если цена снижена или действует акция, покажите старую цену и выделите новую цену, размер скидки или промокод.
(Источник: Действительно хорошие электронные письма )
Рекомендации по кнопкам
- Сделайте кнопку видимой на каждой карточке товара.
- Добавьте призыв к действию: «добавить в корзину» или «купить сейчас».
Ссылки в карточках продуктов
- Убедитесь, что ссылка, название продукта и кнопка совпадают и ведут к продукту.
Мы собрали все наши советы по дизайну карточек продуктов в контрольный список под названием «Создайте привлекательные карточки продуктов, которые привлекут ваших подписчиков».
Размещение карточек продуктов в электронной рассылке
Ваше рекламное письмо может включать массовый свинец одну или несколько карточек продуктов. Жестких правил нет. Однако помните, что слишком много продуктов в письме сделают его слишком длинным и утомительным. Пользователь уйдет, ничего не выбрав.
Кроме того, когда письмо длинное, сообщение обрезается, и кнопку отписки невозможно обойти. И если пользователь не видит эту кнопку, но хочет отписаться, он пометит ваше письмо как спам.
Чтобы ваши подписчики могли четко видеть карточки продуктов, лучше всего размещать их в верхней части письма.
Адаптивный макет электронной почты
Важно учитывать, как будут выглядеть карточки ваших товаров на настольных компьютерах и мобильных устройствах.
Обратите особое внимание на мобильную версию, если вы выбрали инверсное расположение карточек товаров. Такое расположение выглядит очень красиво на десктопной версии, но на мобильной версии макет может испортиться, а изображения могут перестать соответствовать названиям.
Чтобы избежать этого, в редакторе Stripo есть специальная кнопка «Инвертировать контейнеры на мобильном устройстве». Эта кнопка помогает инвертировать порядок контейнеров для каждой второй строки.
Узнайте больше о том, на что следует обратить внимание при оптимизации электронных писем для мобильных устройств.
Вид на рабочий стол:
Мобильный вид:
Кроме того, для мобильной версии можно использовать функционал «Скрыть блоки на мобильном устройстве». Это значит, что вы можете выбрать, какие элементы будут отображаться на мобильных устройствах, а какие — только на десктопных устройствах.
Вот как это работает. В этом примере мы скрыли вертикальный отступ для мобильной версии, который мы использовали для визуаль
Вид на рабочий стол:
Мобильный вид: