Перейти к содержимому

Как добавить таймер обратного отсчета в 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