- \n
- You can use only a Public Instagram account for this integration<\/li>\n
- Only photos added to the profile can be published on the network. This integration does not support “stories” functionality<\/li>\n
- You can only integrate an Instagram account that belongs to you\/or the person you know since setting it up requires approval from the owner<\/li>\n<\/ul>\n
Creating a Facebook App<\/strong><\/p>\n
Before we can create an Instagram App that should be added to the network, we first need a Live Facebook App. <\/p>\n
If you already have an app that you created before for Facebook Sign In<\/a> or Facebook Comments<\/a>, you can use it for Instagram integration as well. In this case, you can skip the next steps and go straight to the “Creating your Instagram App”<\/strong> section.<\/div>\nNavigate to the dashboard from the green administrative toolbar in the upper left corner of your network. Click on the first icon to go to the Social Site Manager. From this page, click on the “Instagram Integration” link. This will take you to your Instagram Integration page.<\/p>\n
Click on the link to open up a new tab where you will be directed to the Facebook Apps page. If you aren’t immediately directed to this screen, paste this URL into the address bar: https:\/\/developers.facebook.com\/apps<\/p>\n
From there, click on the \u2018Create App\u2019 button on the top right corner of the screen.<\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/01-1-585x260.png\")
<\/a><\/figure>\n<\/div>\nFor the app type, you should select \u201cConsumer\u201d and click continue<\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/02-1-585x498.png\")
<\/a><\/figure>\n<\/div>\nFor the \u201cDetails\u201d section you should add an application name (for example, your networks title, or any other name you like), then fill in your contact email address, and finally click on the \u201cCreate App\u201d button;<\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/03-1-585x260.png\")
<\/a><\/figure>\n<\/div>\nFrom there you will be directed to the newly created app’s Dashboard. On the left side of the page, you will see a navigation menu. Click on the “Settings” drop-down menu and select “Basic” settings. <\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/05-1-585x283.png\")
<\/a><\/figure>\n<\/div>\nOn the Basic settings page, you will need to fill in the fields outlined on the screenshot with the following information:<\/p>\n
“App domains”
https:\/\/EXAMPLE.ning.com\/<\/em> – your network’s URL
“Privacy Policy URL” and “Terms of Service URL”
https:\/\/EXAMPLE.ning.com\/main\/authorization\/termsOfService<\/em>
“User data deletion”
https:\/\/EXAMPLE.ning.com\/main\/profilesettings\/edit<\/em>
You will also need to upload an app icon and select a category. <\/p>\n\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/06-1-585x240.png\")
<\/a><\/figure>\n<\/div>\nOnce all information is added, scroll down to the bottom of the page and click on the “+ Add Platform” button. Select a “Website” option and click “Next”. In the appeared field put your network’s URL and do not forget to save the changes you have made. <\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/07-585x320.png\")
<\/a><\/figure>\n<\/div>\nOnce the changes are saved, you can turn your application Live. <\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/08-585x235.png\")
<\/a><\/figure>\n<\/div>\nCreating your Instagram App<\/strong><\/p>\n
To get started with creating your Instagram app, open your Live Facebook app’s Dashboard. You will be presented with a list of products that can be added to your application. Please select\u00a0the \u201cInstagram Basic Display\u201d product and click on the “Set up” button. <\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/04-1-585x360.png\")
<\/a><\/figure>\n<\/div>\nIf you set up your Facebook app correctly, you will be able to create a new Instagram App<\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/09-585x269.png\")
<\/a><\/figure>\n<\/div>\nYou then will be redirected to the newly created app’s settings. You will need to fill in the fields outlined on the screenshot with the following information:<\/p>\n
“Client OAuth Settings” – “Valid OAuth Redirect URIs”
https:\/\/EXAMPLE.ning.com\/ – your network’s URL
https:\/\/EXAMPLE.ning.com\/main\/instagramapp\/check
https:\/\/EXAMPLE.ning.com\/main\/instagramapp\/edit
https:\/\/EXAMPLE.ning.com\/main\/instagramapp\/addaccount<\/em>
“Deauthorize” – “Deauthorize callback URL”
https:\/\/EXAMPLE.ning.com\/main\/instagramapp\/logout<\/em>
“Data Deletion Requests” – “Data Deletion Request URL”
https:\/\/EXAMPLE.ning.com\/main\/instagramapp\/delete<\/em>
Do not forget to save these changes. <\/p>\n\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/010-585x295.png\")
<\/a><\/figure>\n<\/div>\nOnce these changes are saved, proceed to the “App roles” – “Roles” from the menu on the left side of your screen. Find the “Instagram Testers” field and click on the “Add” button. <\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/011-585x304.png\")
<\/a><\/figure>\n<\/div>\nPlease, note, the Instagram account you add as a tester here will be an account from which the photo feed will be published to your network <\/div>\nStart entering an Instagram username in the pop-up window and select the correct one from the drop-down menu. Click the “Submit” button once the correct profile is selected.
Once the invite is sent, the owner has to accept it in the settings of their account. You can either click on the link in the app or copy & paste the following URL into your address bar: https:\/\/www.instagram.com\/accounts\/manage_access\/
The invite should be accepted on the “Tester Invites” tab of the “Apps and Websites” settings. <\/p>\n\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/012-585x302.png\")
<\/a><\/figure>\n<\/div>\nYou are almost done! Now, return to the Instagram Basic Display app and copy Instagram App ID with Instagram App Secret. <\/p>\n
\n![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/013-585x248.png\")
<\/a><\/figure>\n<\/div>\nReturn to the network and paste them to their corresponding fields. Click the “Save” button.
Once the information is saved, the Instagram pop-up will appear. Both options must be selected<\/strong> before you click “Allow”. <\/p>\n
![\"\"](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/014.png\")
<\/a><\/figure>\n<\/div>\n![<\/a><\/p>\nFor the …<\/p>\n","protected":false},"author":25,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n](\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2022\/12\/01-1.png\"){kind=link}