How to Embed Your Instagram Feed on WordPress (Easiest Way)
Home Blog How to Embed Your Instagram Feed on WordPress (Easiest Way)

How to Embed Your Instagram Feed on WordPress (Easiest Way)

How to Embed Your Instagram Feed on WordPress Easy

Embedding your Instagram feed to your WordPress site means people can easily interact with you on both platforms.

This way, you can easily boost your brand awareness, sales, and conversions. After all, cross-promoting your social networks on your website helps you reach tons of people and keep them engaged.

But figuring out how to add your Instagram feed to your WordPress website isn’t as easy.

So today we’ll show you how to embed your Instagram feed on WordPress. By following this tutorial, you can grow your audience and increase sales for your business using your Instagram content.

Since we’ll cover different methods, here’s a table of contents to help you find what you need:

Or, you can click here to skip ahead to the tutorial.

Ready? Let’s get started!

Why Embed Instagram Feeds in WordPress?

Displaying an Instagram feed on your WordPress website has lots of benefits. It gives your website visitors a chance to see your latest Instagram posts. Plus, it adds dynamic content to your site.

Here are a few ways you can use Instagram feeds on your website to engage your audience:

  • Show an Instagram feed of product reviews from customers to increase product sales.
  • Add an Instagram hashtag feed of relevant content to your site to keep visitors engaged and let them stay for longer.

branded hashtag instagram

  • Display an Instagram feed of user-generated content to serve as positive social proof for your brand so you can drive more sales to your business.
  • Have video testimonials for your business? Embedding Instagram TV video testimonials on your WordPress can encourage your site visitors to buy from you.
  • You can also improve your SEO when you embed Instagram feed on your website. Since the feeds are crawled and indexed by Google, they provide relevant content to boost your website’s rankings.

As you can see, embedding an Instagram feed in WordPress can achieve much more than merely showing your Instagram images.

Once you learn how to do this, it’s the best way to boost visitor engagement and grow your business.

But how do you add different Instagram feeds to WordPress? Let’s find out!

How to Embed Instagram Feeds With a Plugin

The easiest way to embed an Instagram feed to WordPress is to use a WordPress plugin.

This way, the plugin can just connect with Instagram’s API to help you easily display Instagram feeds on your website — even if you’re not tech-savvy.

By using a trusted WordPress plugin, you can showcase your feeds in all their glory, without having to worry about dealing with embed code, HTML, Custom CSS, JavaScript, or other coding languages.

For this method, we’ll show you how to add an Instagram feed to your site using the Instagram Feed Pro plugin from Smash Balloon.

best instagram feed pro plugin

As the highest-rated Instagram feed plugin for WordPress, it lets you display completely customizable Instagram feeds on your site in under 10 minutes!

And with zero technical knowledge needed to get up and running, your feeds look great right out of the box. This way, your feeds look consistent with your brand’s design, with minimal effort on your part.

The best part? Since the plugin’s built with users in mind, it’s designed to be ultra fast. That’s why the pro version of Instagram Feed is trusted and happily recommended by over 1 million users worldwide!

reviews instagram feed pro plugin

In fact, Smash Balloon plugins are used by the most popular brands all over the world, so it’s completely safe:

smash balloon brands

Let’s talk about the step-by-step instructions on how to display an Instagram feed on your website.

How to Embed Your Instagram Feed on WordPress

In this post, we’ll show you how to add Instagram feeds to WordPress — using a plugin.

Step 1: Install and Activate Instagram Feed Pro

To start using this plugin, get your copy of Instagram Feed Pro here and download it to your computer.

Then install and activate it on your WordPress website. If you’re not familiar with how to do that, you can follow the instructions for how to install a WordPress plugin here.

Once you’ve done that, you can move on to the next step.

Step 2: Create a New Instagram Feed

The next step is to create a new Instagram feed for your site. To do that, head to Instagram Feed » All Feeds from the WordPress admin area.

create new feed instagram feed pro

