How to Add a Custom Instagram Feed to WordPress

Last updated on

by

How to Add an Instagram Feed to Your WordPress Site (In Just a Few Easy Steps!)

Instagram is a powerful tool for growing your brand, connecting with customers, and driving traffic to your website. But if your Instagram content isn’t featured on your site, you’re missing an easy opportunity to boost engagement and increase followers.

The good news? You can add a custom Instagram feed to WordPress in just a few minutes. No coding required!

I’ve worked in marketing for over 15 years, and I know how important it is to find simple, effective ways to automate and streamline your efforts. In this guide, I’ll show you exactly how to display your Instagram content on your site so you can make the most of your social media presence.

Why You Should Add an Instagram Feed to WordPress

If you’re using Instagram to market your business, why not get more out of your content? Adding an Instagram feed to your WordPress site helps you reach a wider audience, keep your website fresh, and turn visitors into followers.

Here’s how it benefits your business:

  • Increase Instagram Followers: Make it easy for website visitors to discover and follow your Instagram account.
  • Keep Your Website Fresh: Your site updates automatically every time you post on Instagram, keeping it dynamic and engaging.
  • Boost Engagement & Time on Site: Visitors stay longer when they have eye-catching Instagram content to browse.
  • Drive More Sales & Conversions: Show off user-generated content, like testimonials and product photos, to build trust and encourage purchases.
  • Improve SEO (Search Engine Optimization): The longer visitors stay on your site, the better it looks to Google, which can improve your search rankings.

A custom Instagram feed isn’t just a design feature—it’s a smart way to get more value from the content you’re already creating. Now, let’s walk through how to add one to your WordPress site in just a few minutes.

How to Add an Instagram Feed to WordPress (4 Easy Steps)

For this tutorial, I’ll be using the plugin Smash Balloon:

Smash Balloon home page: "Easy, Fast, and Reliable Social Media Feeds for WordPress."

Smash Balloon is the world’s best social media feed plugin for WordPress. It allows you to quickly and easily add social media feeds to your website, including:

  • Instagram
  • Facebook
  • X (formerly Twitter)
  • YouTube
  • TikTok
  • 3rd-party review sites (such as Google and Yelp)

As you’ll see, Smash Balloon requires zero coding or technical skills to install and run. Instead, anyone can add an Instagram feed to their WordPress site in under 5 minutes.

For your WordPress Instagram feed, Smash Balloon lets you:

  • Add a feed of your brand’s Instagram account and ensure every post is highlighted on your website.
  • Showcase user-generated content with hashtag feeds. This feature lets you automatically display every post in your hashtag marketing campaign.
  • Include Instagram Reels in your feed or create a Reels-only feed.

Plus, your Instagram feed’s look is completely customizable, so you can match the style and look of your brand.

Is Smash Balloon the Right Social Feed Tool for Your Site?

Check out our in-depth Smash Balloon review.

Step 1: Download and Install Your Smash Balloon Plugin

The first thing you’ll need to do is decide which Smash Balloon tools you’ll want to use.

If you’ll only be working with Instagram, then you can use Instagram Feed Pro as an individual plugin:

smash balloon instagram feed pro

Instagram Feed Pro is what we’ll be using in this tutorial. You can sign up for your account, download the plugin, and get started FAST.

But if you’re using more social media channels like Facebook, Twitter, or YouTube, then you may need a more advanced tool.

We’d recommend Smash Balloon’s Social Wall Pro with the All Access Bundle.

This lets you combine feeds from Instagram, Facebook, Twitter, and YouTube.

For today, though, we’ll assume you’re only working with Instagram, so we’ll stick with Instagram Feed Pro.

Once you sign up for an account, you’ll be able to download the plugin from the Download tab in your Smash Balloon dashboard:

instagram custom feed plugin

Then you can download and install the Instagram Feed Pro plugin like you would any other plugin on your site.

Simply click Plugins » Add New from your WordPress dashboard. Then click Upload.

upload new plugin

You can now drag and drop your Instagram Feed Pro plugin and click Install Now:

add instagram feed plugin

Then click Activate Plugin:

activate instagram feed pro plugin

Next, you’ll need to enter your Instagram Feed Pro license key.

Click Instagram Feed Pro » License from the WordPress admin menu:

enter your license key in wordpress

Switch back to your Instagram Feed Pro account dashboard (where you downloaded the plugin) to find your license key. It’s under the Downloads tab:

find your instagram feed pro license key

Copy and paste the key back in your WordPress dashboard and click Activate License:

activate instagram feed pro license

Now you’re ready to connect your Instagram account and add your custom feed.

Step 2: Connect Your Instagram Account

From your Instagram Feed Pro dashboard in WordPress, click the Configure tab.

Make sure you’re logged into Instagram on another browser screen and click Connect an Instagram Account:

connect an instagram account

A new window will appear asking if you’re joining for a Personal account or for Business.

Personal accounts can only show feeds from their own Instagram profile. Business accounts let you show filtered feeds with hashtags, photo tags, and more.

Your choice will depend on your social media marketing strategy and how you want to use Instagram with your website.

