How to Embed Instagram Videos on Your Website [2023]
Home Blog How to Embed Instagram Videos on Your Website (Best Way)

How to Embed Instagram Videos on Your Website (Best Way)

How to Embed Instagram Videos on Your Website

Do you want to embed Instagram videos on your website?

After all, showing beautiful Instagram videos is a great way to make your site more engaging for your visitors. Plus, you can get more followers from all the people visiting your website.

And if you have the right tool, this can be super easy as well.

Today, we’re going to show you the simplest way to embed Instagram videos on your website.

Before we get started with the tutorial, let’s find out first why it’s important to display your Instagram videos on your WordPress. Or, you can skip ahead by clicking on the section you like below:

Why Embed Instagram Videos on Your Website?

By adding Instagram videos to your website, you can get lots of different benefits. For one, you can make your website much more engaging by adding relevant videos.

video feed instagram example

Plus, if you embed Instagram posts, then you don’t need to manually upload them, which saves you a lot of time.

And that’s just the start. Here are a few more great reasons to embed Instagram videos on your site:

  • You can embed video reviews and testimonials for your products. As a result, people on your website will have more reasons to make a purchase.
  • If you have shoppable Instagram feeds on your homepage, you can give your visitors a great shopping experience. They can go directly to the sales page from your Instagram feeds.
  • You can show user-generated content like Instagram video feeds of users enjoying your products. With that social proof, visitors are far more likely to buy something.
  • Once you embed Instagram reels on your site, you’ll have a constant source of new social media followers from your website visitors.

As you can see, showing Instagram videos on your site can boost sales, improve conversions and get more followers. If you want to grow your business, it’s one of the best ways.

Now, let’s move on and show you the different ways to embed your Instagram videos.

Ways to Embed Instagram Videos on Your Website

If you want to add Instagram videos to your site, you’ve got 2 options here.

  • Old Way: In the past, you could copy embed code and paste the URL of your Instagram video and WordPress would automatically embed it. This method was very time-consuming and it has been discontinued by WordPress.
  • Best Way: With a plugin like Instagram Feed Pro, you can freely embed as many Instagram photos and videos as you want in just a few clicks.

Let’s talk about both options below.

Old Way (Outdated)

WordPress used to have a feature known as oEmbeds. You could embed an Instagram video on your WordPress by pasting the URL from your web browser or accessing it using the share button.

embed instagram video

Since you had to manually paste the link for each Instagram video post, this method of video embed just took too much time.

Plus, you couldn’t even customize how these Instagram posts would look, so it might not even fit your site’s template.

And on top of that, since October 24, 2020, WordPress discontinued support for Instagram oEmbeds, so this method isn’t available anymore.

To do things the old way, you’ll now have to register with Facebook as an app developer and be an expert in CSS, HTML code and other coding formats, which can be a complex process.

If you’d prefer to generate embed codes, it’s also complicated since you need to be tech-savvy so you can customize how your embedded Instagram video looks.

The good news is that there’s a much easier way to do it.

Best Way

If you want to embed an Instagram video post the easy way, you can use Instagram Feed Pro instead.

best instagram feed pro plugin

As the best Instagram feed plugin for WordPress, it extends the functionality of your website. With this tool, you can embed Instagram photos and videos in just a few clicks. It’s really that simple, and you don’t have to touch a single line of code.

Using this #1 Instagram aggregator, you can post entire feeds of Instagram videos at the same time. So, it’ll be super easy to make your site more engaging with lots of cool videos.

And to sweeten the deal, there are tons of other great features here as well. In fact, here are a few:

  • Easy Setup: You can start embedding Instagram videos with this plugin in just a few minutes with absolutely no coding needed.
  • Lots of Instagram Feed Types: There are a lot of options here if you want to embed Instagram feeds. You can add hashtag feeds, shoppable Instagram feeds, Instagram reels and a lot more.
  • Lightning Fast: No need to worry about all the photos and videos slowing down your site. Instagram Feed Pro is very lightweight so your feeds and website will load super fast. And a faster site means much better SEO for you.
  • Customer support: Instagram Feed Pro comes with a team of WordPress experts that can make your experience super smooth.

If you’re a fan of Instagram stories, too, here’s another bonus:

