My Feed Stopped Working – All I see is a Loading Symbol

If your Instagram photos aren’t loading and all your see is a loading symbol then there are a few common reasons:

Diagnosing with Developer Tools (Advanced)

Here’s how to Diagnose common issues with Chrome developer tools. To use Chrome developer tools, right click on a page with the Instagram Feed on it on your site and select “Inspect” or use the keyboard shortcut ctrl+shift+i. Switch to the “console” tab to check the javascript console.

a) No errors in the console

Add the command sbi_init(); to the console and execute it (press enter).

If you trigger an Uncaught ReferenceError sbi_init is not defined ,most likely the javascript file for the feed is missing from the page. See #3 below referring to “wp_footer”.

If the feed appears, you are probably using an ajax theme. See this page. It’s also possible that you are using a javascript concatenator/optimizer/minifier plugin that needs to be refreshed.

If nothing happens (no additional posts are displayed) and there isn’t a spinning icon, your feed settings might not be returning any posts or all posts made to the hashtag feed are private. See #5 below. It’s also possible that the CSS file is missing from the page. See #3 referring to wp_head().

b) There are one or more javascript errors appearing in the console.

Add the command sbi_init(); to the console and execute it (press enter).

If the feed appears, the error is coming from other plugins or your theme and is preventing the feed from loading. Try disabling other plugins and/or your theme to figure out which is causing the error.

If you trigger the error jQuery is not defined, Either your theme or a plugin is loading jQuery too late or possibly removed it from the source of the page.

1) There’s an issue with the Instagram Access Token that you are using

You can obtain a new Access Token on the plugin’s Settings page by clicking the blue Instagram login button and then copy and pasting it into the plugin’s ‘Access Token’ field.

Occasionally the blue button does not produce a working access token. You can try this link as well.

2) Your Instagram User ID is incorrect or is from a private Instagram account

Please double check the Instagram User ID that you are using. Please note that your User ID is different from your username. To find your User ID simply enter your Instagram username into this tool.

If your User ID doesn’t show any photos then it may be that your Instagram account is private and that the photos aren’t able to be displayed.

3) The plugin’s files aren’t being included in your page

This is most likely because your WordPress theme is missing the required WordPress functions for adding CSS and JavaScript files to the top and bottom of your pages. All themes should include the wp_head and wp_footer functions which are required for plugins to be able to add their files to your page. You can add these by doing the following:

  • Open your theme’s footer.php file and adding the following directly before the closing </body> tag: <?php wp_footer(); ?>
  • Open your theme’s header.php file and adding the following directly before the closing </head> tag: <?php wp_head(); ?>

4) There’s a JavaScript error on your site which is preventing the plugin’s JavaScript file from running

You find find out whether this is the case by right clicking on your page, selecting ‘Inspect Element’, and then clicking on the ‘Console’ tab, or by selecting the ‘JavaScript Console’ option from your browser’s Developer Tools.

If a JavaScript error is occurring on your site then you’ll see it listed in red along with the JavaScript file which is causing it, as shown below:

js-error

For more information about debugging JavaScript errors on your site see this WordPress article.

5) The feed you are trying to display has no posts

If you are trying to display a feed that has no posts made to it, a loading symbol may be all that shows for the feed or nothing at all. Once you add a post the feed should display normally

6) The shortcode you are using is incorrect

You may have an error in the shortcode you are using or are missing a necessary argument. For example, instead of using:

[instagram-feed hashtag="#myHashtag"]

Try adding the corresponding “type” argument as well:

[instagram-feed type=hashtag hashtag="#myHashtag"]

Other types include “coordinates”, “user”, and “location”.

7) You are using an outdated version of jQuery

The Instagram Feed Pro plugin requires at least jQuery version 1.7 to run. Some themes may disable WordPress’ default jQuery file and load their own which may cause this error. Contact the theme developer to see if they can update the file for you.

8) You are using an outdated Access Token

If only the last 20 posts from your own Instagram account seem to be available you need to update your access token in order to see hashtag, location, and feeds from other users. See this FAQ: Updating Your Instagram Access Token

8) You are filtering out too many posts

If you are using the setting show/remove posts that contain these words or phrases, otherwise known as the includewords/excludewords settings, you may be filtering out too many posts for the feed to display any. Instagram does not send posts from a specific user that also have a specific hashtag so the plugin will request all posts from the user account or hashtag feed and then will filter based on includword/excludeword. See this post for some possible solutions to work around this.