For this tutorial, though, we’ll select Personal and click Connect:

click business for instagram feed pro

You’ll then be prompted to grant access to Instagram Feed Pro for your Instagram account. Click Allow:

allow instagram access to your website

A small window will appear showing you the name of the Instagram account requesting access. Click Connect This Account:

connect this account instagram feed pro

When you’re connected, you’ll be ready to modify your Instagram feed.

Step 3: Customize Your Instagram Feed

Under the main settings page, click the Customize tab:

customize instagram feed pro

Here you’ll be able to modify different aspects of how your Instagram feed appears on WordPress. You can modify the:

  • General settings
  • Layout
  • Header
  • ‘Load More’ Button
  • ‘Follow’ Button

This gives you FULL control over your Instagram feed’s appearance. You’ll be able to change the width, height, and background color of your feed.

You can also determine which layout you’d like to choose and how many photos appear at any time:

layout type for instagram feed wordpress

With these layouts, you have 4 options:

  • Grid
  • Carousel
  • Masonry
  • Highlight

Since the layout is such an important factor in your Instagram feed’s appearance, let’s quickly look at what these layouts look like.

1) Grid

instagram-feed-grid-layout-1

Your Grid layout shows your Instagram photos in a clear-cut fashion. It shows your images in equally sized cropped blocks.

2) Carousel

instagram-feed-carousel-layout

The Carousel layout shows your photos in a horizontal Instagram feed that users can scroll through.

3) Masonry

Instagram-feed-masonry-layout-1

The Masonry layout shows your photos in their original aspect ratios (meaning they aren’t cropped like in the other 2 layouts we’ve seen).

4) Highlight

instagram-feed-highlight-layout-1

The Highlight layout shows square-cropped images with no captions, hashtags, or anything other than the images themselves.

Then you can configure the pattern style you want to highlight specific images from your Instagram feed:

configure pattern settings instagram feed pro

Again, Smash Balloon gives you endless customization options to make an Instagram feed tailored to your WordPress site.

We won’t get into much more detail on how to customize your Instagram feed. But rest assured that making changes is incredibly simple and doesn’t require any coding or technical skills at all.

And once you’ve styled your Instagram feed, you’re ready to add it to your WordPress site.

Step 4: Add Instagram Feed to WordPress

There are 2 ways you can add an Instagram feed to WordPress:

  • Add your feed to a post or page
  • Add your feed as a widget

Let’s look at how you can do both of these in detail.

Add Instagram Feed to a Post or Page

If you’re using the Gutenberg editor, you’re in luck. That’s because you can simply click the Plus (+) icon to add a new element to your page.

Then search for Instagram Feed:

instagram-feed-content-block-1

Then your feed will instantly appear where you’ve just embedded it:

instagram-feed-example

Still using the Classic editor? That’s no problem.

You can copy and paste this shortcode onto any post or page: [instagram-feed]

instagram feed shortcode

And just like that, your Instagram feed will be added to your WordPress site.

Add Instagram to WordPress as a Widget

In some cases, you might not want your Instagram feed to appear on specific posts or pages. Instead, you’d rather it be a permanent element of your site.

In that case, you’ll need to add your Instagram feed as a WordPress widget.

To do so, click Appearance » Widgets from your WordPress admin menu.

Then you can select which widget area you want (like footer or sidebar, for example). Locate the Instagram widget to drag and drop it in the widget area you’d like:

instagram-feed-sidebar-widget

This will automatically place the shortcode in the widget area (you can add this shortcode manually, as well).

Now you just need to Save and, just like that, you’ve added an Instagram feed to one of the widget areas on your WordPress site.

And that’s all for today! We hope you found this tutorial on how to add a custom Instagram feed to WordPress helpful.

If you did, then you’ll definitely want to check out the following resources:

These posts will have even more information on how you can leverage your Instagram account to drastically grow your business!


Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.



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.

Popular Posts

Connect with us:

Start Getting More
Leads & Sales Today
with OptinMonster!

Popups work, and you can get started for a few bucks a month. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?

In only 7 months, we added more than 95,654 names to our email list using OptinMonster’s Exit Intent™ technology. We strongly recommend it!

Michael Stelzner - Best Lead Generation Tool

Michael Stelzner

Founder Social Media Examiner

I hate popups, so I was hesitant to try one on my site. But the results from OptinMonster exit-intent popup speak for themselves. I doubled my subscription rate immediately without annoying my users. I haven’t had a single complaint. My only regret is that I didn’t start using OptinMonster sooner. I can only imagine how many subscribers I could have added to my email list! If you have a blog, then I highly recommend you start using OptinMonster. I’ve researched them all, and it’s the best in market.

Michael Hyatt - WordPress Lead Generation

Michael Hyatt

New York Times Bestselling Author Platform: Get Noticed in a Noisy World

Exit-intent popups have doubled my email opt-in rate. When done right, you can see an instant 12% lift on driving sales. I highly recommend that you use OptinMonster for growing your email list and sales.

Neil Patel - WordPress Popup Plugin

Neil Patel

Founder QuickSprout