LIMITED OFFER  Get the All Themes Package [31 Themes] for only $99 View Details →

Download

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.

View Demo →

Screenshot of the Instagram Widget

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

  1. Download the ZIP file using the Download button above.
  2. Go to Plugins > Add New in the Dashboard of your site.
  3. Click on the Upload Plugin button from the top, select the downloaded ZIP file and Install it.
  4. Activate the plugin through the Plugins menu in WordPress.
  5. 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.

83 Comments

  • I keep trying to set this up but the server responds with “The Instagram API has rejected your access token”. Any ideas?

  • 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..

  • Hi guys, it seems SSL certificate is necessary for this plugin now!

  • 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!

    • I have exactly the same problem !

    • Interested in the answer on that too. thanks!

    • 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.

      • 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.

      • 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!

  • Black dots are around my Instagram photos. Can I remove black dots?

  • 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 :)

    • @Kaitlyn,

      Try this CSS code:

       .zoom-instagram-widget__item:before {display: none !important;}
      
      .widgetWrap ul > li + li {
          margin: 0;
      }
      • 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.

  • 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.

  • 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

    • 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.

    • 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!

  • The widget is visible only if I’m logged into my wordpress account, not for anyone else. Any ideas would be appreciated greatly. thx!

  • 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?

    • 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.

  • I cannot display posts by hashtags with the Instagram Widget, can I?

  • 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/

    • 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

    • Thanks for letting us know about this problem. Our mistake, indeed. We’ll update the plugin today.

  • I keep getting this error, what am I doing wrong?

    cURL error 7: couldn’t connect to host

    thanks!

  • Hi, is it possible to center-align the widget at the footer? Thanks!

  • My instagram widget is not working. My instagram account is well configured and authorized bu the widget not show the pictures.
    Please your help

  • Hello
    How can we change the hover color and the hover text color? Thanks!

  • 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??

  • 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?

  • 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

  • Hi Instagram widget is install and working but the posts are not showing up. http://www.fireflyforge.com

    thanks
    SZ

    • Hi, was the problem fixed? I see the images are appearing now in your widget.

      • 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. =/

  • 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?

  • 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

  • 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!

  • 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!!

  • 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.

  • 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.?

  • 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?

  • 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. =/

  • 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

  • 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?

  • 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!

    • 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.

  • 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?

  • 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.

  • 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

    • 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.

  • I use the Instagram Widget plugin, it is Good plugin

    thanks, wpzoom

  • Hi,
    This widget works fine in chrome but the instagram posts don’t display images in firefox on linux.. any idea why? thanks

  • 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.

  • Hi,
    The images no longer load in browser.
    Just rotating loader, any ideas?

    Regards
    Jason
    http://www.lifeandthelight.com

  • 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!

  • Hi, plugin stopped to work. https://www.mynature4k.com/

  • 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.”

  • 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?

  • 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’] ) ;
    }

    }

  • 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

    • 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.

      • 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

  • Hello! Is it possible to add two different Instagram accounts on the same website? If yes, how?

    Thanks in advance!

    Kind regards,
    Liset

Leave a Reply

*

*