Blogging How-to's Wordpress Guides

How to Add a Beautiful Instagram Feed Above Your Footer

Many paid 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 theme.

Grow Your Pinterest

Download this free eBook and learn:
- How to get a massive number of repins
- How to get invites to awesome group boards
DOWNLOAD YOUR FREE COPY

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 your site.

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.

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 and then check go to your website and scroll down to the bottom to find a beautiful display of your Instagram photos at the bottom. It should look something like this:

Instagram Feed Above Footer

Hey, I'm Stephen! A digital marketing and blogging expert who loves helping others become the bloggers they aspire to be. Don't be afraid to reach out!

9 Comments

  1. the custom headers and footers plugin no longer works. can you recommend another one that would allow me to add my feed?

    • Stephen Chen Reply

      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.

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

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

        • Stephen Chen Reply

          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.

Write A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Grow Your Pinterest

Download this free eBook and learn:
- How to get a massive number of repins
- How to get invites to awesome group boards
DOWNLOAD YOUR FREE COPY
close-link
Become a member of the Aspiring Bloggers Facebook Group!
close-image