Как сделать снежный GIF-фон в письме: видеоинструкция

У маркетологов в офлайне столько возможностей — включить Last Christmas и Мэрайю Кэри, увешать всё гирляндами, да хоть хоровод Дедов Морозов запустить! Но email-маркетологи тоже не отстают: передать атмосферу приближающегося праздника получателям рассылки можно даже при том ограниченном инструментарии, который доступен при создании писем. Например, добавить новогодний GIF-фон к рассылке. Сейчас расскажу, как это сделать.

Примеры новогодних писем с GIF-фоном

Рождественская или новогодняя гифка может стать как самостоятельным элементом письма, так и дополнением к основному контенту. На фоне GIF можно что-то написать или взять гифку с уже имеющимся статичным текстом, например, такую: 

Но можно и поэкспериментировать: например, здесь снег, задающий атмосферу зимних праздников, наложили на фотографию довольных клиентов.

Другой вариант — использовать GIF как подложку к статичному изображению. Так сделали создатели этой рассылки от Methodical Coffee.

А здесь и вовсе вся рассылка — это и есть гифка с праздничной атмосферой, где сыр имитирует снежные хлопья.

Как добавить GIF-фон в рассылку

Проще всего это сделать в конструкторе писем. В редакторе Unisender, например, можно установить цвет фона или выбрать картинку, в том числе в формате GIF. 

Порядок действий довольно простой: выбираем нужный шаблон, кликаем на фон, открываем соответствующий раздел настроек справа и устанавливаем вместо фона анимированное изображение. Его можно создать самостоятельно, воспользовавшись нашей инструкцией, или скачать на сайтах-агрегаторах — Giphy, Chibird или 99px.

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

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

Другой вариант — поменять не сам фон, а подложку под контентом: для этого нужно просто заменить изображение.

Главное — не переборщите с анимированным контентом. Он увеличивает вес письма и мешает воспринимать информацию. Помните, что большая часть контента должна быть статичной.