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

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

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

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

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

Виджет 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, а точнее в боковую колонку (сайдбар) сайта.

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

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

Ищешь заработок в Интернете? Записывайся на бесплатный онлайн курс «СПЕЦИАЛИСТ ПО ИНТЕРНЕТ-РЕКЛАМЕ» и получи удаленную профессию рекламщика в Яндекс Директ за 10 дней!

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

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

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

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

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

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

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

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

Также стоит прочитать:

Активная ссылка на WhatsApp в профиле Instagram... Всем привет! Сегодня коротко расскажу о простом способе добавить ссылку на...Ватсап в Инстаграм, чтобы посетитель вашего профиля мог в один клик перейти к...диалогу с вами в этом месенджере.
Несколько ссылок в описании аккаунта Инстаграм... Привет! Ни для кого не секрет, что Instagram позволяет пользователю разместить в...профиле лишь одну активную ссылку. Таковы реалии на сегодняшний день. Для тех же,...кто не согласен мириться с данным положением вещей, и желает иметь возможность..."послать" посетителей своего профиля в двух или более направлениях, написана...данная статья.
Кнопка Позвонить в Инстаграм... Привет вам! Продолжаем цикл статей на тему Instagram. Сегодня разберемся...как в профиле Инстаграм сделать кнопку Связаться.
Как сделать текст в круге на фото в Инстаграм... Наиболее эффективным способом донесения до пользователей Инстаграм какой-либо...информации является размещение на публикуемом фото текста. В этом случае...подписчики видят текстовое сообщение в своей ленте, даже не открывая...публикацию. Давайте в этой статье рассмотрим инструменты для создания...привлекательных информационных фото, или, проще говоря, позволяющие добавить...красивый текст на фото в круге.
Как в Инстаграм сделать репост с текстом... Привет всем! Социальная сеть Инстаграм, вероятно, из заботы об авторских правах...пользователей, не располагает собственными инструментами для репостинга...публикаций. Поэтому, если у вас возникла необходимость сделать репост в...Инстаграме с текстом автора (т.е. разместить в своем профиле Инстаграм чужую...публикацию), то решать поставленную задачу придется с использованием специальных...приложений. Об одном из таких приложений, а также о том, как с его помощью сделать...репост фото с текстом в Инстаграме, мы поговорим в данной статье.

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

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

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

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