Instagram Feed | Добавить виджет инстаграм на сайт [2023]

Лучший способ добавить Инстаграм фото на сайт

Попробовать демо

Изучите все возможности

Почему мне стоит выбрать Elfsight?

Больше впечатляющих фото. Больше продаж.

Больше вовлеченность пользователей

Выбирайте лучшие фото из Инстаграм, чтобы привлечь на сайт больше аудитории с помощью великолепного контента

Выше уровень конверсии на сайте

Демонстрируйте свои товары через Инстаграм фото с хэштегами и увеличивайте уровень конверсии на вашем сайте

Шире аудитория Инстаграм подписчиков

Благодаря возможности добавлять активные кнопки с призывом к действию, расширяйте круг подписчиков в Инстаграм

0%

вебсайтов поддерживается

0+

часов вложено в разработку

1 минута

чтобы начать использование

0%

счастливых клиентов

Станьте одним из 1,078,753 клиентов Elfsight Apps

Создайте свой первый виджет Elfsight Instagram Feed бесплатно.

Создать виджет

В чем уникальность Elfsight Instagram Feed?

Любые фото из Инстаграм

Добавьте фото по имени пользователя, хэштегу, местоположению или любым комбинациям

Плагин для Инстаграма от Elfsight позволяет вам добавить на сайт фото из Инстаграм любым удобным способом: по хэштегу, URL, имени пользователя, местоположению, а также используя любую комбинацию источников. Чтобы вы могли тщательно отбирать фото для своего виджета, мы продумали два типа фильтров: исключение источника или вывод только по указанным источникам.   

50+ настроек персонализации

Уникальный Инстаграм виджет для любого случая

Благодаря обширным настройкам интерфейса нашего Инстаграм плагина, вам доступны широкие возможности персонализации виджета. Выберите свой вариант макета: Slider или Grid; затем найдите наиболее подходящий шаблон, настройте количество колонок и рядов и не забудьте придумать привлекательное название. Размер — также под вашим контролем. У вас есть все, чтобы создать уникальный виджет Инстаграм на сайт.   

Интерактивные элементы

Максимальная вовлеченность пользователей

Виджет Инстаграм от Elfsight включает различные элементы, которые помогут увеличить степень вовлеченности посетителей на вашем сайте. Режим Popup позволяет просматривать фото в полном размере и проигрывать видео прямо на странице сайта. Элементы поста, такие как кнопка “Подписаться” и иконки, позволяющие поделиться фото, обеспечивают мгновенное взаимодействие пользователя с контентом, а кнопки с призывом к действию помогут вдохновить и стимулировать клиентскую активность.   

12 встроенных цветовых схем

В полной гармонии со стилем сайта

Сделайте свой Instagram виджет неотъемлемой частью общего стиля вашего сайта, придав ему гармоничный внешний вид.

Наш плагин для Инстаграма предлагает выбор из 12 встроенных цветовых схем в модной и хорошо продуманной гамме. Если вам захочется добавить еще больше персональных деталей, вы всегда можете самостоятельно раскрасить 12 элементов интерфейса.   

Примеры использования

Посмотрите реальные примеры использования Instagram Feed, чтобы раскрыть его потенциал для вашего сайта.

Посмотреть в действии

Активное демо

Откройте для себя все функции Instagram Feed в интерактивном демо. Бесплатно, без регистрации, без программирования.

Попробовать сейчас

Чем виджеты Elfsight отличаются от других?

С сегодняшнего дня вам не нужно будет переживать о функциональности вашего сайта. Наши плагины могут похвастаться широким спектром функций, которые вы можете использовать любым доступным способом. И если вы повстречаетесь с какими угодно сложностями, наша служба поддержки всегда к вашим услугам!

Легкий для понимания редактор

При помощи нашего комфортного в использовании редактора вы будете способны встроить любой виджет на ваш веб-сайт без усилий! Больше не нужно искать разработчика или учиться программированию.

Люди, на которых можно рассчитывать

Простая настройка и регулярный контакт с нашими компетентными специалистами обеспечит ваш позитивный опыт знакомства с нашими виджетами.

Великолепный сервис приложений Elfsight

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

Что говорят наши клиенты ❤️

Эта Инстаграм галерея для сайта выглядит лучше всех остальных. Невероятно простая установка через сайт разработчика. Много опций и просто классный интерфейс. И кроме того, у меня было несколько вопросов, на которые мне ответили в течение 24 часов. Я очень доволен.

В этом Инстаграм плагине замечательно ВСЕ! Он не замедляет загрузку страницы, код отличный, опций еще больше, чем я ожидал. А разработчики этой Инстаграм галереи помогают быстро и, что еще важнее, эффективно. Такая поддержка должна быть у каждой команды разработчиков.

Прекрасный гибкий плагин, который отлично работает и при этом требует минимум усилий на установку. Разработчик проделал огромную работу! Это единственный из найденных мной виджетов\скриптов, который реально работает.

Вау! Нереальный плагин! Я часами пытался настроить другие Инстаграм галереи и так и не добился нужного результата. И тут я попробовал этот Инстаграм виджет, и уже через 10 минут у меня получилось сделать именно то, что я хотел, и даже больше! Отличная работа!

Это во всех отношениях лучший способ интегрировать Инстаграм с моим сайтом из всех опробованных. А команда поддержки, в которую я обратился, проявила себя исключительно профессионально: оперативно и дружелюбно ответили на мой запрос, всегда готовы помочь. Респект вам, ребята!

Я перепробовал множество Инстаграм галерей и плагинов для Вордпресс сайтов — этот точно самый лучший. В нем гораздо больше опций персонализации, чем во всех остальных, и понятный интерфейс, которым просто пользоваться…5 звезд.

Часто задаваемые вопросы

Что такое плагин Instagram Feed для сайта?

Виджет Инстаграм — это интерактивный инструмент, который позволяет отображать фотографии из Instagram прямо на вашем веб-сайте, тем самым повышая вовлеченность пользователей и конверсию.

Можно ли скрыть некоторые фотографии из моей Инстаграм галереи?

Вы можете управлять контентом своего Инстаграм на сайте, используя два вида фильтров. Фильтр на исключение убирает фото из указанных в нем источников, а фильтр на ограничение показывает только добавленные источники. Вы также можете ограничить количество выводимых фото.

Я смогу использовать ваш Инстаграм плагин для продажи своих товаров?

Да, вы можете создать Instagram виджет, через который пользователи смогут приобретать ваши товары или услуги, связав фото со страницей продукта при помощи ссылки. Под каждой фотографией будет размещена кнопка с призывом к действию, которая станет первым шагом на пути к покупке. В свой виджет вы можете добавить любое количество таких кнопок.

Можно ли менять макет фотографий?

Instagram плагин для сайта от Elfsight предлагает два варианта макета: Slider или Grid. Вы также можете изменять количество колонок, рядов с фотографиями и расстояние между ними, чтобы фото располагались ближе или дальше друг от друга.

Какие виды виджетов я могу создать из ленты Elfsight Instagram?

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

• Instagram Video Feed — добавляйте видео и создавайте видеогалереи для своего сайта с помощью видеопостов из аккаунта Instagram
• Instagram Live Feed — отображение всех обновлений сообщений из учетной записи Instagram на веб-сайте.
• Виджет Instagram Slideshow — создайте слайдер с содержанием вашей страницы.
• Виджет публикации в Instagram — отдельные сообщения или серии тематических сообщений.
• Виджет профиля Instagram — любой контент из вашей учетной записи.
• Виджет Instagram Slider — коллекции фото и видео из содержимого вашего профиля.
• Лента хештегов Instagram — отображать сообщения по любому хэштегу.
• Фотогалерея Instagram — создавайте и отображайте великолепные фотогалереи на своем веб-сайте.
• Виджет Instagram Stream — отображение по хэштегу, URL, местоположению или профилю.
• Виджет учетной записи Instagram — вставьте свой профиль на любую страницу своего веб-сайта.
• Лента изображений Instagram — вставляйте любые изображения по URL-адресу на свой сайт.
• Виджет Instagram Grid — используйте специальный шаблон для создания привлекательных портфолио.
• Виджет страницы Instagram — продемонстрируйте свою деловую или личную страницу в любом месте вашего сайта.

Не можете найти нужный виджет? Просто отправьте запрос в нашу службу поддержки, и мы учтем ваше желание.

Имеет ли виджет Instagram Feed адаптивность для разных экранов?

Наш Инстаграм виджет замечательно выглядит и работает на любом экране, в том числе, на мобильном. Более того, он сразу же адаптируется к макету страницы. Бесплатный онлайн редактор позволяет изменить внешний вид инструмента на смартфонах, планшетах, компьютерах.

Как вставить виджет Instagram на сайт?

Если вы хотите вставить Инстаграм плагин, прочтите инструкцию ниже или напишите нам в службу клиентской поддержки.

1. Создайте плагин в редакторе
2. Нажмите “Сохранить”.
3. Добавьте код, где нужно на сайте или в макете.

Как я могу изменить размер виджета?

Чтобы адаптировать Инстаграм галерею к требованиям страницы, вы можете менять ширину виджета, для этого просто задайте нужное количество пикселей. Вы также можете установить параметры мобильной оптимизации, задав количество столбцов, колонок и значение ширины.

Плагин подходит для конструктора сайта, который я использую, или моей CMS?

На 100 процентов! Elfsight плагины поддерживаются большинством популярных CMS. Найдите свою в списке: Adobe Muse, BigCommerce, Blogger, Facebook Page, Drupal, Elementor, Joomla, jQuery, iFrame, Magento, HTML, ModX, OpenCart, Shopify, Squarespace, Webflow, Webnode, Weebly, Wix, WordPress, WooCommerce, Google Sites.

Есть ли возможность изменить количество постов в виджете после его публикации?

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

Станьте одним из 1,078,753 клиентов Elfsight Apps

Откройте для себя еще более 80 эффективных приложений от Elfsight! Банковская карта не требуется. Никаких рисков!

Начать

Получите скидку 20% прямо сейчас!

More Apps

Покажите, что ваша компания заслуживает доверия с помощью Google отзывов

Общайтесь с посетителями сайта нон-стоп

Все популярные соцсети в одной ленте у вас на сайте

Как подключить ленту Instagram к вашему аккаунту Instagram | Центр Поддержки

Подключение личного аккаунта к Ленте Instagram позволяет делиться личными фото и видео непосредственно на вашем сайте, открывая посетителям доступ к вашим личным историям.

Содержание:

Добавление и подключение личного аккаунта Instagram

Добавьте на сайт приложение Лента Instagram из Wix App Market и подключите его к своему личному аккаунту.

Чтобы добавить и подключить аккаунт:

1. Добавьте на сайт приложение Лента Instagram.

Как это сделать?

1. Откройте App Market:
   • Редактор Wix: нажмите на значок Добавить приложения в левой панели редактора.
   • Editor X: нажмите на значок App Market на верхней панели.
2. Введите Instagram Feed/Лента Instagram в строку поиска.
3. Выберите Лента Instagram из раскрывающегося списка.
4. Нажмите Добавить на сайт.
5. Нажмите ОК.

2. Нажмите на приложение в редакторе.

3. Нажмите Настроить.

4. Нажмите Подключите личный аккаунт.

5. Нажмите Разрешить во всплывающем окне.
Примечание: если окно входа в Instagram не открывается, попробуйте отключить блокировку всплывающих окон или обновить версию браузера.

Как отключить личный аккаунт Instagram?

Отключите личный аккаунт Instagram, чтобы подключить другой аккаунт.

Чтобы отключить аккаунт:

1. Нажмите на приложение в редакторе.
2. Нажмите Настроить.
3. Нажмите Отключить в нижней части панели.

Устранение неполадок при использовании личного аккаунта Instagram

Если у вас возникли проблемы с подключением приложения Лента Instagram к личному аккаунту Instagram, попробуйте выполнить следующие действия:

Шаг 1 | Убедитесь, что вы вошли в нужный аккаунт Instagram

Если вы не видите контент из нужного аккаунта в ленте Instagram на сайте, перейдите в свой аккаунт Instagram и убедитесь, что вы авторизованы в нужном аккаунте.

Если вы обнаружили, что авторизованы не в том аккаунте Instagram, который вам нужен, следуйте инструкциям ниже.

1. Выйдите из неправильного аккаунта.
2. Войдите в нужный аккаунт.
3. Вернитесь в редактор.
4. Выберите приложение Лента Instagram.
5. Нажмите Настроить.
6. Нажмите Отключить в нижней части панели.
7. Нажмите Подключите личный аккаунт.
8. Нажмите Разрешить.

Шаг 2 | Подключите аккаунт Instagram, если он был отключен

Ваш аккаунт может быть отключен, если возникли проблемы с подключением к Instagram или если вы недавно изменили пароль Instagram. Следуйте инструкциям ниже, чтобы повторно подключить свой аккаунт.

