Skip to content
Logo
  • Support
  • My account
  • My cart
  • Magento 2 Extensions
  • Magento 1 Extensions
  • Magento Services
  • Packages
  • Special Offers
  • Blog
  • Contact Us

Home Magento 2 Extensions Magento 2 Social Login Pro Documentation Integrations Instagram Login Configuration

    • Installation
    • Updating
    • Configuration
    • Integrations
    • Developer Guide & API Reference
    • Translation
    • Uninstalling
    Magento 2 Social Login Pro - Documentation

How to Add Magento Instagram Login to Your Website

In this article, you will learn how to find your Instagram API and integrate Instagram Login into Magento Social Login Pro plugin. Please follow the step-by-step instructions below.

How to Set Up Instagram API for Magento

Step 1: Create a Facebook App

Step-by-Step guide:

  1. Go to developers.facebook.com, click My App -> Create an App.
  2. Select the Consumer app type.
  3. Click Next.
Magento 2 Instagram Login - Instagram App Configuration - step 1

Step-by-step guide:

  1. Provide the app name.
  2. Provide the email address to receive updates about the app.
  3. Click Create app.
Magento 2 Instagram Login - Instagram App Configuration - step 2

At this point, the Facebook app has been created, and you will be directed to its settings.

Step-by-step guide:

  1. Add your Privacy Policy URL.
  2. Under User data deletion, select Data deletion Callback URL and enter the URL provided in the Instagram configuration in Magento 2 Social Login Pro extension in the Data Deletion Request URL field.

Additionally, you can add your website’s Terms of Service URL and upload the App icon.

Magento 2 Instagram Login - Instagram App Configuration - step 3

Step-by-step guide:

  1. Scroll to the bottom of the page and click Add Platform.
  2. Choose Website.
  3. Click Next.
Magento 2 Instagram Login - Instagram App Configuration - step 4

Step-by-step guide:

  1. In the Site URL field under Website, add your website’s URL.
  2. Save your changes.
Magento 2 Instagram Login - Instagram App Configuration - step 5

Step 2: Configure Instagram API

Step-by-step guide:

  1. Click Products.
  2. Locate the Instagram Basic Display product, and click Set up to add it to your app.
Magento 2 Instagram Login - Instagram App Configuration - step 6

Step-by-step guide:

  1. At the bottom of the page, click Create New App.
  2. “Display Name“: Enter the name of your new Facebook app.
  3. Click Create App.
Magento 2 Instagram Login - Instagram App Configuration - step 7

You will be redirected to the app settings form.

Step-by-step guide:

  1. “Valid OAuth Redirect URIs“: enter the URL provided in the OAuth Redirect URI field in the Magento 2 Social Login Pro extension Instagram configurations.
  2. “Deauthorize Callback URL“: enter the URL provided in the Deauthorize Callback URL field in the Magento 2 Social Login Pro extension Instagram configurations.
  3. “Data Deletion Request Callback URL“: enter the URL provided in the Data Deletion Request URL field in the Magento 2 Social Login Pro extension Instagram configurations.
  4. Save your changes.
Magento 2 Instagram Login - Instagram App Configuration - step 8

Step 3. Test Instagram API in Development Mode

If you want to test the app in development mode, you need to assign a specific role to your Instagram account on the app itself. For this, you should grant roles to your team of developers or testers so they can test the app.

Step-by-step guide:

  1. Navigate to App Roles -> Roles and scroll down to the Instagram Testers section.
  2. Click Add Instagram Testers.
  3. Provide your Instagram account’s username(s).
  4. Click Submit to send the invitation.
Magento 2 Instagram Login - Instagram App Configuration - step 9

In a new browser tab, go to instagram.com and sign into the Instagram account that you just invited.

Step-by-step guide:

  1. Navigate to (Profile Icon) -> Edit Profile -> Apps and Websites.
  2. Under the Tester Invites tab, accept the invitation.
Magento 2 Instagram Login - Instagram App Configuration - step 10

This account user now has access to testing Instagram API.

Step 4. Release to Production

After all development and testing, you should switch your app to Live Mode and set up permissions to be able to offer Instagram login to your Magento 2 site users.

Step-by-step guide:

  1. Go to App Review -> Requests.
  2. Switch the App Mode toggle to Live.
  3. Click Request Permissions or Features.
Magento 2 Instagram Login - Instagram App Configuration - step 11

Step-by-step guide:

  1. Locate the “email” permission and click Get advanced access. The value in the Access Level column will change from Standard Access to Advanced Access.
Magento 2 Instagram Login - Instagram App Configuration - step 12

The Instagram API is now set up and ready to use in the Magento 2 Instagram Login.

Configuring Instagram Integration in Magento 2 Social Login Pro Extension

In this step, you have to provide your Instagram API credentials for Instagram integration in the Magento 2 Social Login Pro extension configurations.

In your Magento 2 admin panel, go to Plumrocket -> Social Login Pro -> Configuration -> Integrations -> Instagram.

Step-by-Step guide:

  1. Make sure the Instagram integration is enabled.
  2. Provide your Instagram App Client ID (to find it, go to Instagram Basic Display -> Basic Display -> Instagram App ID).
  3. Provide your Instagram App Client Secret key (to find it, go to Instagram Basic Display -> Basic Display -> Instagram App Secret).
  4. “OAuth Redirect URI“: you will need this URL to configure your Instagram application.
  5. “Deauthorize Callback URL“: you will need this URL to configure your Instagram application.
  6. “Data Deletion Request URL“: you will need this URL to configure your Instagram application.
  7. Click Save Config.
Magento 2 Instagram Login - Instagram App Configuration - step 8

Configuration of the Instagram API for the Magento 2 Instagram Login is now completed.

Configuring Instagram Integration in Magento Social Login Pro Extension

In this step, you must update your Magento Social Login Pro Extension configuration. In your Magento admin panel, go to “System” -> “Configuration” -> “Plumrocket Inc” -> “Social Login Pro” -> “Instagram” Tab.

Step-by-Step action:

  1. Paste Client ID into the relevant field of “Instagram” tab in your backend.
  2. Paste Client Secret key into the relevant field of “Instagram” tab in your backend.
  3. Click Save Config.
6-Configuring-instagram v1.0.1.png

The configuration of the Instagram Magento Social Login application is now completed.

Next Step > Return to Social Login Pro API Reference

Was this article helpful?
02/28/202011/17/2022
Search
Search
Generic selectors
Exact matches only
Search in title
Search in content
Contents
Company
  • Home
  • About Plumrocket Inc.
  • Customer Stories
  • Programs & Promotions
  • Careers
  • Contact Us
Legal
  • Terms of Service
  • Privacy Policy
  • Refund Policy
  • Cookie Policy
  • Privacy Center
Resources
  • Blog
  • FAQ
  • Documentation
  • Tutorials
Partners
  • Partner Program
  • Affiliate Program
  • Official Partners
Plumrocket Inc. © 2008 - 2023
Follow Us:
  • Facebook
  • Twitter
  • LinkedIn
  • YouTube