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

Всем доброго дня!

Добавить виджет Инстаграм на сайт — эта нетривиальная задача будет темой сегодняшней статьи.

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

Именно про то, как установить виджет Инстаграм на сайт, и пойдет речь в данном уроке.

Виджет Instagram для сайта

Для реализации поставленной задачи воспользуемся сервисом Snapwidget.

Идем по ссылке на данный сервис и на главной странице нажимаем кнопку GET STARTED TODAY:

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

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

Вводим имя, email, пароль и его подтверждение, после чего нажимаем кнопку SIGN UP:

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

Следует добавить, что кроме указанного способа авторизации имеется возможность войти на сайт через аккаунт Facebook, для чего нажмите кнопку SIGN UP WITH FACEBOOK.

Далее нужно выбрать тип виджета, или другими словами стиль отображения контента вашего Инстаграм-аккаунта на вашем сайте:

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

Здесь стоит сакцентировать внимание на том, что сервис предлагает как бесплатные виджеты, так и платные. Бесплатные виджеты можно найти по отметке FREE. Выбираем подходящий и нажимаем кнопку CREATE YOUR FREE WIDGET, расположенную под ним:

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

Попадаем в окно настроек виджета. В верхней части окна доступен предварительный просмотр виджета:

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

Спускаемся чуть ниже и преступаем к настройке виджета. Первым делом подключаем свой профиль Инстаграм, для чего щелкаем по полю Username:

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

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

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

Далее жмем Authorize:

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

Аккаунт подключен. Продолжаем настраивать виджет.

Обратите внимание на следующие основные позиции настроек:
Description — присваиваем название виджету;
Thumbnail Size — задаем размер миниатюр фотографий в пикселах;
Layout — определяем количество отображаемых фото;
Photo Border — выбираем окантовку фото;
Background Color — выбираем цвет фона;
Photo Padding — задаем ширину промежутков между фото в пикселах

Когда настройки произведены, нажимаем GET WIDGET:

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

И получаем html-код виджета, который нужно скопировать в буфер обмена:

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

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

Для этого идем в админку сайта и нажимаем Внешний вид → Виджеты:

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

Перетаскиваем в боковую колонку новый виджет под названием HTML-код, заполняем его содержимое скопированным ранее кодом виджета Инстаграм и нажимаем Сохранить:

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

Готово! Проверяем результат на сайте:

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

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

Хорошего вам дня и красивого Инстаграма!

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

С уважением, Владимир Денисов!

Комментарии 2

  • Добавлять можно на любую страницу? А если она сделана только на HTML? Страница продажник.

  • Да, на любую. Если страница сделана только на HTML, то добавляйте непосредственно в код страницы.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *