How to embedded Instagram feed into my website
I am trying to integrate the Instagram feed of the client to the website sidebar. My website stack is Bootstrap, Vanilla JS, Jquery, and Laravel.
I googled and did some research. I can't find a direct way to integrate the feeds.
I went through third-party apps like Snapwidget. It's pretty good but the problem with an app like Snapwidget is that when I click on the feed displayed on the sidebar widget provided by it, it redirects to its own site's page which contains my uploaded images.
I want my feed to look pretty in the sidebar and when users click on my picture they should be redirected to that Instagram account page not a third-party website with my Instagram feed or that feed on Instagram itself.
Meanwhile, I also found other apps that provided the solution to it. They perfectly provide me ways to integrate feed as if provided by the Facebook API but at first, they demand to login with the credential. I can't ask for the username and password of the client's Instagram handle anyway.
Answer
Currently Instagram supports for only post embed is seems. There is no direct implementation to instagram feed embed. https://www.instagram.com/developer/embedding/
But there are third party tools which provide Instagram feed to be embed to your website. Try free tools such as https://www.pixlee.com/social-feed to embed to your website.
You can try the following free tools in the article. http://www.developerdrive.com/2017/09/how-to-embed-an-instagram-feed/
If the page redirects to their website, you can do a small hack in the provided URL. Try to change it to your Instagram account from the a href link