But to make this work, you need a Instagram developer account and do some authentication to enable your website.
First I found this helpful codepen which demonstrates the functionality. After that I went through the documentation of Instagram which is straight forward.
What you need to do, once you have a Instagram developer account, is to create a client and fill where you want to use the feed for. In our case, the website we maintain.
At the field “Website URL: …” you fill in the exact url of the page where you want to display the Instagram feed.
Once you have done this you can take the url below and change the “CLIENT-ID” and “REDIRECT-URI” for yours.
After visiting this url, you will see the “accessToken” at the end. Together with your “clientId” you are ready to use the instafeed.js.
See it in action here.
Marco van Zomeren is a designer on a audio visual journey. Currently working full time at a company with several subsidiaries in the financial sector. Besides his day job he spends most of his spare time on producing electronic music. More...