X hide

Magento Instagram Login Configuration

From Plumrocket Documentation

You are viewing:  Social-login-pro-icon-32.png  Social Login Pro

Contents

Instargam-icon.png Instargam (instagram.com)

Description: Instagram is an online mobile photo-sharing, video-sharing and social networking service available in 25 languages, that enables its users to take pictures and videos, and share them on a variety of social networking platforms, such as Facebook, Twitter, Tumblr and Flickr.
Protocol OAuth 2
Returned Data userId, name, photo
Requires SSL? No

How to Configure Instagram API for Magento

In this article you will learn how to find your Instagram API in order to setup the Instagram Login functionality. Please follow the step-by-step instructions below.

Information Sign sm.png Step-by-Step action:
  1. Log into http://instagram.com/developer/register/.
  2. Click on "Register Your Application" to start creating your application.


1-Configuring-instagram v1.0.1.png


Information Sign sm.png Step-by-Step action:
  1. You will be redirected to Developer Signup page. There please indicate your website.
  2. Fill in "Phone number" field.
  3. Provide a description for this application.
  4. Agree to the API Terms of Use and Brand Guidelines.
  5. Press the "Sign up".


2-Configuring-instagram v1.0.1.png


Information Sign sm.png Step-by-Step action:
  1. Click on "Register a New Client" button to proceed.


3-Configuring-instagram v1.0.1.png


Information Sign sm.png Step-by-Step action:
  1. Indicate the name for this application.
  2. Paste the description for your application.
  3. Paste your website URL.
  4. In "OAuth redirect_uri" field you can paste Redirect URI, that can be found in your backend-> Plumrocket-> Social Login Pro-> Instagram-> Redirect URI.
  5. Check option "Disable implicit OAuth" for better protection of your application.
  6. Input the password for captcha.
  7. Press "Register" button.


instagram magento social media login


Information Sign sm.png Step-by-Step action:
  1. Copy "CLIENT ID" of your application to your clipboard.
  2. Copy "CLIENT Secret" of your application to your clipboard.


5-Configuring-instagram v1.0.1.png

Configuring the Permissions for Instagram API

Once you created your Instagram application, you need to configure the Permissions in order to switch from the Sandbox mode to the Live mode. Follow the guide below to set up the Permissions correctly.


Information Sign sm.png Step-by-Step action:
  1. In your Application details, navigate to the "Permissions" tab.
  2. You need to enable the "basic" permission.
  3. Press the "Start Submission" button.


Instagram Developer Documentation 1.jpg


Information Sign sm.png Step-by-Step action:
  1. For this question select the "My app allows people to login with Instagram and share their own content" answer.
  2. This section allows you to check whether your app details are correct.


Instagram Developer Documentation 2.jpg


Information Sign sm.png Step-by-Step action:
  1. In this section you need to to explain how your app uses the Instagram API.
  2. Provide the link to a video screencast showing the experience in your app.
  3. Press the "Submit" button to review.


Instagram Developer Documentation 3.jpg


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.


Information Sign sm.png 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. Press "Save Config" button.


6-Configuring-instagram v1.0.1.png


Configuration of Instagram Magento Social Login application is now completed.

Instagram Integration in Magento 2 Social Login Pro Extension

In this step you must update your Magento 2 Social Login Pro Extension configuration. In your magento 2 admin panel, go to "Plumrocket" tab in the main menu -> "Social Login Pro" section -> "Configuration" -> "Instagram" Tab.


Information Sign sm.png 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. Press "Save Config" button.


8 Magento 2 Instagram Login Configuration v1.jpg


Configuration of Instagram Magento 2 Social Login application is now completed.


Next Step > Return to Social Login Pro API Reference

Navigation