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 | Smash Balloon Social Photo Feed
This Smash Balloon Social Photo 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 Smash Balloon Social Photo 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.
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, the order of posts, etc.
Don’t forget to click save afterward!
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.
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.
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:
Share this tutorial with others to teach them how to add an Instagram footer feed to their websites!