I’ve written a few articles about how images can get more people to read your blog or visit your website. In this post, I’m going to discuss how you can take your Instagram photos and show it on your website or blog. It’s a great way to show off your best looking photos or show the visual side of your blog’s topic and increase your Instagram followers at the same time. By showing your Instagram feed on your blog, you are giving your audience a preview of what they will see when they follow you.
Which Instagram account do I use?
If you have a private Instagram account, then you will not be able to display your feeds. If you don’t want to set it to public, then you can create a new public account made for your blog. In this way, you can keep private photos of you and your family separate from photos meant for blog-related topics.
Most bloggers create separate Instagram accounts meant for their blog and the photos are usually related to their niche. Photos include behind-the-scenes snapshots, preview of upcoming products, conventions and events attended and other everyday things that they encounter as they manage their blog.
These are ideas you can draw on if you’re not sure what to post on your blog’s Instagram account. Be as creative with your photos to draw readers and followers.
How does Instagram feed Plugin work?
So how do you go about showing your Instagram feed on your blog? A simple plugin called Instagram Feed will help you get the job done without any coding required.
After installing the plugin, you will see the “Instagram Feed” button on your WordPress left panel menu. Click on this to go to the plugin’s controls.
The first thing you need to do is to log in to your Instagram account and authorize the plugin to access your photos. Click on the blue button that says “Log in and get my Access Token and User ID”.
If you’re not already logged in to Instagram, log in with user name and password. Authorize the plugin when prompted. Once done, it will bring you back to the plugin page in WordPress with your access token and user ID already generated.
Copy these and paste it in the Access Token and User ID field below.
Click on Save Changes.
On the top portion, click on the Customize tab.
Here you can customize the width and height of the feed area. If you’re going to place the feed on a sidebar widget, it’s best to check the dimensions of your widget area to match the values here. You can set the value by percentage or pixels.
You can also select a background color to match your theme.
Next, decide how many photos you want to show and in how many columns.
In image resolution, you can choose what size the photos appear in. There is a default of auto-detect which is recommended by the plugin.
Lastly, you can change the padding around images, or the spacing between each image. The default is 5 pixels. You can also disable mobile layout. However, if you want the feed to appear responsively in a mobile device, keep this box unchecked.
When done, click Save Changes.
Further down, you have more options for the header, Follow and Load More buttons. On each of these areas, you can customize the background color and text color of buttons, as well as the text (default is “Load More” and “Follow on Instagram”).
Once you’re done with customization, click on Save Changes and proceed to the next tab which is Display Your Feed.
Here, you are given the basic short code to display your feed in any part of your site. Simply paste the short code to a text editor or widget text element and it should display the feed accordingly.
There are other short codes you can use for added customizations, in case you want to display your feed differently in other areas of your blog. Note that some short codes, like displaying hashtags instead of user photos, come with the Pro version of the plugin.
You can display multiple users in one feed as describe in the short code below:
[instagram-feed id="ANOTHER_USER_ID, YET_ANOTHER_USER_ID" num=4 cols=4 showfollow=false]
The Instagram user ID required is not the same as the user name. Note that the user needs to have a public account for the photos to show.
Here’s an example of what your feed might look like:
Instagram Feed is just one of the many WordPress plugins for displaying Instagram photos on your website, but this one is widely used and have the most features available on the free version. Once you’ve tried it and decide you want more features, then there are definitely other plugins out there that offer other options, albeit for a price. Here are some awesome plugins which you should read about:
Have you tried displaying Instagram photos on your site? Share in the comments below!
5 thoughts on “How To Display All Instagram Photos On Your WordPress Blog”
Thanks for providing detailed information about the Instagram plugin. I was looking for the best plugin for my wordpress blog that will help to show our photos on Instagram.
You post is really helpful and i have installed this plugin.
Good to know, Dev!
Another Interesting and useful article for WordPress bloggers.I shifted to wordpress after reading your article and results are already showing on my site. Instagram is another powerful social media for sharing and social linking. Thanks very much KIM BARLOSO
Can I also display Pinterest images using these steps ?? For my WordPress blog
This is best way to share our instagram image in blog . Thanks a lot for this plugin ……