Next, you can choose the type of Instagram feed you want to embed. You get 3 options to pick from here:

  • User Timeline: Show photos and videos that you’ve posted on your Instagram profile
  • Public Hashtag: Display Instagram posts with your chosen hashtags
  • Tagged Posts: Embed posts where other Instagram users have tagged you

Plus, you can even select multiple options and create a feed that combines different feed types.

To continue, just select the feed types that you prefer and click on Next.

For our tutorial, we’ll go with a user timeline.

select your feed type instagram feed pro

Now, you can move on to step 3 and connect your new feed to a source.

Step 3: Connect Your Feed to Instagram

To show Instagram posts on your website, you can add an Instagram account to your website first.

Since Instagram Feed Pro asks for read-only access to your account, the plugin can only view your content and won’t be able to make any changes.

As a result, Smash Balloon is safe to use.

First, click on the Add Source button to get started with connecting your feed to Instagram.

instagram add source for feed

After that, you can pick between a personal Instagram account or a business account

With a personal account, you can use all the features you’ve regularly used on Instagram. For your new feed, you can display posts from your own Instagram account only.

On the other hand, a business account gives you advanced features like analytics and a contact button.

Plus, you can get more options for your Instagram feed like IGTV videos, shoppable feed, hashtag feed, and more.

After selecting your account type, click on the Login with Instagram button.

select instagram account type popup

To continue, you can confirm that you want to connect your Instagram account by clicking on the Allow button.

allow access to instagram

The plugin will now bring you back to your site so you can connect your Instagram account as the source for your feed.

To do that, just click on the Next button.

confirm account as source for instagram feed

Just like that, you’ve created a new feed and connected it to Instagram. You can now go to step 4 and customize the design of your new Instagram feed.

Step 4: Customize Your Instagram Feed

Once you connect your feed to Instagram, you can use the live feed editor to customize it.

live feed editor for instagram feed pro

Here, you can find all of your customization options on the left side. Using these options, you can change the feed layout, color scheme, post style, header design, and much more.

Towards the right, you can see a live preview of your Instagram feed. You can see all the changes you make in real-time here.

To start the customization, you can select the Feed Layout option from the left.

select feed layout options live feed editor

For your Instagram feed, there are 4 options that you can pick from: Grid, Carousel, Masonry, and Highlight.

feed layout options instagram feed pro

The first option is the grid layout which shows Instagram posts in rows and columns. Plus, all of your posts are cropped to the same size so they look clean and uniform.

With this layout, you can show lots of Instagram content on your site at once.

grid layout for your instagram feed

Next, there’s the carousel layout that shows your posts in an Instagram carousel slider.

It’s a great way to give website visitors another way to interact with your site.

carousel layout for your instagram feed

After that, you have the masonry layout which shows Instagram posts in different columns.

You can use this layout to embed photos and videos with their original proportions.

masonry feed layout for your instagram feed

Finally, there’s the highlight option which can show a beautiful Instagram gallery where the posts are more visible.

In fact, you can increase the size of your photos and videos by 4 times with this layout.

highlights layout for your instagram feed

Once you pick your layout option, click on Save.

To proceed, click on the small Customize button and go back to the main customization options.

return to main customization options

Now, select the Color Scheme option on the left so you can customize the colors of your Instagram feed.

select color scheme option live feed editor instagram

For the color scheme, you can choose from 4 different options:

  • Inherit from Theme: Copy the colors of your website for your Instagram feed
  • Light: Show an Instagram feed with a lighter background and dark font color
  • Dark: Pick a darker background and a light font color for your feed
  • Custom: Manually select all the colors of your Instagram feed yourself

color scheme options instagram feed pro

After picking your color scheme, click on the Save button.

Just like this, you can customize the rest of your Instagram feed using the live feed editor. You’ve got options to change your post layout, header style, button design, lightbox, and much more.

Once you’re done with the customization, remember to click on Save.

You can now go to step 5 where we show you how to add Instagram feeds to WordPress.

Step 5: Embed Instagram Feed on Your WordPress Website

Embedding your Instagram feed in WordPress is pretty straightforward using this plugin.

In fact, there are 2 ways you can embed your Instagram feed:

  • Embed your Instagram feed on a WordPress page
  • Embed your Instagram feed on your WordPress sidebar or footer

