INSTAFEED REACT GENERATOR
INSTAFEED REACT CODE
INSTAFEED REACT DOWNLOAD

I used a Codepen URL () for testing, you can change the platform or URL later. Once you have created the app, navigate to Settings > Basic, scroll to the bottom of page, and click Add Platform.Ĭhoose Website from the menu, add your website’s URL. Give you app a name, and add an email address.Select Build Connected Experiences from the menu.

Go to, click My Apps, and create a new app.

The Postman app to perform cURL requests.

A published webpage - you can use Codepen for testing.

You’ll need to register your website as an application with Instagram and get an Access Token before you start - Instagram has recently changed the process, but it is quite straight-forward, just follow the steps here. Instagram no longer supports this method to display posts on your webpage… the updated article and follow the steps required to get this to work.

INSTAFEED REACT DOWNLOAD

We have used the CDN for Instafeed library in above code, you could also download this library.Īfter running this Page in your browser, you will see Instagram Feed.Instafeed is a simple javascript plugin that enables you to add Instagram photos to your website. ĪccessToken: 'IGQVJYY25ma2ZA0VWl2aVBpc2FSNEtMXzlwcVJyZAlV3anJNZAlQ4V2laSnB2emNzbEthOV9QR2FIaWNDb09naFprUjRRTWQ1NGdUajZArVzlxaGJCZAnRCOGVkckhQbVhTRlYtREF1cHp6dHVPRmhmUnllRgZDZD'Ībove in the place of accessToken you have to give the accessToken, which you have created right now.

INSTAFEED REACT CODE

Display Instagram Feed using Instafeed JavaScript Library in your Web AppĬreate a new HTML Page in your Web App, and copy the below code and paste it in your HTML Page. Just Copy this token, Hooray ! We are done with Instagram Token generation, now We have to use this token to get the Instagram Feed. Than a tab will appear like below giving the final token: Open Your account go on settings-> Apps and Websites, you could see a permission like below:Īccept this and come back in Your Facebook developer, go on Basic Display from left in Products like below: Final Step Generate TokenĬlick on Generate Token ,it will ask you to login again, so login and give the permission by clicking on authorize.

Than click on Instagram Tester and add the account whom data you want to fetch like below.

INSTAFEED REACT GENERATOR

In User Token Generator section click on Add or Remove Instagram Testers. Than a new tab will appear, give any App Display Name and choose App purpose as -> Yourself or your own business and click on Create App Id.Ĭlick on Create Test App on left Top, a new Tab will appear, than click on Create Test AppĪ new tab will appear like below, than click on -> set up of Instagram Basic Display.Ī new tab will appear, scroll down and click on Create New App. May be you are familiar that, Facebook owned Instagram so you have to go on and create your account.Īfter creating account click on My apps or go on – Create a New AppĬlick on Add a new app, a tab will appear like below, you have to click on Manage Business Integration like below:

In short, you could access your Instagram Profile API, but not of your girlfriend unless your girlfriend has allowed you to do that, by accepting the permission in the Settings-> Apps and Websites of her account. New ways by latest policy to create Instagram Access Token !Īs we all know, Instagram updates it’s policy of API, in which, third party like us could not access each information of Instagram API.

Instafeed react