Как создать настраиваемый канал Instagram в WordPress

Недавно один из наших читателей спросил, можно ли добавить на свой сайт настраиваемый канал в Instagram? В частности, они хотели настроить канал в Instagram, чтобы показывать только избранные фотографии вместо всех фотографий из своего профиля. В этой статье мы собираемся показать вам, как именно создать настраиваемый канал в Instagram для WordPress.

Зачем добавлять канал Instagram на свой сайт WordPress

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

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

Чтобы настроить пользовательский канал Instagram на своем сайте, вам нужно установить и активировать плагин Smash Balloon Instagram Feed. Это премиум-версия бесплатного плагина Instagram, который используется более чем 1 миллионом веб-сайтов. После того, как вы установили плагин, перейдите на страницу Instagram Feed » Settings вашего аккаунта WordPress и перейдите на вкладку License, чтобы ввести свой лицензионный ключ. Вы можете найти его в своем аккаунте Smash Balloon. Не забудьте нажать кнопку «Сохранить изменения» внизу после активации лицензионного ключа.

license key

После активации лицензии перейдите на вкладку «Настройка» и нажмите кнопку «Подключить учетную запись Instagram».

Connect an Instagram Account

После этого вы увидите всплывающее окно, в котором вам будет предложено выбрать, используете ли вы личный или бизнес-профиль в Instagram.

Personal or Business Instagram profile

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

Совет: у вас нет бизнес-аккаунта? Чтобы преобразовать свою личную учетную запись Instagram в бизнес-учетную, вы можете следовать пошаговым инструкциям Smash Balloon.

Создайте бизнес-аккаунт в Instagram бесплатно. Вы можете в любой момент вернуться в приложение Instagram. Когда вы нажимаете кнопку «Подключиться» на панели инструментов WordPress, вам просто нужно следовать инструкциям и подключить свою учетную запись. После этого вы увидите свою учетную запись рядом с «Учетными записями Instagram», например:

Instagram Accounts

Примечание: вы можете подключить более одной учетной записи. Далее в этом уроке мы рассмотрим, как показывать несколько разных каналов Instagram на вашем сайте.

Показ ленты ваших фотографий из Instagram в WordPress

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

Сначала нажмите кнопку «Добавить в основной канал» рядом с подключенной учетной записью Instagram.

Add to Primary Feed

После этого вы можете открыть сообщение или страницу, где вы собираетесь добавить свой канал. Кроме того, если вы предпочитаете, вы можете добавить его в виджет боковой панели. Мы собираемся создать новую страницу в разделе Страницы » Добавить новый для нашего канала. Нажмите символ (+), чтобы добавить новый блок, затем выберите блок «Лента Instagram» в разделе «Виджеты».

Instagram Feed

Ваш Instagram-канал будет немедленно добавлен на вашу страницу с помощью кнопки «Follow».

Follow button

Если вы используете классический редактор, просто введите шорткод [instagram-feed] туда, где вы хотите видеть свой канал.

Вы можете использовать шорткод или виджет Instagram Feed, чтобы добавить свои посты в Instagram на боковой панели или в нижнем колонтитуле. Просто зайдите в Внешний вид » Виджеты и перетащите виджет Instagram Feed туда, куда вам нравится.

Instagram Feed widget

Настройка стиля Instagram в WordPress

По умолчанию ваши фотографии в Instagram будут отображаться в виде сетки из четырех столбцов. Для начала пользователи увидят 20 фотографий из вашей учетной записи, но они могут нажать «Загрузить еще», чтобы увидеть дополнительные фотографии. Плагин Instagram Feed дает вам полный контроль над этими настройками.

Чтобы изменить внешний вид своего Instagram-канала, перейдите в Instagram-канал » Настройки » Настройка. Здесь вы можете изменить ширину и высоту вашего канала, переключить макет, изменить количество фотографий, столбцов и многое другое. Чтобы изменить макет, просто нажмите на нужный вариант. Мы будем использовать макет «Подсветка» для наших фотографий в Instagram, причем каждая третья фотография будет выделена.

Вы также можете выбрать, на сколько столбцов разбивать фотографии и сколько отображать для начала. Мы выбрали 6 фотографий в 3 колонках.

instagram feed layout options

Убедитесь, что вы нажали кнопку «Сохранить изменения» в нижней части экрана после внесения изменений.

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

how the Instagram feed now looks

Отображение хэштега, тегов или смешанного фида Instagram в WordPress

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