1. Выберите приложение Лента Instagram в редакторе.
2. Нажмите Настроить.
3. Нажмите Подключите личный аккаунт.

Шаг 3 | Убедитесь, что в вашем аккаунте Facebook разрешены действия вне Facebook

Следуйте инструкциям ниже, если вы получили сообщение об ошибке, что действия вне Facebook в вашем аккаунте отключены.

1. Перейдите в свой аккаунт Facebook.
2. Нажмите на картинку профиля в правом верхнем углу.
3. Выберите пункт Настройки и конфиденциальность.
4. Нажмите Настроить.
5. Нажмите Ваша информация на Facebook слева.
6. Нажмите Посмотреть рядом с разделом Действия вне Facebook.
7. Нажмите Отключить будущие действия.
8. Активируйте переключатель Будущие действия вне Facebook, если он не включен, чтобы Facebook мог получать информацию из Instagram.

Как встроить прямую трансляцию Instagram на свой веб-сайт [EASY Guide]

Хотите узнать, как встроить прямую трансляцию Instagram на свой веб-сайт?

С более чем 1 миллиардом активных пользователей Instagram является одной из крупнейших платформ социальных сетей.

Интеграция вашего контента Instagram в WordPress — отличный способ показать ваш лучший визуальный контент из социальных сетей, повысить вовлеченность и увеличить продажи на вашем сайте электронной коммерции.

Но без навыков программирования может быть сложно добавить живую ленту Instagram на свой сайт — если вы делаете это вручную.

В этом посте мы покажем вам, как автоматически встроить живую ленту Instagram на ваш сайт WordPress.

Начнем?

Можно ли встраивать прямые трансляции в Instagram без плагина?

Отображение регулярно обновляемой ленты Instagram на WordPress может быть сложным. Особенно, если вы новичок в WordPress, который не знаком с кодированием, пользовательским CSS или HTML.

Существует 2 основных способа встроить живую ленту Instagram в WordPress:

1. Вручную : Получите коды для встраивания постов в Instagram, которые вы хотите добавить на свой сайт. Затем скопируйте и вставьте их на свой сайт один за другим.

Это сложно и требует много времени, так как вам нужно переключаться между несколькими веб-страницами и вставлять тонны кодов для встраивания в Instagram.

Кроме того, использование ручного метода затрудняет настройку того, как ваши живые ленты Instagram выглядят на вашем веб-сайте, если вы не знакомы с HTML-кодом, JavaScript, iFrame или пользовательским HTML.

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

Или, если вы хотите нанять разработчика, который поможет вам настроить код для встраивания, это будет довольно дорого. Представьте себе сотни (даже тысячи!) долларов, которые вы бы вложили только в то, чтобы контролировать дизайн своей ленты в Instagram!

Более того, если у вас возникнут проблемы при встраивании прямой трансляции в Instagram, у вас нет специальной службы поддержки, которая могла бы вам помочь.

Так что, если вы используете ручной метод, вы предоставлены сами себе.

2. Автоматически: Подключите свой аккаунт Instagram к плагину WordPress. Используйте плагин, чтобы автоматически встроить ленту Instagram в пару кликов.

Самый простой способ добавить живую ленту Instagram

Когда вы используете агрегатор социальных сетей WordPress, такой как Instagram Feed Pro, для встраивания лент Instagram на свой веб-сайт, у вас вообще не будет этих проблем.

Вместо этого вы можете использовать Instagram Feed Pro для:

• Отображение потрясающих лент Instagram — кодирование не требуется
• Легко настраивайте дизайн своей ленты Instagram всего несколькими щелчками мыши с помощью редактора живых лент
• Поощряйте посетителей вашего веб-сайта следить за вашей учетной записью Instagram с помощью кнопок призыва к действию
• Получите помощь непосредственно от группы поддержки экспертов WordPress

Хотите больше контроля над содержанием и дизайном ленты в Instagram? Тогда Instagram Feed Pro — лучший инструмент, который поможет вам встроить живую ленту Instagram на свой веб-сайт.

Являясь лучшим плагином ленты Instagram для WordPress, Instagram Feed Pro позволяет легко создавать, настраивать и отображать живые ленты Instagram на вашем веб-сайте — кодирование не требуется .

Лучшая часть? Он идеально подходит для новичков в WordPress, так как вам не нужно иметь дело с запутанными кодами встраивания ленты Instagram.

Вы можете добавить регулярно обновляемую ленту Instagram на свой сайт менее чем за 5 минут !

Используя Instagram Feed Pro, вы можете отображать различные типы контента Instagram в своем интернет-магазине, например:

• Несколько лент Instagram
• Карусель лент Instagram
• Тегированные ленты
• Контент, созданный пользователями через ленту хэштегов Instagram
• Видеопотоки Instagram
• Истории Instagram во всплывающем окне лайтбокса на вашем веб-сайте

Помимо множества полезных функций, Instagram Feed Pro также создан для скорости. Поскольку он кэширует данные, полученные от платформ социальных сетей, он сводит к минимуму количество запросов и время загрузки.

Это означает, что ваши ленты Instagram будут молниеносно загружаться на ваш сайт! А с более быстрым сайтом вы также получите лучшее SEO.

С высшим рейтингом  4,9/5 звезд плагин пользуется популярностью у миллионов пользователей по всему миру и имеет тысячи 5-звездочных отзывов.

И если у вас когда-нибудь возникнут проблемы при встраивании вашей прямой трансляции в Instagram, вы можете напрямую связаться со службой поддержки плагина.

Примечание. Instagram Feed Pro разработан и создан для WordPress, поэтому он может не работать с другими конструкторами веб-сайтов, такими как Wix, Weebly, Squarespace или Shopify. Он также совместим с WordPress, Divi и Elementor.

Имея это в виду, давайте углубимся в отображение вашей живой ленты Instagram на вашем сайте WordPress с помощью плагина Instagram Feed Pro.

Шаг 1. Установите плагин Instagram Feed Pro

Во-первых, вы можете получить собственную копию Instagram Feed Pro здесь. После загрузки плагина на свой компьютер установите его на свой сайт WordPress.

Вы всегда можете ознакомиться с этим пошаговым руководством по установке плагина WordPress для получения более подробной информации.

На шаге 2 вы можете быстро создать свою ленту Instagram с помощью этого плагина.

Шаг 2. Создайте ленту в Instagram

Прелесть использования Instagram Feed Pro в том, что создать ленту в Instagram очень просто.

Для начала перейдите на панель инструментов WordPress и перейдите к Лента Instagram » Все ленты .

Далее вы можете создать фид, нажав кнопку Добавить новый .

Затем плагин попросит вас выбрать тип ленты Instagram. Здесь доступны следующие параметры:

• Хронология пользователя: Используйте ленту, чтобы показывать сообщения только из вашей учетной записи Instagram
• Общедоступный хэштег: Встраивание фотографий и видео в Instagram с определенными хэштегами
• Публикации с тегами: Отображение сообщений Instagram, в которых другие пользователи @ упомянули вашу учетную запись

Выбрав несколько вариантов одновременно, вы даже можете комбинировать разные Типы каналов Instagram для одного канала.

Выбрав тип канала, нажмите Далее.

Теперь вы можете перейти к следующему шагу, где мы покажем вам, как подключить эту ленту Instagram к источнику.

Шаг 3. Подключите ленту к своему Instagram

После того, как вы создадите ленту, плагин попросит вас подключить вашу учетную запись Instagram.

Таким образом, ваша новая лента сможет отображать контент из Instagram на вашем веб-сайте.

Чтобы продолжить, нажмите здесь кнопку Добавить источник .

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

Личный профиль Instagram позволяет встраивать ленту Instagram только из вашей собственной учетной записи.

Между тем, бизнес-аккаунт Instagram позволяет добавлять ленты хэштегов Instagram, видео из Instagram, ленты с тегами, ленты для покупок и многое другое.

В этом уроке мы будем отображать прямую трансляцию Instagram из нашей собственной учетной записи, поэтому давайте выберем личный и нажмем Войти с помощью Instagram .

Затем плагин запросит доступ только для чтения к Instagram, чтобы завершить подключение вашей учетной записи.

Этот доступ позволит Instagram Feed Pro просматривать информацию Instagram, но не может вносить какие-либо изменения.

Как видите, плагины Smash Balloon, такие как Instagram Feed Pro, полностью безопасны в использовании.

Во всплывающем окне нажмите Разрешить , чтобы предоставить доступ только для чтения.