Embed Your Instagram Feed on a WordPress Page

First, let’s see how you can display your Instagram feed on a page of your WordPress site.

To begin, click on the Embed button in the top right corner.

instagram click on the embed button

You’ll now see a popup that asks you to choose where you want to embed your Instagram feed. To continue, select Add to a Page here.

add instagram feed to page instagram feed pro

After that, just select the WordPress page from the list and click on Add.

add instagram feed to a wordpress page

This will open the page in the WordPress editor. Now click the Plus (+) icon to add a new WordPress content block.

add new wordpress block

After that, enter “Instagram” in the search bar and then click on the Instagram Feed block from the search results.

embed instagram feed page

Now click on the Publish button to save your new Instagram feed.

With that, you’ve added an Instagram feed to your WordPress website. To see how it looks, you can open your site and see.

example of instagram feed wordpress

Now let’s check out the other way to embed Instagram feeds on your website.

Embed Your Instagram Feed on Your WordPress Sidebar or Footer

Instagram Feed Pro also comes with a built-in Instagram widget that you can use to add your feeds to the sidebar or footer areas.

To embed your Instagram feed as a widget, first, open it in the live feed editor. For that, you can go to Instagram Feed » All Feeds from your WordPress dashboard.

Here, click on your Instagram feed from earlier.

select your instagram feed

To embed your Instagram feed to WordPress, select the Embed button at the top.

instagram click on the embed button

On the new popup, you can choose where to embed your Instagram feed. Just select the Add to a Widget option to continue.

add instagram feed to widget instagram feed proadd instagram feed to widget instagram feed pro

This will open the Widgets page of your website.

To add the Instagram feed to your sidebar, just click on the Sidebar panel on this page.

open sidebar panel to embed social media widget

You can also click on a Footer panel instead if you want to embed your Instagram feed there.

For this tutorial, we’ll use the sidebar to embed an Instagram feed.

open footer panel to embed social media widget

Now, you can see the active widgets on your sidebar or footer area. To add a new widget, click on the plus icon (+) here.

Finally, select the Instagram Feed widget from the options.

add instagram widget to your sidebar

Click on Update to save your changes and you’ve now embedded your Instagram feed to a widget-ready area of your site.

When you navigate to the front of your website, you can see how it looks.

sidebar widget instagram feed pro

Want the full tutorial on how to display Instagram feeds on your WordPress site’s sidebar or footer?

Check out this helpful tutorial on how to add an Instagram widget to your WordPress website.

How to Embed an Instagram Hashtag Feed

So far, we’ve discussed adding a standard feed to WordPress to highlight your Instagram posts.

But as we touched upon earlier, Instagram Feed Pro can do a whole lot more. And that includes allowing you to embed Instagram hashtag feeds on your website.

Let’s learn how to do that next.

Step 1: Create a Hashtag Instagram Feed

First of all, use your WordPress dashboard to navigate to Instagram Feed » All Feeds.

Now click on the Add New button at the top.

create feed instagram feed pro

Then on the new page, just select the public hashtag feed type from the options.

If you want to show specific hashtags from your own Instagram posts or your tagged posts, you can select multiple feed types at once.

Once you’ve selected your feed type, click on Next.

select instagram hashtag feed

After that, you can go to step 2 and connect your hashtag feed to Instagram.

Step 2: Connect Your Hashtag Feed to Instagram

To create an Instagram hashtag feed, you can just connect it to a business account for Instagram.

Click on the Add Source button here to get started.

add source instagram feed

For a business account, you’ll see a Facebook popup where you can select your business Instagram account. Then, click on Next to continue.

connect to Instagram business

After that, you can select a Facebook page from the list and then click on the Next button.

connect to a Facebook page

Finally, you can connect your business Instagram account by clicking the Done button on the popup.

allow read only access to facebook

With that, you’ve given the plugin read-only access to your Instagram account. Like with a personal account, Instagram Feed Pro can’t make any changes and will only view your content.

Now you can just click on Add to confirm the Instagram account as a source for your feeds.

add instagram account to your feed

