Instagram Widget
Instagram Widget
Instagram Widget is a simple WordPress plugin that includes a widget to display your Instagram feed.
The plugin is easy to use and it will take you only a few seconds to connect it to your Instagram account and to display the feed on your website.
Features:
- Responsive
- Easy Setup
- Lazy Load Images
- Profile Header
- Show the feed of any Instagram profile (limited to 12 photos)
- Includes Follow button
Installation & Usage
- Download the ZIP file using the Download button above.
- Go to Plugins > Add New in the Dashboard of your site.
- Click on the Upload Plugin button from the top, select the downloaded ZIP file and Install it.
- Activate the plugin through the Plugins menu in WordPress.
- Now in the Widgets page a new widget called Instagram Widget by WPZOOM will be available.
Authorizing Instagram Account Access
After installing and activating the plugin, go to the Settings > Instagram Widget page in the WordPress Dashboard and click on the blue button to connect the plugin with your Instagram account:
After clicking on that button you’ll be redirected to the Instagram website and asked to grant permissions to our plugin to display your feed:
After clicking on the Authorize button, you will be redirected back to the plugin settings page and the settings will be saved.
Now you can go to the Widgets page and add the Instagram Widget to your sidebar or another widgetized area.
FAQ
I just installed the plugin and widget shows nothing
Make sure to add your Instagram Access Token, which you can get on this address:
https://www.wpzoom.com/instagram/
For more information see the plugins page in the WordPress.org Plugin Repository.
October 17, 2016 3:39 pm
I keep trying to set this up but the server responds with “The Instagram API has rejected your access token”. Any ideas?
October 17, 2016 7:26 pm
Can you try to revoke access, and the re-connect again the plugin with your Instagram account?
October 25, 2016 5:07 pm
Same here…
October 25, 2016 5:59 pm
Hi, i have the same problem: “Provided access token is has been rejected by Instagram Api. Please check your input data”
reinstallation don’t fix this bug..
November 15, 2016 6:02 am
Hi guys, it seems SSL certificate is necessary for this plugin now!
November 15, 2016 3:14 pm
Hello,
I see that the widget works fine on your site. Was the problem fixed?
December 30, 2016 8:56 pm
I’m using the Instagram widget plugin on a client’s site and it is displaying the images in a single row rather than 2 per row, as I have set in the widget options field. Is this a common problem or are there any known conflicts that cause this? I am using a custom them based on Bones. Thanks in advance for any help!
January 9, 2017 1:18 pm
I have exactly the same problem !
January 20, 2017 5:43 pm
Interested in the answer on that too. thanks!
January 21, 2017 10:20 am
We need more details in order to help you.
Can you please provide some screenshots or a link to your website so we can see this problem?
You can also email me directly these details, including your admin login to pavel (a) wpzoom.com.
January 24, 2017 11:56 am
The pictures display on 1 line. So If you want 3 rows and 9 images, you’ll get 1 line with 9 rows with 1 picture each.
April 25, 2017 3:26 pm
Was there a solution to the problem. I’m having the same issue on my website.
“It is displaying the images in a single row rather than 2 per row, as I have set in the widget options field.”
Please help!
April 5, 2017 3:13 pm
Black dots are around my Instagram photos. Can I remove black dots?
May 22, 2017 12:13 pm
Hi
I have just installed the instagram widget and the bullet points are showing up on my images and the spacing is all out of whack? can you please tell me what to target in the css to remove the bullet points and correct spacing? I have tried a few things but can’t remove them.
Thanks :)
May 22, 2017 9:26 pm
@Kaitlyn,
Try this CSS code:
August 9, 2021 4:09 pm
I installed the WPZOOM Instagram widget on my site, set it up as directed, but cannot get it to show in the footage.
Not sure what I am doing wrong.
January 12, 2018 6:04 pm
Hi I would like for you widget to properly display my Instagram feed at the bottom of my site in 1 single line as it does so beautifully on your Foodica Theme. Is this option possible at all? Can you tell me how to modify it, please? Thank you.
April 9, 2018 9:52 am
Hello , after I get authorization all works good for some hours and then it shows :
“Instagram Widget misconfigured, check plugin & widget settings”
I do revoke, reconnect, it works for some minutes and then I got the same error message.
website is SSL https://acenadaclio.it
February 13, 2019 5:54 pm
Hello , after I get authorization all works good for some hours and then it shows :
“Instagram Widget misconfigured, check plugin & widget settings”
I do revoke, reconnect, it works for some minutes and then I got the same error message.
I am having the same issue as the user noted above. Please assist.
June 4, 2019 8:35 am
I also have this problem. Seemingly at random. Not every reload has the problem, but it its very unprofessional to have this error on page!
May 9, 2018 11:39 am
The widget is visible only if I’m logged into my wordpress account, not for anyone else. Any ideas would be appreciated greatly. thx!
May 10, 2018 8:27 am
I can see the widget on your website. Maybe it was a caching issue?
July 11, 2018 10:26 am
Hi,
Today, my instagram widget start not working. I am using the latest version and revoke my access from instagram but it says “Provided access token is has been rejected by Instagram Api. Please check your input data.”
Any ideas?
July 11, 2018 12:14 pm
I’m sorry to hear about this problem.
Can you please retry to connect in a few hours, maybe that will help?
Also, make sure that you’re logged with the correct Instagram account on instagram.com.
July 12, 2018 9:42 am
now it is working. I guess it is a temporary problem.
thanks
July 13, 2018 10:36 pm
I cannot display posts by hashtags with the Instagram Widget, can I?
July 15, 2018 10:06 am
No, you can’t.
August 8, 2018 11:52 am
After updating the plugin today, there is an overlay created by this plugin over the page header, so navigation is not accesible. See http://www.kalikunnan.com/
August 8, 2018 12:07 pm
I found the problem:
You shouldn’t declare in your plugin CSS a general overlay as it may be in use by websites, like this:
.overlay::after {position: absolute;
...
Please correct it
August 9, 2018 12:28 pm
Thanks for letting us know about this problem. Our mistake, indeed. We’ll update the plugin today.
August 13, 2018 5:09 pm
I keep getting this error, what am I doing wrong?
cURL error 7: couldn’t connect to host
thanks!
August 14, 2018 8:41 am
Most probably this is a problem with your hosting provider. Try to contact them and let them know about this error.
See more suggestions here: https://wordpress.org/support/topic/unable-to-reach-wordpress-org-curl-error-7-couldnt-connect-to-host/#post-9911409
August 15, 2018 5:58 pm
yes that worked, thanks! Now the row only going vertical in stead of horizontal, how can I change this?
March 19, 2019 7:30 am
Hi, is it possible to center-align the widget at the footer? Thanks!
March 20, 2019 5:59 pm
Can you give us a link to your website? It would be better to ask your theme developer for such a modification.
March 20, 2019 6:51 pm
My instagram widget is not working. My instagram account is well configured and authorized bu the widget not show the pictures.
Please your help
March 21, 2019 4:48 pm
Was the problem fixed? I’ve checked your website and the Instagram widget works.
May 10, 2019 2:22 am
Hello
How can we change the hover color and the hover text color? Thanks!
June 9, 2019 11:36 pm
I’m not sure how long this has been going on but the widget is not working which is located at the the bottom of my site. It says “Please check your Instagram username.
Please enter an Instagram User.”
My username has been entered as well as the access token so I don’t understand what the problem could be. Can you please help??
June 10, 2019 9:11 am
Nekia,
I think you’re using a different widget in that location, and not our.
Make sure to add “Instagram widget by WPZOOM”: https://ps.w.org/instagram-widget-by-wpzoom/trunk/screenshot-5.jpg?rev=2094044
June 19, 2019 4:03 pm
How can I change the color and text of the button? Why is my fist image showing a padding of 8 px top, I m not being able to modify these two issues. How do I proceed?
October 27, 2019 5:30 pm
hi guys, my website is https://slimfl.com
i am using bridge theme and use this plugin with all my themes and it usually works perfectly.
I am getting an error message in the footer that says:
Instagram Widget misconfigured, check plugin & widget settings.
Get items from the Public Feed failed. Malformed data structure.
I’ve tried both using the token and the public feed and get it to work. any suggestions? please advise.
thanks,
erez
November 27, 2019 4:44 pm
I have the same problem. Did you fix it?
December 1, 2019 8:22 pm
Hi Instagram widget is install and working but the posts are not showing up. http://www.fireflyforge.com
thanks
SZ
December 3, 2019 10:49 am
Hi, was the problem fixed? I see the images are appearing now in your widget.
December 29, 2019 2:52 pm
Hi guys, sorry no I have not been able to fix this and I’m having the problem on a lot of my sites =/. https://promo.vitality-sciences.com as well.
this seems to be happening on sites where I am importing the template of another site and then trying to disconnect WP zoom and login from another account. Is there any way to delete entirely WP zoom from the database memory? Uninstalling it and reinstalling it doesn’t seem to fix the issue. =/
December 29, 2019 12:47 am
Hi,
I’m also receiving the following error “Get items from the Public Feed failed. Malformed data structure.”
Any idea on how to fix it?
July 13, 2020 12:08 am
Same issue
October 28, 2020 10:37 pm
I have the same issues using the public feed on several sites. It says:
“Instagram Widget misconfigured, check plugin & widget settings. Get items from the Public Feed failed. Malformed data structure.” yet I have it set up same as images here and my widget is setup properly?
October 29, 2020 9:33 am
@lori, You shouldn’t use the “Public Feed” method anymore, as it doesn’t work.
Please connect your Instagram account in the plugin settings as it’s shown here:
https://www.wpzoom.com/news/instagram-widget-stopped-working/
January 13, 2020 4:09 pm
hi guys, my website is https://slimfl.com
i am using bridge theme and use this plugin with all my themes and it usually works perfectly.
I am getting an error message in the footer that says:
Instagram Widget misconfigured, check plugin & widget settings.
Get items from the Public Feed failed. Malformed data structure.
I’ve tried both using the token and the public feed and get it to work. any suggestions? please advise.
thanks,
erez
January 22, 2020 12:10 am
I am trying to get the 3 column block look. But it will only show 1 image and constantly scroll to the next. How do I fix this?
Thanks!
March 10, 2020 6:28 pm
After a big research, this is the only plugin (so far) that shows the instagramer full profile info, with an instagram look & feel design. Also, the option for public feeds works perfect and smooth, and last, its settings are more than enough. Thank you for this “perfectly-done” plugin!!
March 31, 2020 8:45 pm
I only get the widget to show the first post in my Instagram account. Tried resetting the access token multiple times, removing it from Instagram and adding it again, removing and adding the widget. Nothing works, just one image.
April 1, 2020 4:20 pm
What theme do you use? Can you provide a link to your website? Or maybe you can send us an email using the contact form?
April 12, 2020 9:07 pm
sir , my footer is black, but when i use the instagram plugin, the widget title doesnt come in white, and gets mixed with the black footer. any way i can turn the title to white for my footer.?
April 12, 2020 10:19 pm
my site is,
http://www.shutterclick.co.in
under about-us page, i have installed the instagram plugin, but facing 2 issues…
1. the title text is black and not white due to which its not visible in black footer..
2. when you select the title text, its mis-aligned from the rest of the widget. why is that so?
April 13, 2020 12:20 am
Hi guys, sorry no I have not been able to fix this and I’m having the problem on a lot of my sites =/. https://promo.vitality-sciences.com as well.
this seems to be happening on sites where I am importing the template of another site and then trying to disconnect WP zoom and login from another account. Is there any way to delete entirely WP zoom from the database memory? Uninstalling it and reinstalling it doesn’t seem to fix the issue. =/
June 2, 2020 11:41 am
Hi there
Added the plugin in the footer and it was working for a few weeks, now nothing is showing up. http://rhondacampbell.com.au/ Cheers
June 2, 2020 1:55 pm
Hi, this plugin is very nice WHEN it works. Only problem is, sometimes it does and sometimes it doesn’t. I also get the “Instagram Widget misconfigured, check plugin & widget settings… malformed data structure” error with nothing changed in the settings.
Any ideas how to fix this?
June 3, 2020 4:01 am
Hi, this is a fantastic plugin. So thank you! I also get the I also get the “Instagram Widget misconfigured, check plugin & widget settings… malformed data structure” error with nothing changed in the settings.
Why is this happening? From the other comments, it looks like this has been happening for a while. What causes this to happen?
Thanks in advance :) Really appreciate you all!
June 3, 2020 2:59 pm
Hi Peter! I’m glad you like our plugin!
It’s really hard for us track down what can cause such problems. In most of the cause it can be a temporary restriction set by Instagram to your server.
Our plugin includes 2 methods to connect your Instagram account: 1st method asks you to login with your account and will generate an access token, while the other method is called Public Feed and it can display images from any account.
Did you tried to switch from a method to another? Sometimes this helps.
Lastly, I recommend you to install and activate a WordPress caching plugin on your website. This will cache the Instagram feed and prevent your website to make numerous requests to Instagram’s servers on every refresh, but instead only time from time. WP Super Cache plugin should help.
June 9, 2020 8:29 pm
I have problem with this widget. I have it in sidebar on every post. For example:
https://prostepesto.pl/zupa-krem-z-gruszki-i-korzenia-pietruszki/
When I am login to wordpress everything looks good (2 columns, 3 rows). Whan I am logout i have 6 photos in one column (one after one). Where is the problem?
June 23, 2020 7:57 am
This plugin was working great until recently. I manage several websites and sometimes it can be difficult to get access to client’s Instagram accounts, which is why I liked the public feed option. This no longer seems to work and I get the following notification: “Instagram Widget misconfigured, check plugin & widget settings. Get items from the Public Feed failed. Malformed data structure.” Nothing changed within the settings, so either there is a problem with the plugin or Instagram. Seems like a lot of other users are having the same problem. If this ever gets corrected, I’d be happy to use it again. Until then, I’ll have to look elsewhere.
August 18, 2020 11:01 pm
Not sure how to change my settings? My plugin settings page doesn’t show any of the settings options as shown above. All I have is request type, access token, check for IG posts every…, serve images from Instagram embed links and enable request timeout.
Also, all instagram photos are showing up as 1 large column of 6 photos, in my sidebar, with no spaces in between.
My site uses Valenti child theme, WordPress 5.5., Basic Instagram API Access Token
August 19, 2020 11:36 am
Is our plugin installed on your website, or maybe it’s bundled with your theme and modified by them?
If you have the plugin you the plugin installed, just make sure it’s updated to the latest version.
September 6, 2020 9:53 am
I use the Instagram Widget plugin, it is Good plugin
thanks, wpzoom
October 6, 2020 5:05 am
Hi,
This widget works fine in chrome but the instagram posts don’t display images in firefox on linux.. any idea why? thanks
October 27, 2020 9:54 pm
Hi,
I’m also receiving the following error “Get items from the Public Feed failed. Malformed data structure.”
The option for public feeds works perfect only in localhost.
October 29, 2020 9:35 am
Please connect your Instagram account in the plugin settings as it’s shown here:
https://www.wpzoom.com/news/instagram-widget-stopped-working/
October 28, 2020 11:28 am
Hi,
The images no longer load in browser.
Just rotating loader, any ideas?
Regards
Jason
http://www.lifeandthelight.com
October 28, 2020 7:38 pm
same thing for my website
October 28, 2020 10:28 pm
Jason,
We’re aware of this issue happening on a limited number of website.
A new update with a fix will be soon released!
October 29, 2020 3:40 pm
The new version is available, so please update the plugin:
https://wordpress.org/plugins/instagram-widget-by-wpzoom/
November 4, 2020 1:02 pm
Hi
Since updating the widget today (4 November) all nine images shown in the widget on my homepage are the same image, even though they are linking to the correct image on Instagram…
Website is – http://www.richyboy.co.uk
Many thanks!
November 13, 2020 8:32 pm
Hi, plugin stopped to work. https://www.mynature4k.com/
January 18, 2021 11:14 pm
as of 1/18/2021 WPZoom instagram widget has been updated.
Public feed is not selected
API has been selected. API token is not expired
Have reconnected several times
still get this message on page:
“Instagram Widget misconfigured or yor Access Token expired. Please check Instagram Settings Page and make sure the plugin is properly configured
Get items from the Instagram API Feed failed. Malformed data structure.
Get items from the Instagram API Feed failed. Malformed data structure.”
March 9, 2021 11:08 am
Hey guys!
Client used your plugin on several sites – and it stop working anywhere. On dev site we have latest version, reconnected auth and it still nothing
In console we have 2 errors
#########################################
Access to XMLHttpRequest at ‘https://instagram.com/********’ from origin ‘https://********’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
#########################################
#########################################
jquery.min.js:2 GET https://instagram.com/******** net::ERR_FAILED
#########################################
Do you have any information how to fix it? Or is it after instagram privacy updates and you are working on it?
July 28, 2021 12:40 pm
Hi, please coulsd you correct this small bug sometime, TIA.
In the avada widget there is a setting “Number of Images Shown” which sets $image-limit but this is not taken into account in the code. I implemented this with :
class-wpzoom-instagram-widget.php towards line 139, add :
// limit items to $image-limit
if (isset ($instance[‘image-limit’]) && $instance[‘image-limit’] > 0) {
if (count($items[‘items’]) > $instance[‘image-limit’]) {
$items[‘items’] = array_slice ( $items[‘items’] , 0 , $instance[‘image-limit’] ) ;
}
}
August 12, 2021 2:01 am
Hi!
I was happy with the previous version: simple, easy, lightweight. I use it in footer widget – and really just want it to show a 3 x 3 grid of lightweight thumbnails.
I neither need nor want the new lightbox – but now, it loads all images in both thumbnails and high resolution from the Instagram CDN. Even if the user a) never opens the lightbox and b) never even scrolls down to see the footer widget at all in viewport.
This means: heavy useless payload on the site – and all that this implies. Google PageSpeed index for example dropped significantly (e.g. from 88 to 33) due to this update. (Back to previous ranking after deactivation of plugin.)
So ideally:
– Instagram thumbnails should be lazy-loaded only if widget is in viewport
– Instagram high-res images should be lazy-loaded only on request, i.e. one by one if actually viewed in lightbox
– the whole lightbox feature should be configurable (at least toggle on/off, without any additional footprint if off)
Until such changes are made, the plugin is not usable for me – and presumably many users with similar needs and priorities.
Thank you for considering these aspects – and in general, of course, for your work and contributions to the community!
Kind regards,
Daniel
August 12, 2021 2:54 pm
Hi Daniel,
Thanks a lot for your feedback!
Please look in the settings available in the Widget. You can disable the Lightbox feature and also enable Lazy Loading for Images:
https://d.pr/i/yIYJrG
We’ve checked carefully if new features that we’re adding affect or not the website performance. If you disable the Lightbox in the widget settings, then your PageSpeed score shouldn’t be affected at all.
August 13, 2021 2:00 am
Hi Pavel,
thanks a lot for your swift reply! Based on your feedback I could quickly identify the cause for my confusion. Will share it in case others may have a similar experience:
I updated to WP 5.8 around the same time. This version changes the visualisation of the widget system quite significantly. Afterwards, the WPZOOM Instagram widget was merely displayed as “legacy widget”, could not be expanded and did thus not show the configuration panel.
After removing the widget and adding it again via the new block based widget editor, it worked fine, looked just as in the screen you shared and could be easily customised to personal preferences. :)
One thing: In my case, lightbox was active right after the update – probably by design to make users aware of this new feature. Since it causes a rather major change from previous plugin behaviour, it might be preferable from a user perspective to deliberately choose to use the lightbox, i.e. an “opt-in” rather than an “opt-out”. Just a thought.
Kind regards, Daniel
December 11, 2021 10:04 pm
Hello! Is it possible to add two different Instagram accounts on the same website? If yes, how?
Thanks in advance!
Kind regards,
Liset