How to integrate your Instagram feed in Centra

In order to set up an Instagram feed you will have to reach out to your front-end partner for complete implementation. After doing this you will be able to continue setting up your Instagram feed. If the above has been taken care of please follow the below instructions.

Before you begin you should have two tabs open

  1. Your Centra with SYSTEM > STORE
  2. This page: https://developers.facebook.com/

Centra:

Once you have reached SYSTEM > STORE please go to your Retail store and follow the below instructions for the Centra side of this setup

  1. Scroll to PLUGINS and click +PLUGIN METHOD
  2. Select the Instagram plugin in the drop down list

  3. Then fill out the fields:

    • Name: Is an internal name that only you see. This can be Instagram for example
    • URI: This field will fill itself out from the Plugin name you chose if you don’t type something other there
    • AppID: This is also known as the Instagram App ID which you will see when completing the Instagram setup of this process. This is the ID provided by Facebook
    • Secret: This is known as the Instagram App Secret which you will see when completing the Instagram setup of this process. This is the password key generated by Facebook
    • Feed Type: "User Recent Media" this will make sure that the newest pictures posted by your Instagram user are added to your Instagram feed
    • Import to CMS-section: This is for customers who use the CMS module within Centra and you should fill out exactly the same name as the tab in the CMS that will be used to import your images. For example Imagebank, Instagram or other
    • Refresh every X minutes (minimum 30 mins): This is the time between feed refreshing and 30 minutes is the minimum you can have
  4. Click 'SAVE'

Facebook:

  1. Click Log In
  2. Login using your Facebook account
  3. Click My Apps

  4. If you don't have an existing app create a new one (select For Everything Else and fill a simple form with your data - none of it will be publicly available)
  5. Select your application
  6. Click plus sign next to PRODUCTS on the left
  7. Find Instagram Basic Display (if you can't do it it's probably because of wrong app type - look for buttons like See More Products or Change app type to unlock more products)
  8. Set up Instagram Basic Display
  9. If you don't have any platform configured in your app you'll need to add it

  10. Click on Settings, scroll down and select + Add Platform
  11. Select website and provide url to your website. It would not be used in the integration but it's a Facebook requirement
  12. Save changes and go select from the menu Products > Instagram Basic Display > Basic Display

  13. Click Create New App, fill the form and click Create App

  14. Use Instagram App Id and Instagram App Secret to update Centra's plugin

  15. Copy Redirect URI for Instagram from Centra and paste it in the following fields in the Facebook APP Valid OAuth Redirect URIs, Deauthorize Callback URL and Data Deletion Request URL
  16. Save changes
  17. Click Add or Remove Instagram Testers
  18. Scroll down and click Add Instagram Testers
  19. Fill the form with your Instagram account username and click Submit
  20. Go to Instagram to accept the invitation
  21. Click TESTER INVITES and accept your invite

Centra - last steps

  1. Click Generate new Instagram token. Doing this will make sure that Instagram knows that you have permission to be posting these images
  2. Change the status to green - Active
  3. Then click SAVE

    You have now integrated your Instagram feed. If you are experiencing issues with this or don’t know if you are able to make use of this plugin please reach out to your front-end partner.