Displaying Instagram Feed without Access Token

Share This Post

Share on facebook
Share on linkedin
Share on twitter
Share on email

Last Updated: May 8, 2021 | Reading Time: 2 minutes

Adding a public Instagram feed for my clients is a headache nowadays, it requires to generate an access token to include in a plugin, even for a public feed. The issue is that we have to contact the client back and forth to get this all things work.

Update:

With the recent changes to the Instagram API, this method is no longer work to pull images from the feed. Please switch to API based feed.

I found a solution from a script written by Javier Sanahuja, the codes he shares on GitHub, written in both pure Javascript and JQuery version.

Fast Way

I’ve compiled a simple plugin based on the JQuery version that you can download. Upload it to your server using the upload plugin inside WordPress or by FTP.

You can use the Plugin Editor to edit user name, image number, etc (I’m too lazy to create backend interface). Or you can do that before uploading the plugin by extract it and edit if offline.

Edit plugins from WordPress backend

The next step is to create a container using a widget or even in your post or page. Add this code in content editor using text mode:

<div id="instagram-feed"></div>

Or you can use custom HTML widget:

Ok, here’s my demo using this script:

21 Responses

  1. Hi, Your instagram-feed plugin stopped working since some time this week (November 17, 2020). Could You please check if there’s a solution?

  2. If this plugin could be used to define the username in the div, instead of having to set it at plugin level, it would be great for sites that need to load multiple instagram feeds!

  3. Hi there, I’ve used this great plugin a few times thank you, but it’s not working for me any more… is there an update? Thank you

  4. Hello, thanks for your plugin!
    Your download link is not active?
    I’ve just updated the js file from the original Github, and everything works fine!

  5. Hi! Great plugin, I’ve used it for a few months and thank you for it. But now I face an issue with CORS: “Access to XMLHttpRequest at ‘https://www.instagram.com/XYZ’ from origin ‘XYZ.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.”

    Any idea what to do with it?

  6. Thank you for your library, it is what i’m really looking for but, as you can see yourself pictures disappeared even in your page. Is it possible to fix this issue?
    thank you so mouth
    I have red that other has the same problem

    francesco

Any idea? Fill the comment below

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More To Explore