Наконец, вы можете нажать Далее , чтобы подтвердить эту учетную запись в качестве источника для вашей ленты Instagram.

Таким образом, вы автоматически подключаетесь к API Instagram всего за несколько кликов. Теперь пришло время для шага 4, где вы можете настроить дизайн своего нового канала.

Шаг 4. Настройте прямую трансляцию в Instagram

После того, как вы закончите подключение своей учетной записи Instagram, плагин откроет редактор прямой трансляции.

В этом редакторе вы можете легко настроить дизайн своей ленты Instagram, используя параметры настройки слева. Вы можете изменить макет фида, дизайн заголовка, цветовую схему, дизайн кнопок, стиль публикации и другие функции.

Справа у вас есть предварительный просмотр вашей ленты Instagram, где вы можете отслеживать свои изменения в режиме реального времени.

Чтобы начать настройку, сначала нажмите кнопку Feed Layout опция слева.

В Instagram Feed Pro есть готовые шаблоны макетов, которые вы можете выбрать: сетка, карусель, каменная кладка и выделение.

Для этого урока мы выберем макет Highlight . Этот макет отображает ваши посты в Instagram в виде обрезанных изображений, а выделенные посты отображаются в два раза больше, например:

После выбора макета ленты нажмите кнопку Сохранить вверху.

Далее вы можете нажать на маленькую настроить кнопку , чтобы вернуться к основным параметрам.

Слева нажмите Цветовая схема , чтобы продолжить и установить цвета вашей ленты Instagram.

В Instagram Feed Pro есть 4 цветовые схемы, которые вы можете выбрать:

• Наследовать от темы: Автоматически копировать цвета темы вашего веб-сайта
• Светлая: Показать светлый фон и темный шрифт для ваша лента Instagram
• Dark: Выберите более темный фон вместе со светлым цветом шрифта
• Пользовательский: Выберите все цвета вручную

Просто выберите цветовую схему, которую вы предпочитаете, и снова нажмите кнопку Сохранить .

Как видите, очень легко настроить ленту Instagram с помощью нашего редактора живых лент.

После того, как вы закончите настройку дизайна вашей живой галереи Instagram, не забудьте нажать Сохранить , прежде чем перейти к последнему шагу.

Шаг 5. Вставьте свою прямую трансляцию в Instagram

Пришло время встроить вашу прямую трансляцию в Instagram на ваш веб-сайт. У вас есть 2 способа сделать это:

1. Используйте блок ленты Instagram , чтобы добавить свою ленту в свою публикацию или страницу
2. Используйте виджет Ленты Instagram , чтобы добавить свою ленту на боковую панель или в область нижнего колонтитула

Давайте поговорим об обоих вариантах ниже.

Встраивание прямых трансляций Instagram на страницу WordPress

С помощью редактора прямых трансляций вы можете напрямую встраивать живые ленты Instagram на свои страницы WordPress — домашнюю страницу, страницу с информацией, страницу сообщений в блоге и многое другое.

Сначала нажмите кнопку Embed в правом верхнем углу, чтобы начать.

Откроется всплывающее окно, в котором вы можете выбрать местоположение своей прямой трансляции в Instagram.

Сейчас нажмите кнопку Добавить на страницу .

Во всплывающем окне просто выберите страницу WordPress, на которой вы хотите разместить фид, и нажмите Добавить.

Теперь Instagram Feed Pro откроет эту страницу в редакторе WordPress.

Оттуда нажмите кнопку  Значок плюса (+)  , чтобы добавить новый блок контента.

Затем введите «instagram» в строке поиска и нажмите на ленту Instagram , чтобы добавить ее на свою страницу.

Наконец, нажмите кнопку Опубликовать в правом верхнем углу, чтобы оживить страницу.

Таким образом, когда посетители вашего сайта просматривают опубликованную вами страницу, они теперь могут видеть вашу прямую трансляцию в Instagram, встроенную в ваш сайт.

Как видите, очень легко встроить живые ленты Instagram на свои страницы WordPress.

Теперь давайте посмотрим, как вы можете отображать ленты Instagram на боковой панели или в области нижнего колонтитула.

Встраивайте прямую трансляцию Instagram в боковую панель или нижний колонтитул WordPress

Вы также можете отображать свою ленту Instagram в области боковой панели в виде виджета Instagram.

Сначала перейдите к Лента Instagram » Все ленты на панели инструментов WordPress.

Все созданные вами ленты Instagram будут перечислены на этой странице.

Чтобы продолжить, выберите живую ленту Instagram, которую вы создали ранее.

Как только вы это сделаете, плагин откроет эту ленту в редакторе живых лент.

Как и раньше, вы можете нажать кнопку Embed вверху.

Чтобы продолжить, просто скопируйте шорткод или вы можете легко выбрать опцию Добавить в виджет в новом всплывающем окне.

После этого Instagram Feed Pro откроет страницу виджетов вашего сайта WordPress.

Отсюда щелкните панель Sidebar для управления виджетами в области боковой панели.

Или вы можете управлять виджетами нижнего колонтитула, вместо этого щелкнув панель нижнего колонтитула .

В этом уроке мы будем использовать боковую панель для вашей ленты Instagram.

Затем нажмите значок плюс (+) , чтобы добавить новый виджет, прежде чем выбрать виджет Instagram Feed из вариантов.

Наконец, теперь вы можете нажать кнопку Обновить , и вы только что встроили свою ленту Instagram.

Теперь, когда вы посещаете свой веб-сайт, вы увидите прямую трансляцию Instagram на боковой панели, например:

С помощью этих простых шагов вы узнали, как легко встроить живую ленту Instagram на свой веб-сайт.

Теперь вы можете демонстрировать социальное доказательство из своего контента в Instagram на своем сайте, чтобы получить больше подписчиков, повысить конверсию и резко увеличить продажи.

Хотите создавать прямые трансляции в Instagram для развития своего бизнеса? Начните работу с Instagram Feed Pro уже сегодня.

Хотите добавить различные социальные сети на свой сайт? Вот простое руководство о том, как вы можете встроить каналы социальных сетей в WordPress.

Вы также можете прочитать наш следующий пост о том, как получить больше просмотров для своих роликов в Instagram здесь.

Если вы похожи на большинство компаний, то у вас разные учетные записи на ведущих платформах социальных сетей. Прочтите эту подробную статью о том, как встроить свою ленту Facebook в WordPress, или это руководство по отображению лент Twitter.

Вам понравилась эта статья? Не стесняйтесь подписываться на нас в Twitter и Facebook и получать больше руководств по маркетингу в социальных сетях.

Как бесплатно встроить ленту Instagram на любой сайт

Вставьте ленты Instagram на свой веб-сайт, чтобы объединить публикации в социальных сетях и бренд. Включить ленту Instagram на свой веб-сайт очень просто и это также имеет много преимуществ.

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

В этом посте мы объясним, как вы можете встроить свой личный или бизнес-аккаунт в Instagram на свой веб-сайт.

 

Причины встроить ленту Instagram на свой веб-сайт

• Хотя вашим веб-сайтом может управлять ваш ИТ-отдел, менеджеры по маркетингу публикуют новости и истории компании в Instagram и других социальных сетях. Встраивая каналы Instagram, менеджеры по маркетингу также могут вносить обновления на ваш веб-сайт, не требуя доступа или опыта работы с вашей CMS , например. Вордпресс. Ваши самые креативные сотрудники не обязательно также являются техническими экспертами, но публикации в социальных сетях уже давно все делают.

• Встраивая галерею Instagram , посетители веб-сайта всегда чувствуют, что смотрят на свежий и обновленный веб-сайт . Глядя на статичные веб-сайты, которые не обновлялись в течение нескольких месяцев, всегда кажется, что компании на самом деле не нужны новые клиенты.

• Некоторые истории, которые вы хотели бы представить своим потенциальным клиентам и клиентам, недостаточно длинные, чтобы заполнить всю страницу или сообщение в блоге, но в социальных сетях это был наиболее распространенный случай. Итак, встраивание лент Instagram позволяют публиковать эти коротких фрагментов контента на вашем веб-сайте, не думая, что это может выглядеть неуклюже .

• Когда вы встраиваете каналы Instagram на свой веб-сайт, ваши посетители получают представление о вашей творческой и социальной стороне, просматривая ваш сайт . (И может быть предложено дать вашему бренду подписку на IG, если они еще этого не сделали!)

Как встроить ленту Instagram Официальный способ (через сам Instagram)

К сожалению, Сам Instagram позволяет вам вставлять только один пост за раз. Для этого вам просто нужно

• перейти к публикации, которую вы хотите встроить
• нажмите на три точки (…) в правом верхнем углу
• выберите «встроить»
• Вставьте код для встраивания в HTML-код вашего сайта

