Как добавить таймер обратного отсчета в email (дедлайн, часовой пояс и оформление)
designmodo
0:00 / 0:00
Как добавить таймер обратного отсчета в email (дедлайн, часовой пояс и оформление)
57 просмотров · 9 ч назад
designmodo
48,2 тыс. подписчиков
57 просмотров · 9 ч назад
Узнайте, как добавить таймер обратного отсчета в электронное письмо в Postcards: установите крайний срок и часовой пояс, оформите таймер с помощью шрифтов и цветов, используемых в письме, и проверьте, отсчитывает ли он время, в режиме быстрого предварительного просмотра.
0:00 Вступление
0:13 Открытие письма
0:21 Где разместить таймер
0:28 Добавление таймера обратного отсчета на панели «Макет»
0:50 Установка часового пояса
1:02 Установка даты и времени
1:16 Когда таймер сработает
1:23 Как работает таймер
1:29 Выбор макета
1:34 Подбор шрифтов и цветов для письма
2:34 Форматирование и масштабирование
2:46 Скрытие для Apple Mail
2:55 Тестирование в режиме быстрого предварительного просмотра
3:10 Итоги
Что вы узнаете:
• Добавление элемента «Обратный отсчет» на панели «Макет» в соответствующий раздел
• Установка крайнего срока: часовой пояс, дата и время, с точностью до четверти часа
• Что показывает таймер после истечения крайнего срока
• Почему таймер работает в письме: это анимированное изображение, а не код
• Выбор макета: «Публикация», «Переворачивающиеся часы» или «Текст»
• Подбор цвета таймера в соответствии с дизайном Выбор шрифтов и собственные шрифты электронного письма
• Масштабирование 2x для четкого отображения таймеров на экранах высокого разрешения
• Когда использовать функцию «Скрыть для Apple Mail»
В этом видео обратный отсчет начинается в разделе предложения в электронном письме, «Начните свой лесной ритуал», прямо под строкой, где указано, что код DEW15 действует до 11 октября. Он отсчитывает время до 23:45 11 октября по времени Лос-Анджелеса, поэтому предложение заканчивается в один и тот же момент для каждого читателя. Цифры используют шрифт заголовка письма, Gilda Display, а подписи — шрифт основного текста, Lato, с кремовыми цифрами на коробках из-под эспрессо, взятыми прямо с купона ниже. Таймер представляет собой анимированный GIF-файл, который сервер Postcards рисует каждый раз при открытии письма, поэтому для него не нужен код: он воспроизводится почти в каждом почтовом ящике, хотя классический Outlook в Windows показывает только первый кадр. Apple Mail может сохранять изображения заранее и показывать устаревшее время, для чего и предназначена функция «Скрыть для Apple Mail».
Речь идёт о бренде Maren, одном из примеров компании по производству средств по уходу за кожей.
Больше видеороликов Postcards: добавление якорной ссылки, ведущей к разделу, добавление пользовательского HTML с помощью элемента «Пользовательский код», экспорт электронного письма в ZIP-архив, шаблон Outlook, изображение или PDF, импорт фирменного стиля с вашего сайта, комментирование электронного письма и его проверка с вашей командой, восстановление более ранней версии электронного письма, организация проектов электронной почты в папки, их дублирование и восстановление удаленных, добавление бесплатных фотографий Unsplash в электронное письмо и их быстрая загрузка, полное руководство по созданию шаблона электронного письма с нуля, добавление таблицы, видео, значка и разделителя в электронное письмо, добавление пользовательского фирменного шрифта и установка резервного шрифта, повторное использование нижнего колонтитула электронного письма повсюду с помощью пользовательских модулей, импорт HTML-письма из ZIP-архива и редактирование его как шаблона, обеспечение работы электронного письма в темном режиме и принудительное включение светлого режима, проверка электронного письма перед отправкой на наличие альтернативного текста, неработающих ссылок и контраста, обеспечение хорошего чтения электронного письма на телефоне, предварительный просмотр электронного письма в Gmail, Outlook и Apple Mail перед отправкой, добавление расширяемого раздела часто задаваемых вопросов с помощью AMP-аккордеона, добавление интерактивной карусели изображений с AMP, копирование рекламного письма из одного письма в другое, добавление предварительного просмотра одного изображения, карточки предложения, значка скидки под темой и карусели товаров на вкладку «Рекламные акции» в Gmail, настройка готового шаблона, настройка фирменного стиля один раз, чтобы каждый раздел соответствовал бренду, создание письма вручную из десяти разделов, а также два видеоролика с использованием ИИ, в которых создается письмо для запуска проекта на основе дизайн-брифа, затем его перерабатывают и проверяют, и проводится сравнение времени создания одного и того же письма с помощью ИИ и вручную.
———
Инструмент, использованный в этом видео: Postcards — https://designmodo.com/postcards/
Postcards — это конструктор писем от Designmodo: создавайте адаптивные шаблоны писем из готовых модулей или с помощью генератора на основе ИИ, проверяйте их на размер, доставляемость и доступность, а также экспортируйте их в свой почтовый сервис.
Подпишитесь, чтобы получать больше практических пошаговых инструкций.
#EmailDesign, #EmailMarketing, #EmailTemplate, #EmailWorkflow, #EmailBuilder