With Instagram Feed Pro, you can even show Instagram stories right on your website in a pop-up lightbox so your site visitors can see them even if they’re not your Instagram followers yet.

Because of all these features, Instagram Feed Pro is the best Instagram Feed plugin for WordPress. Now, it has over 1,000,000 active users and a rating of 4.9/5 stars.

reviews instagram feed pro plugin

Plus, some of the biggest brands in the world are also using Instagram Feed Pro and other Smash Balloon plugins to display social media feeds on their website.

smash balloon brands

Give Instagram Feed Pro a shot today, and you’ll have an easy time embedding all kinds of Instagram content on your website!

With that, let’s move ahead and show you how to embed your Instagram videos on WordPress.

How to Embed Your Instagram Videos on Your Website (Best Way)

Now, let’s get started and embed your Instagram videos in this step-by-step guide:

Step 1: Install and Activate the Instagram Feed Pro Plugin

First, you can go and get the Instagram Feed Pro plugin here. Once you have that, just install and activate it on your website’s backend.

Not sure how? Well, you can check out our handy article on how to install WordPress plugins to help you out.

After that, you can go ahead and create your Instagram feed.

Step 2: Create Your Instagram Feed

Once the plugin is installed and activated, go to Instagram Feed » Add Feeds from your dashboard.

On that page, click on the Add New button.

create new feed instagram feed pro

Next, you can choose from 3 different options for your Instagram feed type:

You can select more than 1 option if you want to create an Instagram feed with a mix of different feed types.

Once you select the feed type you want, click on Next to continue.

We’ll pick the user timeline option for our tutorial here.

select your feed type instagram feed pro

With that, you’ve created a new feed using Instagram Feed Pro. Now you can connect it to your Instagram account in the next step.

Step 3: Connect Your Instagram Account

After that, you can connect this feed to your Instagram account so it can show video content from Instagram.

To get started, click on the Add Source button here.

instagram add source for feed

This will bring up a popup where you can pick between connecting a personal or a business Instagram profile.

With a personal profile, you can use all of Instagram’s basic features. And with this plugin, you can show feeds with your own Instagram posts.

A business profile means you get even more Instagram features, like analytics and a contact button. You can then embed lots of Instagram videos and feeds such as hashtag feeds, Instagram reels, shoppable feeds, and more.

Now use the Select Account Type field to pick the option you prefer and click on Login with Instagram.

select instagram account type popup

The plugin will now redirect you to Instagram and ask for read-only access to your account. This means the plugin can’t actually change anything on your account and only reads your data.

Just click on Allow to give the access.

allow access to instagram account create feed

Then you’ll be redirected back to WordPress. There, just click on the Next button, and you’ve connected your new feed to Instagram.

confirm account as source for instagram feed

Now you’ve officially connected your Instagram account to your website with just a few clicks. No need to manually deal with Instagram API as the plugin does everything for you!

After that, it’s now time to customize the design of your Instagram video feed in step 4.

Step 4: Customize Your Instagram Video Feed

You can now see the live feed editor for your Instagram feed.

Towards the left, you can find the options to customize your gallery layout, color scheme, header style, gallery size, and much more.

On the right, you can find a live preview of your Instagram feed.

How do you embed a video only on Instagram? To get started, click on the Settings option at the top and then select the Filters and Moderation option.

Here, you can choose the type of Instagram posts you want to show on your new feed.

Just scroll down to the Show specific types of posts section and then unselect the Photos option.

You can also choose whether to show feed videos or IGTV videos from here.

show videos

After you’ve picked the option you prefer, click on Save Changes. Now, your Instagram feed will contain videos only.

Then, click on the Settings button at the top to return to the previous options.

return to settings instagram

From here, click on Customize to go back and see the main customization options of the live feed editor.

open customization options

On the left, click on the Feed Layout option to set the layout for your Instagram video feed.

select feed layout option instagram

You’ve got 4 options that you can use for your Instagram video feed: grid, carousel, masonry, and highlight.

Want to show your Instagram videos in neat rows and columns? You can try the grid option then.

grid layout instagram video feed

If you want to show your Instagram posts on a carousel slider, there’s the carousel option.

carousel layout instagram video feed

You also have the masonry option if you want to show your videos in their original proportions. Some bloggers and influencers prefer this option so they can market their photography skills via Instagram.

masonry layout instagram video feed

Finally, there’s the highlight option to make your videos 4x their usual size.

If you’ve got some best-selling products or services you want to put a focus on, this layout can be useful.

instagram highlights feed

After you’ve picked the layout, click on Save.

Next, click on the small Customize button at the top to return to the main options.

return to main customization options

From here, select the Color Scheme option on the left to go ahead and set the colors for your Instagram video feed.

color scheme option add instagram video feed

With Instagram Feed Pro, you get 4 color schemes to pick from:

  • Inherit from Theme: Copy the colors of your website
  • Light: Show a light background and a darker font color
  • Dark: Pick a dark feed background and a lighter color for the font
  • Custom: Choose all the colors for your Instagram feed manually
color scheme options for instagram video feed

Once you pick your color scheme, click on Save once again.

And there’s a lot more you can do here. Using these options, you can change your feed size, post style, header design, and much more.

Plus, this plugin will automatically fit your Instagram feeds with the looks of your website. So, you can build Instagram feeds that perfectly match your branding — with no extra effort on your part.

Once you’re done customizing, you can move to the final step and display your Instagram video feed on your website.

Step 4: Embed Your Instagram Video Feed

Using the Instagram Feed Pro plugin, you can add your Instagram video feed in 2 places:

  • Embed Instagram video feed on Your Page
  • Embed Instagram video feed on your sidebar or footer

With that, let’s go ahead and show you how you can do that.

How to Embed Instagram Video Feed on Your Pages

The first way is to add your Instagram video feed to your WordPress page. The good news is that you can do it directly from your live feed editor.

Just click Embed on the top right corner to get started.

embed instagram feed

Next, you’ll see a popup where you can pick where you want to embed your Instagram video feed.

To proceed, click on the Add to a Page button here.

add instagram feed to page instagram feed pro

After that, the popup will show you a list of your WordPress pages. Just select where you want to embed your Instagram video feed and click on Add.

add instagram feed to a wordpress page

The plugin will then send you to that WordPress page so you can embed your new Instagram feed.

Now click on the plus icon (+) to add a new content widget on your web page.

add new wordpress block

Finally, search for “Instagram” using the search field and then select the ready-made Instagram Feed block from the options.

embed instagram feed page

Finally, click on the Publish button on the top right, and your feed will go online.

And that’s it! You’ve now successfully embedded your Instagram videos into WordPress.

If you go to your site, you can now see a beautiful Instagram feed with your videos.

example instagram video feed

Next, let’s see how you can display Instagram videos on your sidebar or footer areas.

How to Embed Instagram Video Feed on Your Sidebar or Footer

You can also add your videos on the WordPress sidebar or footer as an Instagram widget.

To do that, first, go to Instagram Feed » All Feeds from your dashboard and click on the Instagram video feed that you created.

select your instagram feed

This will open your Instagram video feed in the live feed editor. From here, click on the Embed option once again.

embed instagram feed

On the popup, click on the Add to a Widget button to continue.

add instagram feed to widget instagram feed pro

This will open the widgets page of your site, where you can add, remove, or edit your sidebar and footer widgets.

To embed your video feed on your sidebar, click on the Sidebar panel here.

open sidebar panel to embed social media widget

If you want to embed your feed on the footer instead, select the Footer panel.

For our tutorial, we’ll pick the sidebar.

open footer panel to embed social media widget

Finally, click on the plus icon (+) at the bottom to add a new widget and then select the Instagram Feed widget.

add instagram widget to your sidebar

Now check your WordPress website and you can see your Instagram videos embedded on the sidebar.

example instagram video feed sidebar

How to Add Instagram Reels to Your Website

Instead of just Instagram videos, are you interested in displaying Instagram reels on your WordPress? You can follow the step-by-step tutorial on how to add Instagram reels to your website here.

And that’s it!

Now you know how to show beautiful Instagram videos on your WordPress website.

With a great plugin like Instagram Feed Pro, you can create, customize, and post Instagram videos to boost user engagement and get more followers.

Ready to embed Instagram videos? Grab your copy of Instagram Feed Pro today!

Looking for a way to improve your following on Instagram? Check out our handy guide on how to get more Instagram followers.

You may also like our step-by-step tutorials on how to add YouTube videos to WordPress or how to embed multiple YouTube playlists on your site.

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.