К счастью, есть бесплатные инструменты , которые также позволяют встраивать полные учетные записи Instagram на веб-сайт и даже предоставляют дополнительные преимущества, такие как функции индивидуального дизайна , управление курированием и объединение нескольких учетных записей или каналов социальных сетей . Эти инструменты называются «агрегаторами социальных сетей». Соковыжималка — один из таких инструментов, его также можно назвать агрегатором Instagram.

Как встраивать каналы Instagram через агрегатор социальных сетей (например, Juicer)

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

Преимущества использования агрегатора социальных сетей

Курирование

• Вручную выбирайте или исключайте отдельные сообщения или используйте хэштеги и/или метаданные, чтобы решить, какие сообщения должны попасть в ленту Instagram на вашем веб-сайте.
• Автоматически одобряйте весь пользовательский контент или настраивайте фильтры автоматической модерации.

Объединение

• Помимо Instagram, объединяйте сообщения из более чем 15 источников, таких как YouTube, Facebook и Twitter. Добавьте все свои любимые каналы социальных сетей в одну красивую ленту социальных сетей.
• Легко объединяйте контент, созданный брендом, и контент, созданный пользователями из Instagram (и любой другой социальной сети, которую вы хотите отображать в своей социальной ленте) с помощью @username или #hashtag.

Дизайн

• Адаптивная сетка для динамических макетов и настройки, чтобы ваши ленты в Instagram идеально соответствовали стилю вашего бренда на вашем веб-сайте.
• Бесконечная прокрутка: загружайте больше контента, просто прокручивая… и прокручивая… и прокручивая.
• Пользовательский CSS: настройте его так, чтобы он идеально подходил для вашего бренда и сайта.

Аналитика и SEO

• Узнайте, кто использует вашу социальную ленту и как они взаимодействуют с ней.
• Постоянные ссылки на каждую из ваших публикаций в социальных сетях, оптимизированные для SEO (с недавнего времени Instagram также поддерживает добавление тегов img alt к вашим фотографиям, которые полезны как для пользователей, так и для SEO).

Пошаговое руководство по внедрению ленты Instagram с помощью Juicer

1. Создайте бесплатную учетную запись на Juicer.io
2. Подключите свою учетную запись Instagram (и любые другие учетные записи социальных сетей, которые вы хотите объединить)
3. Выберите стиль дизайна для своей ленты (и настройте его, если хотите)
4. Настроить фильтры (например, только сообщения с определенными хэштегами)
5. Скопируйте и вставьте код в свой HTML

Как встроить ленты Instagram в WordPress

1. Создайте бесплатную учетную запись на Juicer.io
2. Подключите свою учетную запись Instagram (и учетные записи других социальных сетей)
3. Выберите стиль дизайна для своей ленты (и настройте его, если хотите)
4. Настроить фильтры (например, только сообщения с определенными хэштегами)
5. Установите и активируйте подключаемый модуль Juicer WP
6. Скопируйте и вставьте шорткод с панели управления соковыжималки на страницу (для экспертов: вы также можете использовать функцию Juicer PHP)

Варианты использования для встраивания лент и галерей Instagram

Встраивание ленты instagram в основной слайдер

Некоторые из наших клиентов даже встраивают ленту в главный слайдер своих веб-сайтов, что гарантирует, что посетители сайта увидят новые сообщения. Juicer позволяет вам настроить CSS так, чтобы он идеально вписывался в ваш раздел героев.

Пример: Бон Джови

Позвольте вашим счастливым гостям рассказать о вашем отеле или ресторане

В сфере гостеприимства особенно сложно создать реальное впечатление о вашем ресторане или отеле у потенциальных посетителей. Все побывали в местах, которые выглядели потрясающе на фотографиях, представленных на веб-сайте, но на самом деле это было далеко не так. Даже пользовательские отзывы в Google Business или Yelp иногда не соответствуют действительности. Несмотря на частое несоответствие между ожиданиями и реальностью, клиенты, которые достаточно счастливы, чтобы поделиться своим пребыванием со своими подписчиками в социальных сетях, таких как Instagram, вызывают доверие, которое обзоры и веб-сайты часто не могут.

Пример: Отель Cavallina Bianco (Италия)

Предоставьте представителям бренда сцену на своем веб-сайте

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