Задача простая – добавить на сайте в виджетах или даже на отдельной странице ленту из Instagram. Это может быть нужно для блогеров, аккаунтов компаний или даже для магазина, у которого свой аккаунт в Instagram и чей SMM-менеджер хочет, что бы клиенты сайта узнавали больше про соцсети компании, подключались и вовлекались в жизнь организации, это поможет добавить органических и целевых подписчиков, а если нужна быстрая накрутка подписчиков в инстаграм, то это уже лучше использовать сервис LikeInsta.
Использовать будем плагин Smash Balloon Social Photo Feed – он проверенный, поддерживаемый, не заброшенный и в бесплатном функционале позволит подключить все необходимые нам настройки. Для более серьезного функционала придется купить версию PRO.
Шаг 1. Установка плагина
Базовая возможность – установить плагин из админки или скачать его с WordPress.org, закачав потом архивом или по FTP.
Активируем плагин.
Шаг 2. Настройка. Подключение аккаунта Instagram
Нажимаем здоровенную синюю кнопку для подключения своего аккаунта. Самый главный нюанс – выводить можно только ленту, подключенного аккаунта, то есть нельзя вывести чужую ленту.
Затем вы попадаете на сайт www.connect.smashballoon.com/auth/ig/ – по сути вы не коннектитесь напрямую к API Instagram, а получаете доступ к сервису Smash Balloon Social, которому предоставляете доступ к постам вашего аккаунта и с помощью плагина Smash Balloon Social Photo Feed получаете доступ к ленте и можете выводить ее на сайте в нужном формате и виде.
Предоставление доступа Smash Balloon Social к аккаунту.
Если вы дадите разрешение, Smash Balloon Social Personal получит бессрочный доступ к информации, которой вы делитесь, при этом Instagram будет записывать, когда Smash Balloon Social Personal обращается к ней.
Шаг 3. Настройка. Проверка подключения. Вывод ленты
Если все ок, то на в настройках плагина вы увидите подключенный свой аккаунт.
На нужной странице добавляем шорткод [instagram-feed] и получаем на странице ленту подключенного аккаунта Instagram:
Шаг 4. Кастомизация
На вкладке 2. Customize можно настроить отображение ленты, количество выводимых за раз фото, их размер, количество колонок, отступы между ними, указать аватар аккаунта, подпись, текст для кнопок под лентой для загрузки фото или подписки.
Это очень удобно, особенно, если нужно выводить ленту в футере или сайдбаре, где ограничено место и размер выводимого блока. Например, можно получить такой вид:
Шаг 5. Шорткоды
Стандартный выводи ленты [instagram-feed] – выведет ленту со всеми настройками, указанными во вкладке 2. Customize.
А, что если на одной странице надо выводить 20 фото в 4 колонки, на другой только 12 и без описания аккаунта, а в футере выводить 4 фото в 2 колонки без кнопок Follow и Load More. Для такого случая есть шорткоды. Все шорткоды доступны на вкладке 3. Display Your Feed.
Рассмотрим только один пример, пусть нам надо вывести в футере 4 фото без описаний и без кнопок снизу:
[instagram-feed cols=2 num=4 width=230 widthunit=px imagepadding=5 imagepaddingunit=px showheader=false showbutton=false showfollow=false]
Расшифровываем шорткод:
- 2 колонки
- 4 поста
- ширина всего блока 230
- единицы измерения для ширины блока – px
- отступ между фото 20
- единицы измерения для отступа между фото – px
- спрятать хедер
- спрятать кнопку загрузки
- спрятать кнопку Подписаться.
В PRO версии доступно больше настроек, но во фришной версии достаточно базовых настроек для стандартного вывода ленты своих в фото и даже есть возможность кастомизации.
КАК удалить все данные своего аккаунта из Smash Balloon Social?
Если вы переживаете, что сторонний сервис Smash Balloon Social имеет доступ к вашей ленте, то, конечно, лучше убрать у него эти доступы.
Кнопка Delete all Platform Data в Manage Data на вкладке 2. Customize удалит все ваши данные из аккаунта Instagram – не нажимайте её.
Как удалить доступ Smash Balloon Social к вашему Instagram:
- Удалить связь аккаунта в Конфигурации плагина, там где список Instagram Accoutns.
- Перейти на сайт https://www.instagram.com/accounts/manage_access/ и удалить приложения, которым вы предоставили доступ к своему аккаунту:
