How to Add Instagram Footer Widget to WordPress (Easy Way)
Home Blog How to Add Instagram Footer Widget to WordPress (Easy Way)

How to Add Instagram Footer Widget to WordPress (Easy Way)

How to Add Instagram Footer Widget to WordPress

Do you want to display an Instagram footer widget on your WordPress site?

Showing your Instagram content on your website boosts user engagement with no extra effort on your part. 

But Instagram doesn’t have an easy way for its users like you to add an Instagram footer widget on your website.

In this post, you’ll learn how to embed an Instagram footer widget on your WordPress so you can integrate social media into your website.

By following this tutorial, you can easily do this in just 5 steps!

How to Embed Instagram Footer Widget

When it comes to adding your Instagram feed to your footer widget, you have 2 choices on how to do it:

  1. Manual: Get approved as an official app developer with Instagram first. Then, generate and tweak code snippets to be pasted directly into your website.
  2. Automatic: Use a trusted WordPress plugin to connect your Instagram account. With just a few clicks, you can automatically embed your Instagram content on your footer.

The 1st method is complicated to do.

Why? Because it involves multiple code snippets and Instagram’s approval. Not to mention that Instagram has a strict process in approving app developers.

Since you also need to paste code snippets directly into your WordPress, you run the risk of accidentally breaking your website.

And if you run into a problem during the process? There’s no support team dedicated to helping you out.

And honestly, it’s not worth the trouble to go this route when all you want to do is just embed your Instagram feed on your site. Right?

But when you use a trusted Instagram WordPress plugin to automatically add your Instagram footer widget, you won’t have those difficulties.

Easiest Way to Add Instagram Footer to Your Website

With the help of the best Instagram feed plugin for WordPress, Instagram Feed Pro, you can easily add your Instagram footer widget to your WordPress, no technical knowledge needed.

best instagram feed pro plugin

Because the plugin has a ready-made widget for WordPress, you can just add it to your site’s footer area and it will automatically display your Instagram content for you.

As a result, it’s easier to cross-promote your Instagram content so you can get more followers on Instagram.

It also inherits your website’s existing theme’s design. This means that your Instagram feed’s design will be consistent with your brand’s look — automatically! 

Plus, if you want to control how your Instagram feed looks, you can easily customize it with just a few clicks using our live feed editor.

live feed editor

In addition to embedding Instagram footer widgets, you can also use the plugin to display different types of Instagram feeds for you, including:

With over 1 million users worldwide, the plugin’s also happily recommended with an average rating of 4.9/5 stars.

reviews instagram feed pro plugin

In addition to its user-friendly interface and ultra-fast performance, the plugin also has a team of WordPress experts dedicated to helping you every step of the way.

Even better, Smash Balloon social feed plugins are trusted by over 1.75 million users, including global brands like Coca-Cola, to embed social media feed widgets on their websites, so you’re in great company!

Expert Tip: Looking to embed Instagram feed widgets on your Elementor website? Here’s how to add Instagram feeds to Elementor.

With these in mind, let’s dive into adding your Instagram footer widget to WordPress using the Instagram Feed Pro plugin below.

Step 1: Install Instagram Feed Pro Plugin

The first step is to get your own copy of the Instagram Feed Pro plugin here.

Then, go ahead and install the plugin to your WordPress website by following these step-by-step instructions to install a WordPress plugin.

Step 2: Create Your Instagram Feed

Already installed the plugin on your website? Great!

The next step is creating a new Instagram feed using the plugin. To do this, navigate to Instagram Feed » All Feeds from your WordPress dashboard. Then, click the Add New to get connected.

create new feed instagram feed pro

After this, you can go ahead and pick the type of Instagram feed that you want on your website. The options here include:

You can also select more than 1 option here to combine multiple feeds and show them into a single Instagram footer widget.

Once you pick your Instagram feed type, click on the Next button.

select user timeline import instagram feed

Now that you’ve created a new Instagram feed, you can go to step 3 and add a source for this feed.

Step 3: Connect Your Instagram Account

For your new feed to show posts from Instagram, you can connect it to your Instagram account.

To do that, first, click on the Add Source button.

instagram add source for feed

After clicking this, the plugin will ask you to choose between connecting your personal account or business account.

Choose personal if you’re just going to display your own Instagram feed. Or, you can choose business if you want to display more feed types like hashtag feed and tagged feed.

For more details on how you can change your personal account into a business one, check out this post on how to convert your Instagram account to a business profile.

Once you select your Instagram account type, click on the Login with Instagram button to continue.

select instagram account type popup

Now, you can give the plugin read-only access to your Instagram account.

