Search
Skip to content
  • Knowledge Base
App Configuration

How to Integrate Instagram Login with WordPress?

November 26, 2020 admin

If you are using Super Socializer or Heateor Social Login plugin for Social Login, follow the steps mentioned below to enable Instagram Login at your WordPress website.

Steps To Integrate Instagram Login

  1. Navigate to https://developers.facebook.com/products/instagram/, login to your Facebook account if you are not already logged in. Click My Apps in the top-right corner.Instagram Login - My Apps
  2. Add a new appInstagram Login - Add New App
  3. Select the third option For Everything ElseInstagram Login - Creating an app ID
  4. Specify a display name for your app, select a Business Manager Account. Selecting a Business Manager Account is mandatory. Without it you won’t be able to use Instagram login. Click Create App ID button.Instagram Login - Business Manager Account
  5. Click Set Up in the Instagram Basic Display block.Instagram Login - Basic Display API
  6. Scroll down to the bottom of the page and click Create New AppInstagram Login - Create New App
  7. Specify display name of your Instagram app and click Create App buttonInstagram Login - Create New Instagram app ID
  8. Navigate to the Basic Display section in the Instagram Basic Display section from the left sidebarInstagram Login - Basic Display
  9. Enter HOME_PAGE_URL/SuperSocializerAuth/Instagram (if using Super Socializer) OR HOME_PAGE_URL/HeateorSlAuth/Instagram (if using Heateor Social Login) in the Valid OAuth Redirect URIs option. Here HOME_PAGE_URL is the url of the homepage of your website.
  10. Enter url of homepage of your website in the Deauthorize Callback URL option.
    You can state in the privacy policy of your website how you will use the Instagram profile data of users going to use Instagram login as mentioned at the link and save url of privacy policy page of your website in the Data Deletion Request URL option. You can mention in the privacy policy that users should contact the website admin if they want their profile data to be deleted from your website.
    Click Save ChangesInstagram Login - Valid Oauth Redirect URIs
  11. Navigate to Settings > Basic section from left sidebar, specify Privacy Policy URL of your website.
    Select the Category that your website belongs to.
    Instagram Login - Privacy Policy URL
  12. Scroll at the bottom of the page, and click Add PlatformInstagram Login - Add Platform
  13. Select WebsiteInstagram Login - Website
  14. Save url of homepage of your website in the Site URL option. Save changes.Instagram Login - Site URL
  15. Click In Development button, Switch Mode and make Instagram app Live.Instagram Login - Make App LiveInstagram Login - Switch Mode
  16. Navigate to Roles > Roles and scroll down to the Instagram Testers section.Instagram Login - Roles
  17. Click Add Instagram Testers and enter your Instagram account’s username and send the invitationInstagram Login - Add Instagram Testers
  18. Login to the Instagram account you invited in the previous step in a new browser tab, click settings icon, click Apps and websites. In the Tester Invites section, accept the invite you sent in previous step. You will be able to use Instagram login using only this account until you get the permissions approved for your Instagram app (see step 19 below).Instagram Login - Instagram ProfileInstagram Login - Apps and WebsitesInstagram Login - Accept Invite
  19. Navigate back to the browser tab where you were configuring Instagram app.
  20. Navigate to Basic Display page in the Instagram Basic Display section from the left sidebar. Scroll to App Review for Instagram Basic Display section at the bottom of the page and click Add to submission right in front of instagram_graph_user_profile. Provide the details required for submission.
    Note: As Instagram do not allow login/authentication to be used with any of their scopes according to their developer docs, you can describe how Super Socializer uses Instagram icon in Social Account Linking section at the user profile page to link their Instagram account to their existing account at your WordPress website. Just keep social login icons disabled at the login, register pages of your website before Instagram approves your submission.
    Instagram Login - App Review
  21. On the same page, copy the Instagram App ID and Instagram App Secret (after clicking the Show button right in front of it) and paste in the Instagram App ID and Instagram App Secret options in the Super Socializer > Social Login section in admin area, respectively.Instagram Login - App ID Secret
App IDInstagram APIInstagram App IDInstagram App SecretInstagram Login

Post navigation

Previous PostFacebook comments are visible only when logged into the website?Next PostHow to Enable Vkontakte Login Using Vkontakte API Key?

Get Social!!

Best social tools to boost user engagement at your WordPress website. Used by 150000+ websites

Try it now
Facebook
Tweets by @heateor
© 2021 Heateor | Terms | Privacy
Proudly powered by WordPress