Социальные сети
Социальные сети
Интеграцию с социальной сетью Instagram можно настроить в
Настройки → Интеграции → Социальные сети → Instagram
.png)
Инструкция по интеграции Instagram:
1. Необходимо создать аккаунт разработчика Facebook. https://developers.facebook.com/
1.1. Необходимо иметь аккаунт на facebook.com/ и использовать его для входа на https://developers.facebook.com/. Если у вас нет аккаунта — создайте его
2. Следовать инструкциям https://developers.facebook.com/docs/instagram-basic-display-api/getting-started:
2.1. Создать приложение Facebook
2.2. Настройки → Основное → прокрутите до конца страницы и в самом низу нажмите Добавить платформу → Веб-сайт →Указать сайт → Сохранить изменения
2.3. Нажмите Продукты(Товары) на знак «+», найдите карточку Instagram и нажмите на кнопку Настроить
2.4. Выберите Базовое представление(Basic Display) (слева в меню Instagram), прокрутите до конца страницы и нажмите Создать приложение(Create New App)
2.5. Укажите название приложения Facebook, которое вы только что создали (ID приложения введённое ранее)
2.6. Теперь на этой странице прокрутите немного ниже и пропишите настройки приложения:
а) Клиентские настройки OAuth
Действительные URI переадресации для Oauth — адрес вашего сайта + /api/index/instagram (Пример: https://demo.wow2print.com/api/index/instagram)
б) Отменить авторизацию
Деавторизация URL обратного вызова — адрес вашего сайта (https://demo.wow2print.com/)
в) Запросы на удаление данных
URL запроса на удаление данных— адрес вашего сайта (https://demo.wow2print.com/)
г) Сохранить (в правом нижнем углу окна браузера – Сохранить изменения)
3. Добавьте тестового пользователя Instagram:
3.1. Выберите Роли (слева) → Роли и прокрутите до раздела "Тестировщики Instagram". Нажмите Добавить тестировщиков Instagram (Instagram Testers), введите ваше имя пользователя Instagram и отправьте приглашение
3.2. Откройте новое окно браузера, перейдите на сайт www.instagram.com и войдите в приглашенный аккаунт Instagram. Выберите Значок профиля → Редактировать профиль →Приложения и сайты (слева 3 пункт) → Приглашения тестировщиков и примите приглашение
4. Вернитесь на вкладку developers.facebook → (Продукты(Товары) → Instagram → Базовое представление(Basic Display). Скопируйте ID приложения Instagram и вставьте в интеграции Instagram (в админ-панели вашего сайта) в "Идентификатор приложения", Секрет приложения Instagram (нажмите «Показать») в "Ключ приложения" и введите аккаунт вашей типографии в instagram
5. Создайте виджет instagram ( Контент → Виджеты → Добавить → Соц. Сети. Последние публикации → пропишите настройки → "Сохранить"), скопируйте код и вставьте на нужную страницу. Не забудьте включить виджет!
6. Откройте страницу на сайте, где есть виджет. Откроется окно авторизации instagram → авторизуйтесь и дайте доступ к медиа приложению.