Search
Skip to content
  • Knowledge Base
App Configuration

How to Integrate Instagram Login with WordPress?

November 9, 2022 admin

If you are using Super Socializer or Heateor Social Login plugin for Social Login, follow the steps mentioned below to integrate Instagram Login with 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 - Create New App
  3. Select Consumer and click NextFacebook Login Create an App
  4. Specify a display name for your app. Select a Business Manager Account if you have one. Click Create App ID button.Instagram Login - Business Manager Account
  5. Click Set Up in the Instagram Basic Display blockInstagram Basic Display
  6. Scroll down to the bottom of the page and click SettingsInstagram Basic Display Settings
  7. Specify Privacy Policy URL of your website. Save the same URL in the text box right below the Data Deletion Callback URL below the User Data Deletion option.
    Select the Category that your website belongs to 
  8. Scroll at the bottom of the page, and click Add PlatformInstagram Login - Add Platform
  9. Select Website
    Instagram Login - Website
  10. Save full URL (including https://) of the home page of your website in the Site URL option. Save changes.Instagram Login - Site URL
  11. Navigate to the Instagram Basic Display > Basic Display section from the menu in the leftInstagram Login - Basic Display
  12. Scroll down at the bottom and click Create New App buttonInstagram Basic Display - Create New App
  13. Specify display name of your Instagram app and click Create App buttonInstagram Login - Create New Instagram app ID
  14. Navigate to the Basic Display section in the Instagram Basic Display section from the left sidebarInstagram Login - Basic Display
  15. Enter the following details
    Valid OAuth Redirect URIs: HOME_PAGE_URL/SuperSocializerAuth/Instagram (if using Super Socializer) OR HOME_PAGE_URL/HeateorSlAuth/Instagram (if using Heateor Social Login). Here HOME_PAGE_URL is the URL of the home page of your website. For example, if your website is https://yourwebsite.com and you are using Super Socializer, you have to save https://yourwebsite.com/SuperSocializerAuth/Instagram
    Deauthorize Callback URL: URL of the home page of your website
    Data Deletion Request URL: Save URL of the privacy policy page of your website. You can state in the privacy policy how you will use the Instagram profile data of users going to use Instagram login as mentioned at the link and 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
  16. Click the slider button in the App Mode option and make Instagram app LiveInstagram Login - App Mode
  17. Navigate to the App Roles > Roles section and scroll down to the Instagram Testers sectionInstagram Login - App Roles
  18. Click Add Instagram Testers and enter your Instagram account’s username and send the invitationInstagram Login - Add Instagram Testers
  19. Login to the Instagram account you invited in the previous step in a new browser tab, click the Instagram name above the profile pictureInstagram Profile
  20. Click settings icon, click Apps and websites. In the Tester Invitations 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 23 below).Instagram Login - Instagram Profile
    Instagram Login - Apps and Websites
    Instagram Login - Tester Invitations
  21. Navigate back to the browser tab where you were configuring Instagram app.
  22. Navigate to Basic Display page in the Instagram Basic Display section from the left sidebar. 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 at the social login configuration page in admin area, respectively.Instagram Login - App ID Secret
  23. Scroll to App Review for Instagram Basic Display section at the bottom of the page and click Add to submission right in front of the instagram_graph_user_profile
    Instagram Login - App Review
  24. Click Edit details in front of instagram_graph_user_profile in the Current submission section
    Instagram Basic Display - Current Submission
  25. In the option Tell us how you’re using this permission or feature, you can specify exactly the following
    This app integrates the Instagram icon at the user-profile page of our website which allows end-user to connect their Instagram profile with their pre-existing user-account.
    Note: As Instagram does not allow login/authentication to be used with any of their scopes according to their developer docs, you can describe how Super Socializer/Heateor Social Login uses Instagram icon in Social Account Linking section at the user profile page to allow your website users 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.
    Upload a screencast showing the same, agree to the data usage policy and save changes.
    Tell us how you're using this permission or feature
  26. Click Edit details in front of the App verification Instagram Basic Display - App Verification
  27. Here you can specify details such as – Login page of your website where the reviewers can login and see the Instagram icon at the profile page, username-password of the user-account you have created for them at your website etc.Instagram Basic Display - App Verification Details
App IDInstagram APIInstagram App IDInstagram App SecretInstagram Login

Post navigation

Previous PostFacebook comments are visible only when logged into the website?Next PostHow to Integrate Vkontakte Login at your WordPress Website?

Get Social!!

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

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