Как поставить модуль Instagram на сайт

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

Содержание

Instagram и wordpress

Не все сторонние виджеты работают хорошо и без багов, но выхода нет – разработчики instagram собственный плагин не сделали.

Плагин “Instagram” для wordpress является самым простым способом установки на сайт:

  1. Регистрируемся в инстаграме.
  2. В браузере заходим в свою учетную запись инстаграма.
  3. Авторизуемся на своем сайте в панели вордпресс под учетной записью администратора.
  4. В поиске wordpress виджеты находим плагин instagram, он должен быть первый в списке.
    Автор: WebDorado, а точное название плагина – “Instagram Feed WD — Instagram Gallery for WordPress”.instagram-wordpress
  1. Устанавливаем его и активируем.
  2. Теперь в админ панели справа внизу появился пункт WD instagram feed.
  3. Заходим туда в раздел фиды.
  4. Нажимаем на кнопку sign in with instagram и следуем инструкции. В конце не забываем сохраниться.
  5. Возвращаемся в меню фиды и выбираем понравившийся внешний вид плагина.
  6. В появившихся полях выбираем всё по своему желанию.
  7. После этих настроек получаем шорткод. Этот код вставляем в нужное место на сайте или в сайдбар.

instagram-wordpress

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

Виджет для сайта с использованием сторонних сервисов

Установить instagram виджет для сайта без Blogger, WordPress или LiveJournal можно следующими способами:

  1. Установка через сайт inwidget.ru

Для начала потребуется найти хеш-ключ с названием “CLIENT ID”. Вначале заходим в инстаграм под своим логином через браузер. После этого требуется зарегистрировать свой сайт в https://instagram.com/developer. Заполняем все обязательные поля. Получаем необходимый хеш-код.

Скачиваем бесплатный Instagram виджет для сайта здесь.

Открываем файл /inwidget/config.php и меняем все данные на свои.

instagram-wordpress

Вставка виджета на сайт происходит с помощью специального кода:

<!– По умолчанию –>
<iframe src=’/inwidget/index.php’ scrolling=’no’ frameborder=’no’ style=’border:none;width:260px;height:330px;overflow:hidden;’></iframe>
.

Эти параметры можно менять по желанию на любые свои:

  • width – размер виджета по ширине (стандартно 260px);
  • inline – число фото в одной строке (стандартно 4 шт.);
  • view – общее количество отображаемых фотографий (стандартно 12 шт., максимально 30 шт.);
  • toolbar – отображение аватарки и статистики (переменные true/false).
  • preview – качество фото, их размер (значения small, large, fullsize)
  • lang – предпочитаемый язык (параметры ru/en).

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

  1. Instagram на личный сайт с помощью сервиса instagramm.ru

Очень простой в использовании ресурс. Необходимо заполнить поля «Имя» или «Хештег». Первое используется для показа только своего профиля, а второе для всех фото с выбранным тэгом. Далее требуется выбрать название и размер виджета. Размер имеет значения от 1x1 до 10x10. После этого можно выбрать ширину плагина, фон, цвет шапки и рамки, если необходимо.

instagram-wordpress

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

Виджет можно скачать бесплатно здесь.

  1. Простая установка через Stapico

Заходим на сайт stapico. В левой части экрана вписываем свои данные и выбирает необходимые значения. В правой части монитора будут показываться изменения и полностью готовый виджет. После настройки следует нажать «Сгенерировать код для вставки» и добавить готовый плагин на личный сайт.

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

Виджет от Stapico бесплатный.

Использование Instagram на сайте

Установка виджета Instagram хорошо работает в таких направлениях:

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

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

Для повышения эффективности от использования виджета Instagram можно делать следующее:

  1. Разместить фотографии клиентов, использующих продукт компании так, чтобы при нажатии на картинку появлялось окно с качественным изображением товара/услуги и информацией, где можно купить.
  2. Не лишними будут фотографии компании «за кадром». Это поможет создать более крепкие и доверительные отношения с клиентами, они увидят, как устроена и работает ваша компания, интернет-магазин.
  3. Можно поздравлять своих покупателей и партнеров с разнообразными праздниками с помощью картинок. Так создаётся приятная и комфортная атмосфера.
  4. Видеоролики, которые доступны в Instagram, ещё более наглядно и разносторонне преподносят продукт.
  5. С помощью виджета можно рекламировать новый товар, который будет доступен в скором времени.

instagram-wordpress

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


softolet — интернет-сервисы для бизнеса.
Ссылка на материал обязательна!

Оцените текст:

Автор публикации

не в сети 5 месяцев

merchant

Merchant - первый из авторов сайта, практик и кудесник цифрового мира.
Комментарии: 165Публикации: 356Регистрация: 26-01-2014
5 комментариев
Show all Most Helpful Highest Rating Lowest Rating Add your review
  1. Где узнать про wordpress как привязать инстаграм
  2. Где узнать про wordpress как привязать инстаграм
  3. Спасибо за статью, хотелось бы узнать как сделать круглые аватарки пользователей инстаграма, может кто знает плагин/или как сделать?
  4. Миша, прокликали картинки, ссылки, всё работает. при клике на какую именно картинку в каком сервисе, кто просит авторизоваться?
  5. При клике на картинку просить авторизоваться. Как это можно убрать ?

Leave a reply

Авторизация
*
*
Генерация пароля
Compare items
  • Total (0)
Compare