A read-only access means the plugin can only view your data but can’t many any changes at all. So, it’s safe to use Instagram Feed Pro.

Just click on Allow on the popup to confirm the read-only access.

allow access to instagram account create feed

This will bring you back to your WordPress site. Here, click on the Next button to continue.

confirm account as source for instagram feed

Since you’ve connected your feed to Instagram, you can now customize it’s design using our live feed editor.

Step 4: Customize Your Instagram Footer Widget

Want to customize how your Instagram footer widget looks like? The plugin’s got you covered!

By using our live feed editor, you can easily control the look and feel of your Instagram content with just a few clicks.

Using the left panel, you can easily change the size, feed layout, color scheme, header design, and more for your Instagram footer widget. It also has customization options for individual Instagram posts.

live feed editor instagram feed

Towards the right, you can find a live preview of your Instagram footer widget so you can track your changes in real-time.

To give you more control over your footer’s design, you can also customize its layout. Click on the Feed Layout option to get started.

feed layout for shoppable instagram feeds

From here, you can now choose from 4 ready-made layout types for your Instagram feed.

feed layout options instagram feed pro

Choosing the grid layout allows you to display your Instagram footer widget in a standard grid with fixed square image sizes.

This type of layout is better suited if you’d like to add your Instagram widget to your sidebar area.

wordpress feed on sidebar example

Want something more suited to your footer area? Then, you can select the carousel layout. This way, you can show your Instagram feed in a beautiful slideshow that your visitors can scroll through, like this.

instagram footer widget wordpress example

Want to display Instagram photos in their original horizontal or vertical formats?

Then, the masonry layout is the way to go. This is perfect for Instagram galleries that aim to showcase your content as a footer widget, like this:

masonry layout instagram feed

Finally, if you have specific posts that you want to highlight in your Instagram footer widget in WordPress, choose the highlight layout.

Since highlighted posts are shown twice as large as other images, you can display this widget in your footer area to show positive social proof about your brand.

highlights instagram feed widget example

Once you’ve selected the Instagram footer widget’s layout, click on Save to finalize your choice.

Then, click on the small Customize button to open the main customization options once again.

return to main customization options

Want to change the colors for your Instagram footer widget? Click on the Color Scheme option here.

click on color scheme option

Since you can pick from 4 different color schemes for your social media widget, it’s easy to set the color options for your Instagram feed:

  • Inherit from Theme: 1-Click to copy your site’s colors to match your branding
  • Light: A bright background and a dark font for your Instagram feed
  • Dark: Choose to show a dark background along with a light font instead
  • Custom: Manually select all of your Instagram feed colors
color scheme options instagram feed pro

Just click on the Save button once you’re happy with the colors.

That way, you can use the live feed editor to change the remaining customization options, like your header stye, follow button, feed size, and much more.

Once you’re happy with how your feed looks, click on Save and move on to the final step below.

Step 5: Add Your Instagram Footer Widget to Your Site

Now, it’s time to finally display your Instagram footer widget on your WordPress website.

Since the plugin works smoothly with WordPress, you can easily do this with the live feed editor.

First, click on the Embed button in the top right corner of your live feed editor.

embed instagram feed

You’ll then see a popup that asks you where you want to embed your Instagram feed. Since you’re adding it to the WordPress footer, click on the Add to a Widget option here.

add instagram feed to widget instagram feed pro

This will open the Widgets page of your WordPress site.

To continue, just click on a Footer panel here.

open footer panel to embed social media widget

Now, add a new widget by clicking on the plus (+) icon. Then, look for the Instagram Feed widget and click on it.

add instagram widget to your sidebar

Finally, click on Update so your Instagram footer widget is automatically added to your WordPress website.

Now, your website visitors can see your Instagram footer widget when they check out your footer area, like this:

footer instagram feed widget example

And, that’s it!

With the help of this newbie-friendly tutorial, you now know how to embed an Instagram footer widget into your WordPress website.

Using the Instagram widget, you can grow your social media presence and get tons of new customers in no time.

Ready to take your Instagram marketing to the next level?

Get started with Instagram Feed Pro today.

Want to get more out of Instagram? Check out our list of the best Instagram marketing tips for your business.

You may also want to read this next post on how to get more views on your Instagram reels.

Have more than 1 social network? See this article on how to embed social media feed widgets to your WordPress site.

And if you found this post useful, connect with us on Twitter and Facebook for more helpful tutorials.

author avatar
Lianne Laroya Content Marketing Manager
Lianne serves as the Content Marketing Manager at Smash Balloon, drawing upon more than 12 years of experience in WordPress content, social media marketing, user-generated content (UGC) and search engine optimization (SEO).

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.