Как встроить видео из Instagram на свой сайт [для новичков]
Хотите встроить видео из Instagram на свой сайт?
В конце концов, показ красивых видеороликов в Instagram — отличный способ сделать ваш сайт более привлекательным для посетителей. Кроме того, вы можете получить больше подписчиков от всех людей, посещающих ваш сайт.
И если у вас есть правильный инструмент, это может быть очень просто.
Итак, сегодня мы собираемся показать вам самый простой способ встроить видео из Instagram на ваш сайт.
Прежде чем мы начнем с руководства, давайте сначала выясним, почему важно отображать ваши видео из Instagram на вашем WordPress.
Зачем вставлять видео из Instagram на свой сайт?
Добавляя видео из Instagram на свой веб-сайт, вы можете получить множество различных преимуществ.
Во-первых, вы можете сделать свой веб-сайт намного более привлекательным, добавив релевантные видео.
Кроме того, если вы встраиваете посты в Instagram, вам не нужно загружать их вручную, что экономит много времени.
И это только начало. Вот еще несколько веских причин встроить видео из Instagram на свой сайт:
- Вы можете вставлять видеообзоры и отзывы о своих продуктах. В результате у людей на вашем сайте будет больше причин совершить покупку.
- Если у вас есть ленты Instagram с возможностью покупок, вы можете подарить своим посетителям приятные впечатления от покупок. Они могут перейти прямо на страницу продаж из вашей ленты Instagram.
- Вы можете показывать в Instagram видеопотоки пользователей, наслаждающихся вашими продуктами. С этим социальным доказательством посетители с большей вероятностью что-то купят.
- После того, как вы разместите ролики Instagram на своем сайте, у вас будет постоянный источник новых подписчиков в социальных сетях от посетителей вашего сайта.
Как видите, показ видео из Instagram на вашем сайте может увеличить продажи, повысить конверсию и привлечь больше подписчиков. Если вы хотите развивать свой бизнес, это один из лучших способов.
Теперь давайте продолжим и покажем вам различные способы встраивания видео из Instagram.
Способы встроить видео из Instagram на ваш сайт
Если вы хотите добавить видео из Instagram на свой сайт, у вас есть 2 варианта.
- Старый способ: Раньше вы могли скопировать код для вставки и вставить URL-адрес своего видео в Instagram, и WordPress автоматически встраивал его. Этот метод отнимал очень много времени, и WordPress больше не поддерживает его.
- Лучший способ: С помощью такого плагина, как Instagram Feed Pro, вы можете свободно вставлять столько фотографий и видео из Instagram, сколько захотите, всего за несколько кликов.
Давайте поговорим об обоих вариантах ниже.
Старый способ (устаревший)
В WordPress раньше была функция, известная как oEmbeds . Вы можете встроить видео из Instagram в свой WordPress, вставив URL-адрес из веб-браузера или открыв его с помощью кнопки «Поделиться».
Поскольку вам приходилось вручную вставлять ссылку для каждого видеопоста в Instagram, этот метод занимал слишком много времени. Кроме того, вы даже не могли настроить внешний вид этих постов в Instagram, поэтому они могут даже не соответствовать шаблону вашего сайта.
Кроме того, с 24 октября 2020 года WordPress прекратил поддержку Instagram oEmbeds, поэтому этот метод больше недоступен.
Чтобы работать по-старому, теперь вам нужно зарегистрироваться в Facebook в качестве разработчика приложений и быть экспертом в HTML-коде и других форматах кодирования, что может быть сложным процессом.
Если вы предпочитаете генерировать коды для встраивания, это также сложно, поскольку вам нужно быть технически подкованным, чтобы вы могли настроить внешний вид встроенного видео в Instagram.
Хорошая новость заключается в том, что есть гораздо более простой способ сделать это.
Best Way
Если вы хотите легко встроить видео в Instagram, вы можете вместо этого использовать Instagram Feed Pro.
Как лучший плагин ленты Instagram для WordPress, он расширяет функциональность вашего сайта. С помощью этого инструмента вы можете вставлять фотографии и видео из Instagram всего за несколько кликов. Это действительно так просто, и вам не нужно касаться ни одной строки кода.
Теперь вы можете публиковать целые потоки видео из Instagram одновременно. Таким образом, будет очень легко сделать ваш сайт более привлекательным с помощью множества крутых видео.
И чтобы подсластить сделку, здесь также есть множество других замечательных функций. На самом деле, вот некоторые из них:
- Простая настройка: С помощью этого плагина вы можете начать встраивать видео из Instagram всего за несколько минут без необходимости кодирования.
- Множество типов каналов Instagram: здесь есть множество вариантов, если вы хотите встроить каналы Instagram. Вы можете добавлять ленты хэштегов, ленты Instagram с возможностью покупки, видео IGTV и многое другое.
- Молниеносный: Не нужно беспокоиться о том, что все фото и видео замедляют работу вашего сайта. Instagram Feed Pro очень легкий, поэтому ваши каналы и веб-сайт будут загружаться очень быстро. А более быстрый сайт означает для вас гораздо лучшее SEO.
- Служба поддержки: В Instagram Feed Pro работает команда экспертов WordPress, которые сделают вашу работу максимально комфортной.
Благодаря всем этим функциям Instagram Feed Pro является лучшим плагином Instagram Feed для WordPress. Сейчас у него более 1 000 000 активных пользователей и рейтинг 4,9/5 звезд.
Кроме того, некоторые из крупнейших мировых брендов также используют Instagram Feed Pro.
Попробуйте Instagram Feed Pro сегодня, и вам будет легко встраивать любой контент из Instagram на свой сайт!
Итак, давайте продолжим и покажем вам, как встроить видео из Instagram в WordPress.
Как встроить видео из Instagram на свой веб-сайт (лучший способ)
Теперь давайте приступим к встраиванию ваших видео из Instagram в это пошаговое руководство:
Шаг 1.
Установите и активируйте плагин Instagram Feed ProВо-первых, вы можете скачать плагин Instagram Feed Pro здесь. После этого просто установите и активируйте его на своем веб-сайте.
Не знаете как? Что ж, вы можете прочитать нашу полезную статью о том, как установить плагины WordPress, чтобы помочь вам.
После этого вы можете создать свою ленту в Instagram.
Шаг 2. Создайте ленту Instagram
После установки и активации плагина перейдите к шагу 9.0042 Лента Instagram » Добавьте ленты с панели инструментов.
На этой странице нажмите кнопку Добавить новый .
Затем вы можете выбрать один из 3 различных вариантов для вашего типа ленты Instagram:
- Хронология пользователя: Показать сообщения из вашего собственного профиля Instagram
- Общедоступный хэштег: Добавить сообщения с определенными хэштегами, которые вы вводите
- Сообщения с тегами: Добавьте сообщения Instagram, в которых ваше имя пользователя Instagram было отмечено
Вы можете выбрать более 1 варианта, если хотите показать один канал с сочетанием разных типов каналов.
Выбрав нужный тип канала, нажмите Далее , чтобы продолжить.
Здесь мы выберем временную шкалу пользователя для нашего руководства.
Итак, вы создали новую ленту с помощью Instagram Feed Pro. Теперь вы можете подключить его к своей учетной записи Instagram на следующем шаге.
Шаг 3. Подключите свою учетную запись Instagram
После этого вы можете подключить эту ленту к своей учетной записи Instagram, чтобы она могла отображать видеоконтент из Instagram.
Чтобы начать, нажмите кнопку Добавить источник здесь.
Появится всплывающее окно, в котором вы можете выбрать между подключением личного или рабочего профиля Instagram.
С личным профилем вы можете использовать все основные функции Instagram. А с помощью этого плагина вы можете показывать ленты со своими постами в Instagram.
Бизнес-профиль означает, что вы получаете еще больше функций Instagram, таких как аналитика и кнопка контакта.
Затем вы можете вставлять множество видео и каналов из Instagram, таких как каналы хэштегов, видео IGTV, каналы с возможностью покупки и многое другое.
Теперь используйте поле Выберите тип учетной записи , чтобы выбрать нужный вариант, и нажмите Войти через Instagram.
Теперь плагин перенаправит вас в Instagram и запросит доступ только для чтения к вашей учетной записи. Это означает, что плагин не может ничего изменить в вашей учетной записи, а только считывает ваши данные.
Просто нажмите Разрешить , чтобы предоставить доступ.
Затем вы будете перенаправлены обратно в WordPress. Там просто нажмите на Кнопка «Далее» , и вы подключили свой новый канал к Instagram.
Теперь вы официально подключили свой аккаунт Instagram к своему сайту всего за несколько кликов. Не нужно вручную разбираться с Instagram API, так как плагин сделает все за вас!
После этого пришло время настроить дизайн вашей ленты видео в Instagram на шаге 4.
Шаг 4. Настройте свою ленту видео в Instagram
Теперь вы можете увидеть редактор прямой трансляции для своей ленты в Instagram.
Слева вы можете найти параметры для настройки макета галереи, цветовой схемы, стиля заголовка, размера галереи и многого другого.
Справа вы можете найти предварительный просмотр вашей ленты в Instagram.
Как вставить видео только в Instagram? Чтобы начать, нажмите на опцию Настройки вверху, а затем выберите опцию Фильтры и модерация .
Здесь вы можете выбрать тип постов Instagram, которые вы хотите показывать в своей новой ленте.
Просто прокрутите вниз до раздела Показать определенные типы сообщений , а затем снимите параметр Фотографии .
Здесь вы также можете выбрать, показывать ли видео из ленты новостей или видео из IGTV.
После того, как вы выбрали нужный вариант, нажмите Сохранить изменения .
Теперь ваша лента Instagram будет содержать только видео.
Затем нажмите кнопку Настройки вверху, чтобы вернуться к предыдущим параметрам.
Отсюда нажмите Настройте , чтобы вернуться и просмотреть основные параметры настройки редактора прямой трансляции.
Слева нажмите на опцию Макет ленты , чтобы установить макет для вашего видео в Instagram.
У вас есть 4 варианта, которые вы можете использовать для своего видеопотока в Instagram: сетка , карусель, каменная кладка, и выделение .
Хотите, чтобы ваши видео из Instagram отображались аккуратными рядами и столбцами? Тогда вы можете попробовать вариант сетки .
Если вы хотите, чтобы ваши посты в Instagram отображались на слайдере карусели, есть карусель опция.
У вас также есть опция каменной кладки , если вы хотите показать свои видео в их исходных пропорциях.
Некоторые блоггеры и влиятельные лица предпочитают этот вариант, чтобы продавать свои навыки фотографа через Instagram.
Наконец, есть опция выделения , позволяющая сделать ваши видео 4x их обычного размера.
Если у вас есть самые продаваемые продукты или услуги, на которых вы хотите сосредоточиться, этот макет может быть полезен.
После выбора макета нажмите Сохранить.
Затем нажмите маленькую кнопку Настроить вверху, чтобы вернуться к основным параметрам.
Здесь выберите параметр Color Scheme слева, чтобы продолжить и установить цвета для вашего видео в Instagram.
С Instagram Feed Pro вы можете выбрать одну из 4 цветовых схем:
- Наследовать от темы: Копировать цвета вашего веб-сайта
- Светлый: Показать светлый фон и более темный цвет шрифта
- Темный: Выберите темный фон ленты и более светлый цвет шрифта
- Пользовательский: Выберите все цвета для ленты Instagram вручную
Один раз вы выбираете свою цветовую схему, нажмите Сохранить еще раз.
Здесь вы можете делать гораздо больше. Используя эти параметры, вы можете изменить размер фида, стиль публикации, дизайн заголовка и многое другое.
Кроме того, этот плагин автоматически адаптирует ваши ленты Instagram к внешнему виду вашего веб-сайта. Таким образом, вы можете создавать ленты Instagram, которые идеально соответствуют вашему бренду, без дополнительных усилий с вашей стороны.
После завершения настройки вы можете перейти к последнему шагу и отобразить видеопоток Instagram на своем веб-сайте.
Шаг 4. Вставьте свою ленту видео из Instagram
С помощью плагина Instagram Feed Pro вы можете добавить свою ленту видео из Instagram в 2 местах:
- Встроить ленту видео из Instagram на свою страницу
- Встроить ленту видео из Instagram на боковую панель или footer
Итак, давайте продолжим и покажем вам, как вы можете это сделать.
Как встроить видеопоток Instagram на свои страницы
Первый способ — добавить видеопоток Instagram на свою страницу WordPress.
Хорошей новостью является то, что вы можете сделать это прямо из редактора прямой трансляции.
Просто нажмите Вставить в правом верхнем углу, чтобы начать.
Далее вы увидите всплывающее окно, в котором вы можете выбрать, куда вы хотите встроить свой видеопоток Instagram.
Чтобы продолжить, нажмите кнопку Добавить на страницу здесь.
После этого всплывающее окно покажет вам список ваших страниц WordPress. Просто выберите, куда вы хотите встроить видеопоток Instagram, и нажмите Добавить .
Затем плагин отправит вас на эту страницу WordPress, чтобы вы могли встроить свой новый канал Instagram.
Теперь нажмите на значок плюса (+) , чтобы добавить новый виджет контента на вашу веб-страницу.
Наконец, найдите «Instagram» с помощью поля поиска, а затем выберите готовый блок Instagram Feed из вариантов.
Наконец, нажмите кнопку Опубликовать в правом верхнем углу, и ваш фид появится в сети.
Вот и все! Теперь вы успешно встроили свои видео из Instagram в WordPress.
Если вы зайдете на свой сайт, то теперь сможете увидеть красивую ленту Instagram с вашими видео.
Теперь давайте посмотрим, как вы можете отображать видео из Instagram на боковой панели или в нижнем колонтитуле.
Как встроить видеопоток Instagram на боковую панель или нижний колонтитул
Вы также можете добавить свои видео на боковую панель или нижний колонтитул WordPress в качестве виджета Instagram.
Для этого сначала перейдите на Лента Instagram » All Feeds на панели инструментов и нажмите на созданную вами видеоленту Instagram.
Откроется ваш видеопоток Instagram в редакторе прямых трансляций. Отсюда еще раз нажмите на опцию Embed .
Во всплывающем окне нажмите кнопку Добавить в виджет , чтобы продолжить.
Откроется страница виджетов вашего сайта, где вы можете добавлять, удалять или редактировать виджеты боковой панели и нижнего колонтитула.
Чтобы встроить видеопоток на боковую панель, щелкните значок Боковая панель Панель здесь.
Если вместо этого вы хотите встроить свою ленту в нижний колонтитул, выберите панель Нижний колонтитул .
Для нашего урока мы выберем боковую панель.
Наконец, нажмите на значок плюса (+) внизу, чтобы добавить новый виджет, а затем выберите виджет Лента Instagram .
Теперь проверьте свой веб-сайт WordPress, и вы увидите видео из Instagram, встроенные в боковую панель.
И все!
Теперь вы знаете, как показывать красивые видео из Instagram на своем веб-сайте WordPress.
С помощью такого замечательного плагина, как Instagram Feed Pro, вы можете создавать, настраивать и публиковать видео в Instagram, чтобы повысить вовлеченность пользователей и привлечь больше подписчиков.
Готовы вставлять видео из Instagram? Получите свою копию Instagram Feed Pro сегодня!
Ищете способ увеличить количество подписчиков в Instagram? Ознакомьтесь с нашим удобным руководством о том, как получить больше подписчиков в Instagram.
Вам также может понравиться наш следующий пост о том, как добавить видео с YouTube в WordPress.
Если эта статья оказалась для вас полезной, подпишитесь на нас в Twitter и Facebook и следите за новостями.
Как встроить видео в новостную рассылку (с примерами) 🍿
Как звучит увеличение открываемости на 20% и увеличение числа кликов в 3 раза? Вот какой импульс может дать вам встраивание видео в электронную почту.
Средняя продолжительность концентрации внимания вашего зрителя составляет менее 5 секунд, что объясняет, почему видео помогает привлечь внимание к новостной рассылке. Люди любят смотреть видео, а не читать много текста.
Именно поэтому у Youtube более 2 миллиардов пользователей.
Использование видео в информационных бюллетенях уже давно используется, но многие компании и внештатные маркетологи по электронной почте все еще полностью реализуют его потенциал.
Знаете ли вы…
84% потребителей были убеждены совершить покупку после просмотра видео
Зрители могут запомнить 95% сообщения, когда они смотрят его в виде видео, по сравнению с 10% при просмотре видео они его читают
Использование слова «видео» в строке темы электронного письма увеличивает количество просмотров и кликов, а также снижает показатель отказа от подписки
стратегия
88% видеомаркетологов довольны окупаемостью инвестиций (ROI)
Хорошо, достаточно убедительно.
Видео — отличный способ повысить вовлеченность ваших электронных писем, и теперь мы собираемся показать вам, как вы можете начать. Мы максимально упростили для вас встраивание видео в ваши рассылки по электронной почте.
Что такое видеомаркетинг по электронной почте?
Когда мы говорим о видео-маркетинге по электронной почте, это просто означает встраивание видео в вашу электронную почту.
Это один из лучших способов заставить людей открывать и взаимодействовать с вашими электронными письмами. Почему? Потому что люди любят видео. Их легче воспринимать, чем длинную статью, особенно для тех из нас, у кого очень маленькая продолжительность концентрации внимания (некоторые исследователи считают, что у золотых рыбок продолжительность концентрации внимания больше, чем у нас)!
Перед встраиванием видео в информационный бюллетень следует учесть несколько моментов. Во-первых, видео должно соответствовать теме вашего информационного бюллетеня. Как это вписывается в остальные ваши сообщения?
Рекомендации по использованию видео в рассылках по электронной почте
Если видео подходит для информационного бюллетеня — отлично! Вы на полпути.
Прежде чем использовать видео, рассмотрим еще несколько моментов:
Не злоупотребляйте видео. Да, они работают хорошо, но если вы будете вставлять видео в каждую рассылку, они потеряют свою силу
Вставьте видео под заголовком или описанием, чтобы подписчики электронной почты знали, что они собираются смотреть
Сообщите людям, что есть видео, упомянув его в строке темы. Это увеличит число открываний
Прежде чем отправить информационный бюллетень, просмотрите его, чтобы убедиться, что он хорошо выглядит на мобильных устройствах
A/B-тестирование: вы можете протестировать GIF против статического изображения, местоположение видео в электронном письме или упоминание слова «видео» в строке темы
Теперь вы готовы встроить свое видео. Мы добавили специальный блок в наш редактор перетаскивания, чтобы вы могли вставить видео за считанные секунды. Давайте приступим!
Как встроить видео в электронную почту с помощью MailerLite
Если вы один из тех людей, у которых 5-секундная концентрация внимания, мы начнем с видеоурока специально для вас!
Пошаговые инструкции для редактора перетаскивания
Видеоблок можно найти в нашем редакторе перетаскивания или в наших готовых шаблонах.
Вы заметите 2 основные вкладки — Содержание и Настройки .
В содержимом вам нужно будет скопировать / вставить URL-адрес вашего видео. Вы можете использовать ссылки с самых популярных платформ для обмена видео, таких как YouTube и Vimeo.
Вы можете выбрать 2 способа отображения видео в новостной рассылке: анимированный GIF или статичное изображение. Важно отметить, что большинство почтовых клиентов, включая Gmail и Outlook, не поддерживают технические требования, необходимые для воспроизведения видео внутри электронного письма. Решение состоит в том, чтобы отобразить GIF или статическое изображение вместо него.
Анимированные GIF-файлы создают предварительный просмотр движущегося изображения, в то время как статическое изображение отображает одно изображение в блоке. Вы можете загрузить любое статичное изображение, если вам не нравится изображение по умолчанию из видео. При загрузке GIF-файлов помните, что размер файла не должен превышать 500 КБ, а количество кадров должно быть минимальным.
В поле ссылки на видео указано, куда попадет пользователь после нажатия на ваш видеоблок. По умолчанию он связан с источником видео, но вы можете использовать опцию «Ссылки на пользовательскую ссылку», чтобы перенаправить пользователя в другое место.
На вкладке Настройки вы можете настроить фон вашего видеоблока и выбрать другой стиль кнопки воспроизведения.
Встраивайте неподдерживаемые видео с помощью хака поддельного видеоблока
Если вы загрузили видео на платформу, не поддерживаемую видеоблоком, вы все равно можете добавить их в свои электронные письма в MailerLite с помощью этого изящного обходного пути!
1. Сделайте снимок экрана или запишите GIF выбранного видео (не забудьте включить кнопку воспроизведения на скриншоте).
2. Загрузите снимок экрана в файловый менеджер и добавьте его в свой блок изображений.
3. На правой боковой панели добавьте URL вашего видео в поле с пометкой Введите URL.
И это все! Когда подписчики нажимают, чтобы воспроизвести ваше видео, они будут перенаправлены на URL-адрес, который вы указали в настройках блокировки.
Забавный факт
Кнопка воспроизведения видео обычно генерирует больше кликов, чем любой другой призыв к действию!
Вы также можете вставлять видео с помощью HTML-редактора
Если вы предпочитаете разрабатывать свой информационный бюллетень с помощью нашего HTML-редактора, вы можете написать и использовать свой собственный код для встраивания видео в ваши электронные письма. Это позволит вам вставлять видео, которые можно смотреть прямо из вашей электронной почты, но помните, что не все почтовые клиенты отображают встроенные электронные письма.
| Apple Mail (MacOS) | Apple Mail (iOS 12.4/13.3) | Gmail |
| Outlook (Windows 2003, MacOS 2011/2016) | Электронная почта Samsung (Android 6. 0) | Outlook (Windows 2007-2019, iOS, Android) |
| Mozilla Thunderbird (MacOS) | Outlook.com | |
| Оранжевый (настольный компьютер, Android) | Yahoo (настольный компьютер, iOS, Android) | |
| SFR (рабочий стол, iOS, Android) | AOL (настольный ПК, iOS, Android) | |
| Proton Mail (настольный компьютер, iOS, Android) | ||
| Оранжевый (iOS) | ||
| Mail.ru |
По этой причине, если вы хотите встроить видео в электронное письмо, важно включить резервное изображение.
Вы можете встроить видео новостной рассылки со следующим кодом HTML5:
«видеопостер» URL-адрес изображения — это обложка, которую вы хотите отображать в видео.
URL-адрес «исходного» видеофайла — это ссылка на файл, который вы хотите встроить в электронное письмо.
«URL видео» — это ссылка на видео, загруженное в Интернет, например, видео на Youtube. Сюда будут перенаправлены подписчики, когда они нажмут на резервное изображение.
«URL-адрес резервного изображения» — это ссылка на файл изображения, который вы хотите отображать, когда подписчики используют почтовые клиенты, не поддерживающие видео.
Примеры видеомаркетинга по электронной почте
Давайте посмотрим на несколько примеров видеоблоков, чтобы дать волю вашему творчеству.
ХиросимаХиросима — это независимое арт-пространство, предназначенное для демонстрации исполнительского искусства, живой музыки и современной мысли. У них есть отличный видеоконтент для демонстрации своих артистов, и они довольно успешно используют видеоблоки, создавая привлекательные гифки.
MODEKUNGENКомпания MODEKUNGEN®, основанная в 2008 году, предлагает широкий выбор одежды и аксессуаров онлайн. Они используют видеоблоки, чтобы заглянуть за кулисы компании и их фотосессий.
Вебинары MailerLite Если вы есть в нашем списке адресов электронной почты, вы видели наши приглашения на вебинары.
Марчин всегда включает видео, в котором объясняется, что люди узнают на вебинаре. Это хорошо работает, потому что Марчин также ведет вебинар, поэтому люди могут «познакомиться» с ним заранее.
KALBA
KALBA – образовательная компания, базирующаяся в Литве. Они показывают предварительный просмотр одного из своих руководств, используя этот анимированный GIF с кнопкой воспроизведения.
АмиГО
AmiGO — голландская туристическая компания. В этом встроенном видео они показывают, как их клиенты развлекаются во время пляжного спортивного дня. Это визуальный способ показать ценность, которую они предлагают, и это сразу бросается в глаза.
Readdle
Readdle создает приложения для повышения производительности для iPhone, iPad и Mac. В этом электронном письме с предварительным просмотром новой функции они использовали комбинацию фотографии и графического дизайна и использовали это в качестве эскиза для своего видео.
ThermPro
Есть ли что-нибудь, что вызывает у вас трепет, как вкусная еда? ThermPro не может устоять перед тем, чтобы не нажать на их видео с этим миниатюрным изображением ингредиентов для их рецепта фаршированных тыкв на зиму.
🤤
Snazzy Little Things
Созданный Жанетт Snazzy Little Things — это красивый и вдохновляющий блог, посвященный декорированию и рукоделию. В этом примере с видео-письмом она использует потрясающее статичное изображение из своей поездки в Израиль для миниатюры видео, которое побуждает подписчика щелкнуть и посмотреть видео.
Если вам нужно больше вдохновения, загляните в нашу галерею видеобюллетеней! И если вы не знаете, как создать свой информационный бюллетень, у нас также есть множество шаблонов электронной почты, которые помогут вам начать работу.
Как встроить видео в электронное письмо (без использования MailerLite)
Если вы не используете редактор перетаскивания MailerLite, есть другие способы вставить миниатюру видео в электронное письмо. Вот две основные техники, которые вы можете использовать.
Добавление ссылки на видео к статическому изображению
Самый простой способ — выбрать статическое изображение видео и добавить кнопку воспроизведения.
Давайте попробуем это, используя одно из наших видео MailerLite.
1. Сделать скриншот видео
Мы взяли этот снимок экрана из нашего туториала по видеоблокам (он показался подходящим)!
2. Добавьте кнопку воспроизведения к изображению
Если на снимке экрана нет кнопки воспроизведения, вы можете использовать бесплатный инструмент, например http://addplaybuttontoimage.way4info.net/.
Все, что вам нужно сделать, это загрузить свое изображение, используя URL-адрес или импортировав его непосредственно с вашего компьютера. Затем выберите кнопку воспроизведения, которую вы хотите отобразить, и нажмите «Создать изображение кнопки воспроизведения».
Затем вы можете скопировать или загрузить новый образ. Очень просто!
3. Добавьте изображение в сообщение электронной почты
Теперь пришло время добавить изображение в сообщение электронной почты. Убедитесь, что вы добавили его в тело письма, а не в виде вложения! В этом примере мы используем Gmail.
4. Добавьте ссылку на видео к изображению
Найдите ссылку, которую вы хотели бы использовать, а затем выделите изображение в своем видеописьме. В Gmail эта часть может быть сложной, потому что, если вы просто нажмете на изображение, вам будет предложено только изменить размер изображения (см. ниже).
Вместо этого вам нужно щелкнуть мышью по изображению и перетащить его. Это выделит все изображение синим цветом. На панели ниже вы увидите возможность добавить URL-адрес к вашему изображению. Вставьте URL-адрес YouTube или Vimeo вашего видео.
Поздравляем! Вы только что встроили ссылку на видео в статическое изображение. Отправьте тестовую версию письма себе, чтобы убедиться, что ссылка работает, и тогда все готово.
Добавление ссылки на видео в GIF
Хотите показать превью своего видео в виде анимированного GIF? Без проблем! Просто найдите URL-адрес видео или подготовьте загруженную версию на свой компьютер.
1. Откройте свой любимый GIF-редактор
Существует множество бесплатных инструментов для создания GIF, которые вы можете использовать.
