2) Your access token is incorrect for the feed you are trying to displayĪs of April 4th, 2018, you will only be able to display user feeds from accounts that you have a matching access token for. Occasionally the Connect button does not produce a working access token. You can obtain a new Access Token on the plugin’s Settings page by clicking the Add Source > Connect button. To resolve the issue please try the following:ġ) Review the “ Potential Causes” section below to see whether any apply.Ģ) If not, then try loading the Instagram Feed JavaScript file before other files using the “Enqueue JavaScript in header” setting OR using the “AJAX theme loading fix” setting both found on the Instagram Feed > Settings > Advanced tab.ģ) Disable the following setting: Instagram Feed > Seetings > Advanced > JavaScript Image Loading Potential Causes 1) There’s an issue with the Instagram Access Token that you are using Slim versions do not contain the ajax method our plugin uses to retrieve posts. If you trigger the error “jQuery.ajax is not defined” you may be using a “slim” version of jQuery. These settings are found under the General menu item in the dashboard. This includes the protocol (“http” vs “https”). If you trigger the error “Access to XMLHttpRequest at … has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ …” your “WordPress Address” and “Site Address” may not match the page that the feed is on. If you trigger the error jQuery is not defined, either your theme or a plugin is loading jQuery too late or possibly removed the jQuery file from the source of the page. Try disabling other plugins and/or your theme to figure out which is causing the error. If the feed appears, the error is coming from other plugins or your theme and is preventing the feed from loading. b) There are one or more javascript errors appearing in the console. You may also want to make sure that your access token is valid if you are getting the message “Unable to display Instagram photos”. It’s also possible that the CSS file is missing from the page. If nothing happens (no additional posts are displayed) and there isn’t a spinning icon, your feed settings might not be returning any posts possibly due to filtering with “ Only show posts containing“, or all posts made to the hashtag feed are private. It’s also possible that you are using a javascript concatenator/optimizer/minifier plugin that needs to be refreshed. If the feed appears, you are probably using an ajax theme. If you’re using a plugin that optimizes/concatenates/minifies JavaScript files (such as autoptomize), you may need to reset it. If you trigger an Uncaught ReferenceError sbi_init is not defined, most likely the javascript file for the feed is missing from the page. a) No errors in the consoleĪdd the command sbi_init() to the console and execute it (press enter). Switch to the “console” tab to check the javascript console.
#Instafeed loading failed windows#
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 on Windows or ⌥⌘i on Mac.
#Instafeed loading failed how to#
Here’s how to Diagnose common issues with Chrome developer tools.
Diagnosing with Developer Tools (Advanced)