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

Recently, one of our readers reached out to us and asked how to embed Instagram videos on WordPress websites.

As one of the biggest social platforms for visual content, showing beautiful Instagram videos is a great way to make your site more engaging for your visitors.

Using our experience in helping over 1.75 million users easily display social media content on their websites, we at Smash Balloon are going to show you the simplest way to embed Instagram videos on your site.

Since this is a comprehensive guide, we’ve added a table of contents below. You can skip ahead by clicking on the section you like below:

Why Embed Instagram Videos on Your Website?

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

embed Instagram videos 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.

  • Manually: In the past, you could copy embed code and paste the URL of your Instagram video and WordPress would automatically embed it. This old 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.

Manual Way to Display Instagram Videos

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.

Sadly, on October 24, 2020, WordPress discontinued support for Instagram oEmbeds, so this method isn’t available anymore.

wordpress oembed instagram

To manually embed Instagram videos, 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.

Best Way to Display Instagram Videos

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 — no iFrames or coding needed.

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:

  • 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: Instagram Feed Pro is very lightweight and uses the WebP format for photos and thumbnails, so your site will load as fast as ever. And a faster site means much better SEO for you.
  • Customer support: Instagram Feed Pro comes with a team of WordPress experts who can make your experience super smooth.
  • Simple visual customizer: You can design beautiful Instagram feeds with ease in just a few simple clicks using the visual customizer — no coding needed.
instagram feed pro visual customizer

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

Give Instagram Feed Pro a shot today, and start embedding Instagram content on your site today!

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, you can simply follow the step-by-step guide below to embed your Instagram videos in WordPress with ease.

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.

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:

  • User Timeline: Show posts from your own Instagram profile timeline
  • Public Hashtag: Add posts with specific hashtags that you enter
  • Tagged Posts: Curate Instagram posts where your Instagram username has been tagged

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

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 Basic or a Business Instagram profile.

With a basic 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.

To continue, just select your Instagram account type.

instagram feed pro select your account type

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 access to your account.

allow access for instagram account.png

Then, you’ll be redirected back to your WordPress website so you can finish connecting your profile.

Just click on the Next button, and you’ve connected your new feed to Instagram.

select source for instagram plugin

Step 4: Customize Your Instagram Video Feed

To help you create unique Instagram feeds with ease, the plugin comes with pre-designed templates that you can import.

Just select the template you prefer and then click on the Next button.

select the instagram theme

Next, you get feed templates that you can use to change the layout of the Instagram posts on your website.

To continue, select the template that you want to use and click on Next.

instagram feed pro feed templates

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.

live feed editor for 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.

filters and moderation options instagram

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, reels, or both from here.

video filters for your instagram feed

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 from settings instagram feed pro

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

return to main customization settings instagram

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

open feed layout options instagram video feed

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

layout options for instagram feed pro

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 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.

select customize button instagram

From here, let’s go ahead and change the design of the Instagram videos.

Select the Posts option on the left to get started.

open post options instagram video feed

Next, Instagram Feed Pro will let you change your post style, caption, comment summary, and much more.

Let’s change the Post Style for this example.

select post style option instagram feed pro

You can now choose from 2 different designs for your Instagram videos:

  • Boxed: Put the video and the caption in a box with a separate background
  • Regular: Directly display your video and caption on your feed’s background
change your post style instagram feed

Once you pick your post style, 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. Remember to Save your changes once you’re happy with your feed.

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.

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 Feeds 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 options for instagram video 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 video feed to page

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.

select a page to embed instagram video feed

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 block to 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 of instagram video feed on page

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

How to Embed Instagram Video Feeds 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 the Instagram Feed » All Feeds menu 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 options for instagram video feed

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

add instagram video feed to widget

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.

As you can see, Instagram Feed Pro makes it super easy to add photos and videos to your site’s widget-ready areas.

example of instagram video feed sidebar.jpg

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.

In case you want more ways of embedding bite-sized videos on your website, you can use TikTok Feed Pro to embed TikTok videos on your site.

tiktok feed on website example

Just like that, you can engage visitors with content from the #1 platform on the internet for short videos.

To get started, take a look at this convenient tutorial on how to embed TikTok videos in WordPress.

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.

For more social media marketing tips and tricks, just follow us on Twitter and Facebook

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

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.