Учебник: как создать персонализированное изображение в электронной почте

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

Эта статья изначально появилась в нашем родственном блоге Мастерская дизайна электронной почты.

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

Практический пример: письмо с днем ​​рождения

Возьмем это письмо с днем ​​рождения от Stitch Fix , бренда онлайн-стайлинга.

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

Мы возьмем статическое изображение торта на день рождения из электронного письма Stitch Fix и преобразуем его в динамическое персонализированное изображение, на котором будет отображаться имя вашего подписчика. Вот как выглядит готовое электронное письмо из моего почтового ящика с моим именем Келли:

Давайте начнем с семинара и проследим за нашим видеоуроком:

[post_video_embed url = ”https://www.youtube.com/embed/gYooNhQX57c” height = ”” width = ””]

Шаг №1: Создайте свой адрес электронной почты в редакторе перетаскивания

Давайте воссоздадим макет письма с днем ​​рождения Stitch Fix в редакторе перетаскивания. Начните с макета с одним столбцом и добавьте ниже заголовок, блок изображения и текстовые блоки.

Затем добавьте текст и настройте кнопку CTA. Давайте также добавим бирюзовую цветовую заливку HTML к изображению, как в исходном письме. А пока оставим заполнитель изображения пустым .

Наш макет почти готов. Теперь нам нужно создать персонализированное динамическое изображение из NiftyImages, а затем загрузить его в наш блок изображения в редакторе:

Шаг № 2: Создайте и настройте свое персонализированное изображение с помощью NiftyImages

Если вы еще этого не сделали, создайте бесплатную учетную запись NiftyImages, чтобы начать работу немедленно!

Шаг №2.1: Создайте свое персонализированное изображение

На экране приветствия выберите Новое персонализированное изображение .

1. Загрузите собственное изображение
2. Выберите шаблон из библиотеки NiftyImages

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

Поскольку у нас уже есть изображение дня рождения из примера Stitch Fix, давайте загрузим его в NiftyImages. Нажмите кнопку [Загрузить изображение] в правом верхнем углу, чтобы импортировать изображение Stitch Fix. Текст персонализации по умолчанию «Отличные предложения для наших клиентов» появится, чтобы мы отредактировали его.

Используя меню слева, мы действительно можем настроить размер и стиль шрифта , а также сам текст. Давайте обновим сообщение, чтобы отразить тему дня рождения:

На данный момент мы будем использовать FIRSTNAME в качестве заполнителя для нашего динамического текста; на следующем шаге вы увидите, как настроить его для вашего поставщика услуг электронной почты (ESP).

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

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

Шаг №2.2. Создайте URL-адрес динамического изображения

Давайте немного перейдем к техническим вопросам. Созданное нами персонализированное изображение с днем ​​рождения имеет специальный динамический URL . Обратите внимание, что URL-адрес изображения имеет поле имени получателя в качестве параметра в конце , который зависит от платформы электронной почты, которую вы будете использовать для отправки этого электронного письма. Поэтому вам нужно выбрать поставщика услуг электронной почты (ESP) из раскрывающегося списка. Вот пример MailUp, нашей платформы электронного маркетинга.

Этот шаг очень важен: если синтаксис тега слияния первого имени неверен, изображение не будет работать . Каждый ESP имеет свой синтаксис для тегов слияния (например, в некоторых используются фигурные скобки). В раскрывающемся списке NiftyImages создается URL-адрес вашего поставщика услуг электронной почты (ESP). Итак, как только вы выберете свой ESP, скопируйте URL-адрес изображения и вернемся в редактор. Мы почти закончили!

Вот краткое видео-руководство от NiftyImages о том, как сгенерировать URL-адрес динамического изображения:

[post_video_embed url = ”https://www.youtube.com/embed/uwUxinJaklM” height = ”” width = ””]

Шаг № 3: Добавьте персонализированное изображение в свою электронную почту

В редакторе MailUp щелкните заполнитель изображения, чтобы просмотреть меню справа. Включите кнопку «Динамическое изображение» в свойствах содержимого . Чтобы узнать больше о функции динамического изображения в редакторе, просмотрите нашу справочную статью о том, как использовать динамические изображения для таймеров обратного отсчета и персонализированного контента.

Вставьте URL-адрес изображения из NiftyImages, и теперь в редакторе появится персонализированное изображение с днем ​​рождения.

Наконец, давайте посмотрим, как будет выглядеть воссозданное письмо с днем рождения от Stitch Fix с созданным нами персонализированным динамическим изображением . Выглядит здорово, не правда ли?

Подведение итогов: создайте свое следующее персонализированное письмо

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