To finish connecting your hashtag feed to Instagram, just click on the Next button.

finish connecting your site to instagram

You can now go to step 3 and select the hashtags that you want to use for your new Instagram feed.

Step 3: Add Your Hashtags

Now, you can just enter the hashtags that you want to show on your site. To add more than 1 hashtag, just use a comma to separate them.

You can also choose between showing the top (most popular posts first) or recent (newest posts first) content from Instagram.

After you’ve added the hashtags, click on Next.

enter hashtags for instagram feed

You’ve just created an Instagram hashtag feed for your website in just 3 steps.

Like before, you can now customize the design of your feed and embed it on your WordPress site.

example of instagram hashtag feed for wordpress

Want more details on how you can do this? Check out this post on how to embed an Instagram hashtag feed to your WordPress for guidance.

And if you want to display multiple Instagram feeds on your website, take a look at this tutorial.

How to Embed Instagram Post Without a Plugin

In the past, you can easily embed your Instagram posts on WordPress without a plugin because of the oEmbeds functionality.

You just needed to paste the link to your Instagram post and WordPress would automatically embed it.

Sadly, WordPress discontinued oEmbeds for Instagram and Facebook on October 24, 2020.

example instagram oembeds feature

This means that if you’re not using a plugin, you can’t embed Instagram posts in WordPress by just pasting the link.

Want to add Instagram posts to WordPress the old way? Then you need to register with Facebook as an app developer.

This is time-consuming and complicated, especially when you just want to embed your Instagram posts on your website.

The good news is, there’s a better way to do it.

Instagram Feed Pro brings back oEmbeds for Instagram and Facebook once again. Using this plugin, you just need to paste the link to your Instagram posts and WordPress will continue to automatically embed it.

Simply follow steps #1, #2, and #3 above so you can install Instagram Feed Pro and connect your Instagram account.

Once you’ve successfully connected your Instagram account to the plugin, it’s time to enable oEmbeds for Instagram.

Enable oEmbeds for Instagram

First, navigate to Instagram Feed » oEmbeds from your WordPress dashboard. On this page, you can enable oEmbeds for Instagram as well as Facebook.

Here, just click on the Enable button in the Instagram section.

enable instagram oembed feature

All you need to do now is to confirm your Facebook account. To do that, click on the Continue button on the popup.

reconnect to facebook account

Congratulations! You’ve now enabled oEmbeds for your WordPress website! Now, you can continue embedding your Instagram photos and videos to WordPress just by pasting the links.

Embed Your Instagram Posts on WordPress

First, head to your Instagram profile and find the post you’d like to embed in WordPress.

embed instagram post on wordpress

In the top right corner of the post, you’ll see 3 dots that look like this , which indicates more options for you to choose from. Click the dots and select copy link from the menu that appears.

copy instagram link

Next, create a new post or page in WordPress and paste the link directly into the block editor.

Since you’re using the Instagram Feed Pro plugin, WordPress will continue to automatically embed the Instagram post into the editor, so you can preview how it looks before publishing.

embed instagram feed on website

Then go ahead and publish your content to see the post live on your WordPress website. With that, you now know how to add Instagram feeds to WordPress in just a few steps.

Further Reading: How to Add Social Media Feeds to WordPress

There you have it!

In this article, you’ve learned how to embed your Instagram feed on WordPress.

So now, you can engage your visitors with highly relevant content, increase your Instagram followers, and, ultimately, improve your business.

Get started with Smash Balloon’s Instagram Feed Pro now!

Want unlimited access to Smash Balloon plugins so you can use them on unlimited websites? Go ahead and get the All Access Bundle here.

It’s the best social media aggregator that lets you easily embed your social feed from different social media platforms like Instagram, Facebook, Twitter, and YouTube on your website.

The great part about Smash Balloon’s pricing method? It comes with a 100% no-risk money-back guarantee so you can try out the plugins first and see if it’s a good fit for you.

You may want to check out this next article on the best Instagram feed examples you can embed on your website.

And if you enjoyed this article, feel free to follow us on Twitter and Facebook for more social media marketing tutorials.

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.