Вы можете изменить тип своего канала, перейдя в Instagram Feed » Конфигурация. В разделе «Тип фида» вы можете переключиться на хэштег или помеченный канал. Вы можете щелкнуть значок (?) Рядом с параметром для получения дополнительной информации. Мы собираемся переключиться на фид хэштега, используя опцию Public Hashtag. Мы сделаем это по самым последним сообщениям.

Public Hashtag option

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

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

how the feed now looks

Создание нескольких каналов Instagram в WordPress

Что если вы хотите включить несколько различных каналов Instagram на свой сайт WordPress? Это возможно также с несколькими простыми конфигурациями. Сначала перейдите в Instagram Feed » Настройки и перейдите на вкладку Показать ленту. В шорткоде [instagram-feed] вы увидите несколько различных настроек.

Совет: если вы хотите создать только один канал для своего сайта, вы можете изменить эти настройки на вкладке “Настройка”, как показано выше.

Если у вас подключено несколько учетных записей пользователей, вы можете использовать [instagram-feed type = “user” username = “ваш-ник”] для указания учетной записи. Вы также можете создать каналы на основе хэштегов. В этом случае вам нужно будет использовать [instagram-feed type = “hashtag” hashtag = “#хэштег”].

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

Если вы используете блок Instagram Feed в визуальном редакторе WordPress, вам не нужно создавать весь шорткод. Вы можете просто добавить свои настройки шорткода в настройках блока.

shortcode settings

Убедитесь, что вы нажали кнопку «Применить изменения» после внесения изменений.

Другие популярные настройки канала Instagram в WordPress

Вы можете быть вполне довольны отображением фотографий по умолчанию, так как Instagram Feed отлично работает без каких-либо настроек. Тем не менее, есть некоторые общие настройки, которые вы можете захотеть сделать в зависимости от того, как вы хотите отображать свои фотографии в Instagram. Например, вы можете отобразить только фотографии без подписей. Это особенно полезно, если вы добавляете фотографии в довольно узкую боковую панель:

fairly narrow sidebar

Вы можете отключить подписи, добавив showcaption = “false” в свой шорткод. Тогда ваши фотографии будут отображаться так.

your display after adding showcaption="false

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

Вы можете использовать excludewords = “конкурент, грубые слова” в своем шорткоде. Это исключит любые сообщения, которые используют любое из слов в списке слов, разделенных запятыми. Замените «конкурент» и «грубое слово» на любые слова, которые вы хотите исключить.

Другой вариант, который вы можете использовать, изменить текст кнопки «Загрузить еще». Вы можете сделать это, добавив buttontext = “Смотреть больше фото” в свой шорткод. Просто замените «Смотреть больше фото» текстом, который вы хотите использовать.

Есть много других настроек, которые вы можете использовать. Плагин Smash Balloon для Instagram Feed позволяет вам настраивать отображение фотографий Instagram на вашем сайте. Если вы хотите увидеть все возможные настройки, просто зайдите в Instagram Feed » Settings » Показать ваш Feed, чтобы получить полный список.

Display Your Feed

Мы надеемся, что эта статья помогла вам узнать, как создать собственный канал Instagram в WordPress.

Если вам нужен современный сайт с интеграцией с соцсетями, обращайтесь ко мне.

Можно еще почитать:

Как экспортировать и импортировать пользователей на ваш сайт

Для переноса пользователей на новый сайт необходимо экспортировать пользовательские данные с одного сайта и импортировать…

Лучшие партнерские плагины для Amazon

Ищете лучшие партнерские плагины Amazon, чтобы вы могли эффективно вставлять партнерские ссылки и улучшать работу…

Лучшие CRM-системы для WooCommerce

На данный момент мы знаем, что функционирующая платформа – это основа общего успеха любого веб-сайта.…

Продвижение интернет-магазина термобелья

Осенью 2018 года ко мне обратился крупный интернет-магазин носков и термобелья за настройкой контекстной рекламы.…

Как встроить Google Таблицы на сайт WordPress

Не знаете, как встроить Google Таблицы в WordPress? Хотя существует множество полезных плагинов таблиц для…

Как добавить лайв-видео на сайт

Если вы сделаете случайный поиск в Google, я уверена, что по крайней мере одно видео…

Настройка Яндекс Директ для интернет-магазина кофе

Летом 2018 года ко мне обратился владелец интернет-магазина кофе, чая и расходников с просьбой настроить…

Отслеживание конверсий WordPress: пошаговое руководство

Хотите добавить функции отслеживания конверсий на свой веб-сайт? Отслеживание конверсий поможет вам оценить эффективность ваших…