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.
If you don't have the login details, you can just visit the profile. Then, click on the post you want to embed on your website. In the top right corner of the post, you'll see 3 dots that look like this ⠇. Click the dots and select Embed from the menu that appears.
Private accounts and content from private accounts cannot be embedded. If you'd like to embed a public Instagram profile or content from a public Instagram account into your HTML editor, you can only copy the embed from Instagram.com.
If you are struggling to figure it out after following the instructions, it might be because: 1) you're using the mobile app and haven't updated your app; 2) you're not in the U.S. and it's not available in your country yet (we've been told that it's rolling out globally in 2022); or 3) your account is private, so it ...
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With