Recently, one of our readers reached out to us and asked how to embed Instagram videos on WordPress websites.
With billions of users in Instagram, you need to cross-promote your Instagram content on your website as well. After all, showing beautiful Instagram videos is a great way to make your site more engaging for your visitors.
Plus, you can get more Instagram followers from all the people visiting your WordPress site.
Using our expertise and 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 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?
- Ways to Embed Instagram Videos on Your Website
- How to Embed Your Instagram Videos on Your Website (Best Way)
- How to Add Instagram Reels to Your Website
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.
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.
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 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.
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.
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. 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.
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.
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.
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.
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.
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.
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.
Then you’ll be redirected back to WordPress. There, just click on the Next button, and you’ve connected your new feed to Instagram.
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.
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.
From here, click on Customize to go back and see the main customization options of the live feed editor.
On the left, click on the Feed Layout option to set the layout for your Instagram video feed.
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.
If you want to show your Instagram posts on a carousel slider, there’s the carousel option.
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.
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.
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.
From here, select the Color Scheme option on the left to go ahead and set the colors for your 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
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.
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.
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.
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.
Finally, search for “Instagram” using the search field and then select the ready-made Instagram Feed block from the options.
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.
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.
This will open your Instagram video feed in the live feed editor. From here, click on the Embed option once again.
On the popup, click on the Add to a Widget button to continue.
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.
If you want to embed your feed on the footer instead, select the Footer panel.
For our tutorial, we’ll pick the sidebar.
Finally, click on the plus icon (+) at the bottom to add a new widget and then select the Instagram Feed widget.
Now check your WordPress website and you can see your Instagram videos embedded on the 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.
