How to Embed Instagram Posts on WordPress (Beginners Guide)
Home Blog How to Embed Instagram Posts on WordPress (Beginners Guide)

How to Embed Instagram Posts on WordPress (Beginners Guide)

How to Embed Instagram Posts on WordPress

Want to learn how to embed Instagram posts on your WordPress site?

Showing off beautiful Instagram photos and videos on your site is a great way to boost your user engagement.

At the same time, your site traffic can help increase your Instagram followers.

Plus, it’s super easy to do with the right tool. You can start embedding all kinds of Instagram posts with no coding needed.

In this tutorial, we’ll show you how to embed an Instagram post on WordPress in just a few easy steps.

Why Embed Instagram Posts on WordPress

Adding Instagram posts can help your WordPress website out in lots of ways.

First, you’re showing fresh new content that makes your site more engaging to look at. And that’s just the start, you can also use it for social media marketing.

In fact, here are a few ways great you can integrate Instagram into your website:

  • You can show video reviews or testimonials from Instagram that encourage visitors to buy your products.
  • If you show Instagram posts of real people using and interacting with your brand, it can act as social proof, which boosts your conversions.
  • With shoppable Instagram feeds, you can even directly link your Instagram posts to your sales pages.
shoppable instagram feed
  • With beautiful Instagram posts on your site, you can also turn your visitors into Instagram followers.
  • A nice feed of Instagram content can make your site look beautiful as well. And all that without the hassle of uploading all the images to WordPress.

As you can see, there’s a lot you can do just by adding Instagram posts to your website. All you need is the right tool, and you can start growing your business right away.

Easiest Way to Embed Instagram Posts on WordPress

Now, the first step is to find the best way to embed Instagram posts. There are 2 ways you can do it:

  • With oEmbeds: With this feature, you can paste your Instagram URL, and WordPress will automatically embed it. Sadly, this method can be really time-consuming. Plus, WordPress doesn’t support it anymore.
  • With a WordPress plugin: A plugin like Instagram Feed Pro makes it super easy to embed your posts. You can enable oEmbeds and even embed tons of posts at the same time in a feed.

In the past, you had the oEmbeds feature. You just had 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. So you can’t embed Instagram posts in WordPress by just pasting the link.

instagram oembeds before after

If you still want to add Instagram posts to WordPress the old way, you’ll have to register with Facebook as an app developer. That can take a lot of your time, and it’s complicated as well.

The good news is, there’s another way to do it, and it’s much easier.

smash balloon's instagram feed pro

With the help of the best Instagram feed plugin for WordPress, Instagram Feed Pro, you’ll have a much easier time adding Instagram posts to WordPress.

The plugin brings back oEmbeds for Instagram and Facebook once again. So, all you need to do is paste the link to your Instagram posts when you use it.

If that wasn’t enough, Instagram Feed Pro also comes with lots of other features. Here are a few highlights for you:

  • Different Instagram Feed Types: With Instagram Feed Pro, you can also embed entire feeds of Instagram posts. You also get a lot of variety here, from shoppable Instagram posts and hashtag feeds to IGTV videos.
  • Live Feed Editor: To help you customize your feeds with ease, Instagram Feed Pro comes with a live customizer where you can track your changes in real-time — no complicated coding needed.
  • Super Easy & Quick Setup: You can get started and start embedding Instagram posts in just a few minutes by following the simple guided flow.
instagram feed pro guided flow
  • Lightning Fast: Worried about all the photos and videos slowing your site down? With Instagram Feed Pro, your Instagram posts will load super fast all the time. Plus, a faster site will be much better for SEO.
  • Customer support: If you ever run into any issues while embedding your Instagram posts on your site, then you can count on the dedicated support team to help you out.

With all that and more, Instagram Feed Pro has become the #1 highest-rated Instagram Feed plugin for WordPress. And over 1,000,000 active users and a rating of 4.9/5 stars speaks for itself.

reviews for instagram feed pro

In fact, some of the biggest brands from all over the globe also use Instagram Feed Pro.

smash balloon brands

As you can see, it’s so much easier to embed your Instagram feed to WordPress with a plugin. Just give Instagram Feed Pro a shot today!

How to Embed Instagram Posts on WordPress

To easily show Instagram posts on your WordPress website, all you have to do is follow this simple step-by-step guide.

Step 1: Install and Activate Instagram Feed Pro

First of all, you can get your copy of Instagram Feed Pro here. Once you have it, install it to your WordPress site and activate it.

If you’re not sure how to do it, we have a handy article on installing WordPress plugins.

After that, move on to step 2 and enable Instagram oEmbeds on your website.

Step 2: Enable oEmbeds for Instagram

With the plugin installed and activated, go to Instagram Feed » oEmbeds from your WordPress dashboard.

On that page, click on the Enable button in the Instagram section.

You can also enable oEmbeds for Facebook from here by clicking on the Enable button in the Facebook section.

enable oembed instagram

Once you’ve done that, the plugin will redirect you to Facebook so you can give read-only access to your Facebook or Instagram accounts.

This access will allow the plugin to view your posts, but it can’t make any changes, making Smash Balloon perfectly safe.

continue with facebook account

A pop-up will now appear, asking you to pick your Facebook page from a list. To continue, select your post and click on Next.

select facebook pages to connect

Finally, click on Done to confirm your read-only access.

