Instagram is an amazing platform for growing a blog or marketing a business. Especially if you have a younger audience or target people who are visual and have photos to show off.
A great way to continuously grow your Instagram account, outside of using solid Instagram strategies, is to have your feed displayed on your blog and encouraging people to click through and follow. It can seem intimidating to add a feed to your blog that looks just the way you want so today we’ll go over how to display your Instagram feed on a WordPress blog.
[Tweet “Display your Instagram feed on your WordPress blog with these simple steps!”]
Install a plugin
There are a few services out there that allow you to choose how your feed will display and embed a piece of code in your website, but you can do it more quickly and easily using the Instagram Feed plugin by Smash Balloon. Start out by getting it installed and activated.
Connect your Instagram account
The most intimidating part of the entire process is connecting your account to the plugin, but even this step is nice and easy. Head over to the new Instagram Feed page in your WordPress Dashboard to start the process.
From there, you’ll be brought to a screen with a big blue button and a couple of empty text fields. Click the button to login to your Instagram account (if you’re not already logged in). Doing so will also give you the Access Token and User ID that you’ll need to enter in the fields below.
If clicking the button doesn’t do anything, click the Button not working? link to the right of it to get your codes from the plugin’s website.
Copy your Access Token and User ID into the two empty fields and click Save Changes.
Customize your feed
The hard part is over! Now it’s time to decide how your Instagram feed will be displayed. From the page where you configured your account, head over to the Customize tab.
This page contains a bunch of different settings you can play around with to get your feed looking just the way you want it.
To give you an example, here’s what settings we changed for the Instagram feed you see in our blog’s footer:
- Width of feed: 185px (In most instances you’ll want to leave this at 100%)
- Number of photos: 4
- Columns: 2
- Padding around images: 5px
- Show the header: unchecked
- Show the ‘load more’ button: unchecked
- Show the follow button: unchecked
If you plan to have your feed in multiple different formats throughout your website, choose your default settings here and use the shortcodes found on the Display Your Feed tab to change the display settings in additional areas of your site.
Display your feed
Now it’s time to show off those gorgeous images! Head over to the Display Your Feed tab, copy the shortcode, and add it to whatever widget area or page you want your feed displayed in.
You did it!
Now that you’ve got your Instagram feed displayed on your blog you’ve got more visual interest added and an increased likelihood that people will hop over and follow you!
For a few examples of how you can display your feed in different parts of your blog, check out some examples in our theme demos: