How to Add an Instagram Footer Feed to Your Blog

Many paid WordPress themes allow you to put an Instagram feed above your footer as a feature included in the theme. However, not all themes have that option.

So what do you do when it’s not an option that’s provided to you?

Here’s a tutorial that will allow you to integrate an Instagram feed above the footer on any WordPress theme.

What you’ll need for this tutorial:

Plugin | Instagram Feed

This Instagram Feed plugin allows you to create custom Instagram Feeds and provides a shortcode to integrate the feed on anywhere on your site including the footer, widget bar, or even within the post.

Plugin | Custom Header and Footers

This plugin allows you to add custom code to your header or footer. In this tutorial, we’ll be adding code to the footer to create an Instagram footer!

If you’re unsure how to install a plugin, visit my tutorial on How to Install WordPress Plugins.

1. Connecting your Instagram account to the plugin

After you’ve installed the Instagram Feed plugin, you can begin to customize your Instagram Feed. You’ll find a button in your admin panel to access the Instagram feed settings. (see image on right)

On the next screen, click on the button to log into your Instagram account and retrieve your access token.

You’ll be asked to authorize the plugin to obtain the details from your account. Accept the authorization.

Once that’s done, you can copy the User ID provided and paste it in the box next to “User ID(s):” This ensures that the plugin is retrieving photos from your account.

Instagram Feed Above Footer

2. Customizing your Instagram feed

Next, click on the customize tab to customize how your feed will appear on your blog. I would suggest playing around with the different options to create the perfect Instagram Feed for your blog!

You can adjust settings such as width, number of posts, number of columns, order of posts, etc.

Don’t forget to click save afterwards!

Instagram Feed Above Footer

3. Obtaining the shortcode

Click on the tab that says “Displaying Your Feed” and copy the shortcode that’s provided. It should show the below shortcode by default and you’ll need this for the next step.

Instagram Feed Above Footer

4. Adding the shortcode to display above your footer

Since you’ve already installed the plugin – Custom Headers and Footers, you can access it from Settings > Custom Headers and Footers in your admin panel.

In the empty box next to the footer, paste the shortcode you copied in the previous step.

Instagram Feed Above Footer

Hit the save button at the bottom of the page. If you did everything correctly, you should be able to scroll down to the bottom of your website and find a beautiful display of your Instagram photos in the footer! It should look something like this:

Instagram Feed Above Footer

Share this tutorial with others to teach them how to add an Instagram Footer to their websites!

12 thoughts on “How to Add an Instagram Footer Feed to Your Blog”

    1. Hey Alex, on the website it’ll say that the plugin hasn’t been updated in a while but it still works! Let me know if you have further questions.

  1. I found this Instagram widget the other day, but didn’t know the shortcut way of using the Headers/Footers widget. That widget is super helpful….but I’m having the same issue I was having the other day with this Instagram widget…

    I used the blue button to automatically pull my Access Token ID then hit “Save Settings” — but it keeps failing to actually pull my Access Token. Any clue why it isn’t connecting to my account?

    I’m even logged into my Instagram on the web browser and I think I found my manual Access Token from another site, but still isn’t “Saving setting”

      1. Thanks for your response, I was able to get my access token like 3 different ways, but still this widget isn’t connecting auto or manually, so I might contact the widget producers. Thanks! Your site is super helpful too btw!

        1. Glad you think so! Thanks, Anne 🙂

          Also, while you’re waiting for the reply from the plugin author, you can try disabling your other plugins to see if the Instagram Feed plugin starts working. Sometimes one plugin will conflict with another.

  2. Hej thanks a lot, that’s exactly what we were searching for. Unfortunately our feed is only shown vertically. Do we need the pro version of the instagram widget to fix this or how does it work?

Leave a Comment

Your email address will not be published. Required fields are marked *