give read only access facebook

You’ve now officially connected your Instagram account to WordPress. As a result, you can show Instagram posts on your website with ease.

Instagram and Facebook oEmbeds

In the next step, you can embed Instagram posts on your website using the plugin.

Step 3: Embed Your Instagram Posts

Finally, it’s time to show you how to embed Instagram photos in WordPress. You can do that in 2 ways:

  • How to embed an Instagram post on a WordPress page or post
  • How to embed an Instagram feed on WordPress sidebar or footer

How to Embed an Instagram Post on WordPress Page or Post

Let’s go ahead and see how to embed an Instagram post on your WordPress site.

First, go to Pages » Add New from your dashboard to open up the WordPress editor.

create new wordpress page

You can also use a WordPress post if you like. To create a new post, go to Posts » Add New.

add new post wordpress

After you’ve done that, just paste the link to your Instagram post

fix oembed instagram post example wordpress

As you can see, you can now embed Instagram photos and videos on WordPress blog posts and pages easily — just paste the link.

How to Embed an Instagram Post on WordPress Sidebar or Footer

In fact, you can even add your Instagram posts to your sidebar now. First, go to Appearance » Widgets from your dashboard.

manage instagram widget

Now, click on the Sidebar panel to start managing the widgets there.

open sidebar panel

You can also go for the Footer panel instead and show your Instagram posts there.

open footer panel

Here, add a new widget by clicking on the plus (+) icon and selecting the Paragraph widget option.

add Instagram posts to side using widget

Finally, you can just paste the link like before, and WordPress will automatically embed it.

Then, click on the Update button to finish up.

example of facebook oembeds

Just like that, you can embed Instagram content on your WordPress site.

On top of that, you can even display tons of Instagram posts at once using an Instagram feed.

Let’s take a look at how you can do that.

How to Embed Instagram Feeds on WordPress

To embed your Instagram feeds, first, go to Instagram Feed » All Feeds menu from your dashboard.

Now click on the Add New button to create a new feed.

create new feed instagram feed pro

The plugin will then ask you to pick the type of Instagram feed that you want on your website. The options here include:

  • User Timeline: Embed post from your own Instagram profile.
  • Public Hashtag: Use hashtags to pick which posts to display
  • Tagged Posts: Show all the Instagram posts that have tagged your account.

In fact, you can even choose more than 1 feed type here. Just select multiple options to combine different types into a single feed.

After picking your Instagram feed type, click on Next.

select your feed type instagram feed pro

On this page, you can choose a source for your Instagram feed so that it can show posts on your site.

For that, just select your Instagram account here and click on Next.

confirm account as source for instagram feed

This will create your Instagram feed and open it in the plugin’s simple live feed editor.

There, you have all of your customization options on the left and a live preview of your Instagram feed on the right.

live feed editor for instagram feed pro

Using these options, you can set your Instagram feed layout, color scheme, header design, button design, and much more.

Now, click on the Feed Layout option on the left to get started.

change instagram feed layout

You can now pick the overall layout for your Instagram feeds and choose from 4 options: grid, carousel, masonry, and highlight.

select feed layout options

If you want your content to be presented in neat rows and columns, then the grid option can help you out here.

grid layout for your instagram feed

For something more dynamic, you can go for the carousel instead. This will put your Instagram posts on a beautiful slider.

carousel layout for your instagram feed

Similarly, Instagram Feed Pro also gives you a nice-looking masonry option that shows your posts while keeping their original proportions.

masonry feed layout for your instagram feed

And finally, you can go for the highlight option if you want your photos and videos to be prominent. With this layout, your posts will have 4x the size of your usual posts.

highlights layout for your instagram feed

Once you’ve picked your layout, scroll down and click on Save.

And these are just the basics. There are tons of more amazing options that can help you set the color scheme, header style, button design, post style, and much more.

Finally, you can use the Embed button at the top to embed Instagram WordPress feeds on your website.

click on embed button instagram

This will show a popup where you can choose the location of your Instagram feed.

Here, you can click on Add to a Page if you want to embed Instagram feeds on a WordPress page.

add instagram feed to page instagram feed proadd instagram feed to page instagram feed pro

Now, the plugin will show you a list of your WordPress pages. Just select your page and click on Add.

add instagram feed to a wordpress page

After you do that, Instagram Feed Pro will open that page in the WordPress editor so you can embed your feed.

Simple click on the plus icon (+) to add a new content block here.

add new wordpress block

Then, type in “Instagram” in the search bar and select the Instagram Feed widget from the results.

embed instagram feed page

Finally, click on Publish to embed your Instagram WordPress feed on your website. Just open your site to see how it looks.

example of instagram feed wordpress

You don’t have to mess with any embed codes or Instagram shortcodes with this WordPress plugin.

Plus, you can even embed Instagram widgets on your site in a few simple steps.

So that’s it!

Hopefully, this post showed you how to embed an Instagram post on WordPress.

All you need is this plugin, and you can get started in no time. You can then create, customize, and post Instagram feeds that will boost user engagement.

Want to get started and embed Instagram posts? Get started with Instagram Feed Pro today!

You can also check out our article on how to build a landing page in WordPress if you want to create an engaging site to convert more visitors.

If you found this article to be helpful, give us a follow on Twitter and Facebook, and stay tuned for more content.

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.