Бесплатный живой вебинар по SEO уже 26 октября (понедельник) Бесплатный живой вебинар по SEO уже 26 октября (понедельник)

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

Социальные сети бьют рекорды по посещаемости. Всё больше людей вливаются сюда для общения и получения информации. Поэтому так важно не только создавать группы и страницы компании в соцсетях, но и связывать их с сайтом. Наиболее удобный способ для этого — размещение специального виджета подписки. Так пользователи не только увидят, что вы идёте в ногу со временем и готовы предложить им что-то большее, но и смогут следить за актуальными новостями, стать подписчиками группы, а позже - клиентами.

Давайте рассмотрим, как установить виджет от «визуальной» соцсети Instagram на ваш сайт и какие преимущества даст вам такой функционал.

Содержание:

 

Курс для продвижения сайта и улучшения конверсии

Как получить виджет подписки на страницу Инстаграм

Добавив виджет Инстаграма на свой сайт, вы:

 

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

К тому же в июне 2020 года разработчики изменили политику доступа к контенту и закрыли базовый API (Instagram basic API), сделав разделение на:

  1. Instagram basic display API — для ограниченной работы с возможностями соцсети;
  2. Instagram graph API — для создания более сложных программ с использованием возможностей Инстаграма.

 

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

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

Сервисы для создания виджета Инстаграм в сайт

Elfsight — сервис создания виджетов без кодинга

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

плагин инстаграма для сайта в сервисе Elfsight

Среди полезных и функциональных особенностей данного плагина Instagram для сайта можно выделить:

  • возможность просмотра фото и видео из Instagram в полном размере на страницах сайта;
  • выбор одного из шести типов отображения. Чаще всего на сайтах можно встретить первые два: в виде слайдера с возможностью просмотра ленты фотографий без дополнительной информации (макет Slider), в виде сетки фото с настраиваемыми параметрами (макет Grid);

    как добавить ленту инстаграм на сайт
     
  • кнопка «Подписаться» на Instagram;
  • иконки, которые позволяют делиться фото из социальной сети прямо с сайта компании;
  • создание кнопок с призывом к действию;
  • выбор эффекта от наведения на изображение;

    скрипт instagram для сайта в Elfsight
     
  • 12 способов обработки внешнего вида фото профиля на сайте для создания единого стиля.

 

установка кода виджета инстаграм на сайте

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

За $5 вы получите до 5 000 показов виджета в месяц и возможность подключения до 5 сайтов. За $10 — до 50 000 показов на любом количестве сайтов. За $25 — до 5 000 000 просмотров. Сервис дает массу полезных возможностей. Но минус заключается в том, что оплату требуется вносить ежемесячно

цены Elfsight на подключение ленты инсты

LightWidget — сервис по созданию адаптивного виджета Instagram

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

сервис LightWidget для создания виджета инстаграма

Для регистрации достаточно авторизоваться, используя данные своего аккаунта в Инстаграм. Далее переходим к выбору настроек:

  • на выбор представлены варианты отображения виджета: статическая сетка или слайдер с возможностью перелистывания ленты фотографий;
  • выделение изображений в рамку с установкой её цвета в соответствии со стилем сайта;
  • можно задать число столбцов и рядов в сетке, расстояние между фото;
  • включение или отключение текста постов;
  • выбор эффекта при наведении курсора пользователем из 9 вариантов (исчезновение, увеличение, наложение значка лупы или лого Instagram и др.);
  • выбор действия после клика: переход в профиль Инстаграм, переход в пост или ничего.

 

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

пример установленной ленты instagram на сайте

Авторы проекта добавили возможность предварительного просмотра результата настроек, что также очень полезно. HTML-код генерируется после утверждения пользователя. Далее его необходимо вставить в исходный код сайта.

html код для установки instagram на страницу

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

Чтобы защитить персональные данные пользователей, разработчик предлагает изменить протокол на безопасный — HTTPS. Эта возможность является платной и стоит $10. Кроме изменения протокола, покупатель получает:

  • ускорение загрузки виджета;
  • обновления чаще одного раза в сутки;
  • возможность вносить коррективы в настройки виджета;
  • уведомление об истекших токенах доступа.

 

Учитывая, что платёж является единовременным, предложение можно назвать весьма выгодным.

цены LightWidget на создание кнопки инстаграм

Как сделать виджет Instagram для сайта бесплатно

Существуют бесплатные сервисы, с помощью которых можно поставить ленту Инстаграма на свой сайт. Например, Instagram.Averin.pro. Подобные конструкторы виджетов мало отличаются друг от друга, они просты в использовании и предлагают ограниченные возможности настройки

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

бесплатный instagram виджет для сайта

Также для некоторых CMS-систем и конструкторов разработчики создали специальные плагины и модули, которые позволяют бесплатно добавить ленту Инстаграма на сайт без сторонних сервисов. Например, для WordPress можно воспользоваться плагинами:

  1. Smash Balloon Social Photo Feed;
  2. Spotlight – Social Photo Feeds;
  3. Feed Them Social;
  4. WPZOOM Social Feed Widget.

Выводы

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

А вам случалось взаимодействовать с виджетами Инстаграм и других социальных сетей, размещённых на сайтах, пользователями которых вы являетесь?

P.S. Еще больше крутых фишек, которые позволят вам сделать свой сайт удобнее и привлекательней для пользователей, вы узнаете на курсе «Поисковик 1.0». Регистрируйтесь по ссылке и с промо-кодом «Insta-10-09» вас будет ждать дополнительный приятный бонус.

Ближайшее мероприятие с участием лично Павла Шульги
"КАК ПРОДВИНУТЬ СВОЙ САЙТ В ТОП GOOGLE И ЯНДЕКС"
Бесплатный онлайн мастер-класс уже 26 октября (понедельник)
Мне интересно

Рекомендуемые статьи этой категории

20
авг
Как отзывы влияют на продвижение сайта

Как отзывы влияют на продвижение сайта

8178
Читайте в статье, как отзывы влияют на продвижение сайта в поисковых системах, объеме продаж и проценте конверсии
Подробнее
24
июл
Как улучшить репутацию компании в сети

Как улучшить репутацию компании в сети

13772
Репутация компании влияет на отношение потенциальных клиентов. Узнайте, как создать положительный образ и что делать с негативом
Подробнее
25
июн
Как работать с негативными отзывами

Как работать с негативными отзывами

9123
Даже негативный отзыв может стать благодатной почвой для роста в глазах своих клиентов. Узнайте, как этого добиться в статье
Подробнее
31
июл
2019
Как создать и оформить бизнес страницу в Facebook

Как создать и оформить бизнес страницу в Facebook

6679
Facebook сегодня не только позволяет общаться, но и зарабатывать. Читайте о том, как создать бизнес-страницу для эффективного продвижения
Подробнее
26
июл
2019
Что такое коэффициент вовлеченности в соц сетях и как его рассчитать

Что такое коэффициент вовлеченности в соц сетях и как его рассчитать

5070
Эффективность продвижения в соцсетях можно измерить в цифрах. Для этого используется коэффициент вовлеченности. Подробнее о том, как его рассчитать
Подробнее
2419