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!

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

  1. Hi, I follow your instruction but there are some problem:

    1. Instagram feed is under the original footer. I chose the Blog Footer to put the code. How can i do to make it above the original one as your demo? And the link doesn’t work.
    2. If I put the code to Footer, the link works but it’s only inside of the post not the page.

    Thanks a lot!

  2. Hello there! I followed the instructions and it worked…butit my have worked too well. My instagram feed shows up both above the header and footer. In the custom header and footers plugin, I double checked and the space for header is empty. Any help is greatly appreciated. Thanks!

  3. I have a instagram footer option for my theme but when I go to select the instagram widget it’s not listed. Do you have any advice?

  4. Hi Stephen! Thanks for sharing! For some reason, I can seem to install the insert header footer plugin to work. I downloaded some other variations but when I copied and paste “[instagram-feed], only the words show up but not the feed itself. Do you have any idea why that is and any suggestions to resolving this? Thanks a million!

  5. I seem to be having the same problem as Manny. It only works as a custom html widget in the sidebar, I’m unable to see it using a custom footer. Any advice would be great!

Leave a Comment

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