Как встроить видео в email: рабочие способы (2026)
Учимся добавлять видео в письма так, чтобы оно работало во всех почтовых клиентах. Анимированные GIF, превью со ссылкой, HTML5-видео и лучшие практики.
Видео в письме существенно повышает вовлечённость, но если сделать неправильно — большинство получателей увидят сломанное письмо. Вот что реально работает в 2026 году.
Реальность: поддержка видео в почтовых клиентах
| Почтовый клиент | HTML5-видео | GIF | Превью + ссылка |
|---|---|---|---|
| Gmail (доля 60%+) | ✗ | ✓ | ✓ |
| Apple Mail | ✓ | ✓ | ✓ |
| Outlook | ✗ | ✓ (ограниченно) | ✓ |
| Yahoo Mail | ✗ | ✓ | ✓ |
| Samsung Mail | ✗ | ✓ | ✓ |
Итог: только Apple Mail стабильно проигрывает встроенное видео. Для всех остальных нужен запасной вариант.
Способ 1: анимированное GIF-превью (рекомендуется)
Создайте 3–5-секундный GIF из видео и сделайте его кликабельным со ссылкой на полное видео.
Плюсы:
- Работает в 95%+ почтовых клиентов
- Показывает движение и превью контента
- Повышает клики на 65%
Как сделать:
- Возьмите 3–5 секунд из видео
- Сконвертируйте в GIF (используйте Giphy, Canva или CloudConvert)
- Оптимизируйте размер файла (до 1 МБ, идеально до 500 КБ)
- Добавьте поверх кнопку Play
- Сделайте GIF ссылкой на полное видео
Лучшие практики:
- Размер GIF до 500 КБ для быстрой загрузки
- Длина зацикленного GIF не более 3–5 секунд
- Добавляйте alt-текст с описанием видео
- Дублируйте текстовой ссылкой на всякий случай
Способ 2: статичное превью с кнопкой Play (самый надёжный)
Используйте скриншот из видео с наложенной кнопкой Play.
Плюсы:
- Работает в 100% почтовых клиентов
- Маленький размер файла (быстрая загрузка)
- Профессиональный вид
Как сделать:
- Возьмите эффектный кадр из видео
- Наложите кнопку Play в графическом редакторе
- Сделайте картинку ссылкой на видео
- Под ней добавьте текстовую ссылку «Смотреть видео →»
Способ 3: HTML5-видео с фолбэком (продвинутый)
Для пользователей Apple Mail встройте настоящее видео и добавьте GIF/картинку как запасной вариант для остальных клиентов.
<video width="600" controls poster="thumbnail.jpg"> <source src="video.mp4" type="video/mp4"> <a href="video-url"><img src="thumbnail.jpg" alt="Watch video"></a></video>Плюсы: настоящее видео в поддерживающих клиентах Минусы: сложнее, больше размер письма
Лучшие практики для видеописем
Тема письма
Добавьте слово «видео» в тему — это повышает open rate на 19%:
- «🎬 Смотрите: как настроить свою первую кампанию»
- «[Видео] 3 совета, чтобы удвоить open rate писем»
Размещение
- Размещайте видео-превью в верхней части письма
- Делайте его главным CTA
- Не прячьте под другим контентом
Длительность
- Видео по ссылке: до 2 минут (золотая середина — 90 секунд)
- GIF-превью: 3–5 секунд
Хостинг
Размещайте видео на YouTube, Vimeo или Wistia, а не на собственном сервере. Эти платформы возьмут на себя проигрывание, мобильную оптимизацию и аналитику.
Сценарии использования видеописем
| Сценарий | Лучший способ |
|---|---|
| Демонстрация товара | Превью + кнопка Play |
| Отзыв клиента | GIF-превью |
| Обучение / how-to | Анимированный GIF |
| Приглашение на мероприятие | Превью |
| Корпоративный апдейт | GIF или превью |
Аналитика видеописем
Сравнивайте эти метрики:
- CTR по видео-превью vs текстовым ссылкам
- Доля просмотров видео (из платформы хостинга)
- Конверсия писем с видео
- Время просмотра (из платформы хостинга)
Инструменты для видеописем
- Email-платформа: Brevo — drag-and-drop редактор с поддержкой картинок и GIF
- Создание GIF: Giphy, Canva, CloudConvert
- Дизайн превью: Canva, Figma
- Видеохостинг: YouTube, Vimeo, Wistia
- Советы по дизайну писем — больше рекомендаций по форматированию