How to Embed IGTV Videos on Your Website (5 Easy Steps)
Home Blog How to Embed IGTV Videos on Your Website (5 Easy Steps)

How to Embed IGTV Videos on Your Website (5 Easy Steps)

How to Embed IGTV Videos on Your Website

Are you looking for an easy way to embed IGTV videos on your WordPress?

With 93% of marketers getting customers by posting videos on social media, it’s now more important than ever to cross-promote your Instagram content on your site.

But Instagram doesn’t let you embed multiple IGTV videos on your website automatically. Using Instagram, you can only add single Instagram TV videos.

In this post, we’ll show you how to easily embed Instagram videos on your website — easily, quickly, and automatically.

Shall we get started?

What are IGTV Videos?

Instagram TV (IGTV) videos are no longer available to use. It was removed back when the Instagram video format was released.

On October 2021, Instagram merged IGTV and Instagram feed videos and created a single video format: Instagram videos.

Since you can no longer post IGTV videos on Instagram, you can use the Instagram video format instead which has even more features.

Want to show Instagram reels instead? Here’s how to embed Instagram reels on your website.

2 Ways to Embed Instagram Videos on WordPress

There are 2 methods to display your Instagram videos on your website:

1. Automatic: Use a helpful WordPress plugin and connect it to your Instagram account. In just a few clicks, you can easily showcase your Instagram videos on your WordPress site.

2. Manual: You need to visit the IGTV videos you want to embed. Then you copy the embed code of each video, since each video has a different embed code. Finally, you paste the embed codes manually into your website — one by one.

The easiest way to add your IGTV videos to your website is by using the 1st method: with the use of a trusted Instagram WordPress plugin.

You can use Instagram Feed Pro, the best Instagram feed plugin for WordPress. With this plugin, you can easily create, customize and display Instagram feeds of photos and videos on your website.

best instagram feed pro plugin

In addition to Instagram videos, the plugin also lets you embed different types of Instagram feeds on your site such as user feeds, hashtag feeds, tagged feeds, and shoppable Instagram feeds.

The best part?

You can use Instagram Feed Pro even if you’re not tech-savvy. In fact, you can set up and display your Instagram feed in under 5 minutes — no coding needed!

You can also easily set your videos feed’s background color, font color, style, layout, and more just by clicking or unclicking options. So, no need to hire an expensive developer to help you.

As a beginner-friendly social media aggregator for Instagram, Instagram Feed Pro is perfect for WordPress newbies. And since it also has powerful features, it’s trusted and used by famous brands all over the world:

Worried about the plugin slowing down your website? You don’t need to be.

Since Instagram Feed Pro is built for speed, it has lightning-fast performance. So, it loads your Instagram videos feed on your webpage as fast as possible, which is great for your site’s SEO.

Need help with embedding Instagram videos on WordPress? When you get the plugin, you also get access to the awesome customer support team behind it.

And don’t just take our word for it. Instagram Feed Pro has a top 4.9/5 star rating and it’s happily recommended by its 1 million users worldwide.

reviews instagram feed pro plugin

You can check out everything that Instagram Feed Pro can do for you here.

How to Embed IGTV Videos on Your Website

With these in mind, let’s move on to the step-by-step tutorial on how to add Instagram videos to your website.

Step 1: Install Instagram Feed Pro Plugin

To easily embed IGTV videos on your website, you can start by downloading your copy of Instagram Feed Pro here.

After you’ve downloaded the plugin to your computer, you just need to install it on your WordPress website.

Need help doing this? Take a look at this step-by-step tutorial to install a WordPress plugin for your guide.

Once you install and activate the plugin, you can move on to the next step.

Step 2: Create a New Instagram Feed

With that, you can now create a new video feed for your website.

For that, navigate to the Instagram Feed » Add Feeds menu from your WordPress dashboard.

On that page, click on the Add New button to create a new feed.

create new feed instagram feed pro

After you do that, Instagram Feed Pro lets you choose from the following feed types:

And if you select multiple options, you can combine different Instagram feed types into one.

Next, select your Instagram feed type and then click on the Next button.

select your feed type instagram feed pro

For our tutorial, we’ll go with the user timeline option here.

Now you’ve created a new Instagram feed for your website. It’s now time to connect your Instagram account to this feed.

Step 3: Connect Your Business Instagram Account

To show Instagram videos on your website, you can connect your Instagram account as a source.

On this page, click on Add Source to get started.

instagram add source for feed

You can now choose the type of Instagram account that you want to connect to. For an Instagram video feed, just select the business account here.

If you’re using a personal Instagram account, you can follow this tutorial on how to convert your personal account to a business Instagram profile.

To continue, select the Business account type and click on Login with Facebook.

select business account instagram

The plugin will now send you to Facebook so you can connect your account.

Select your Instagram account on the popup and then click on Next to proceed.

select your instagram account

Next, select a Facebook page that you want to connect to your site and click on the Next.

select facebook page

After this, Smash Balloon will ask for read-only access to your account.

It’s completely safe since the plugin can only view your data and won’t be able to make any changes at all.

On the popup, click on the Done button to allow the read-only access.

allow access to instagram feed pro

The plugin will now send you back to your WordPress site so you can finish connecting your Instagram account.

Remember to click on Next to finalize your choice.

confirm account as source for instagram feed

In the next step, you can customize the design of your video feed using Instagram Feed Pro.

Step 4: Customize Your Instagram Videos Feed

To customize how your Instagram videos feed will look, you can use the live feed editor.

On the left section of the live feed editor, you can set the feed layout, color scheme, header design, post style, and more for your Instagram feed.

live feed editor instagram

Whenever you many any changes, you can see how your Instagram feed looks using the real-time preview on the right.

To enable your Instagram video feed, first, click on the Settings tab at the top.

From there, just select the Filters and Moderation option.

On the left, scroll down to the Show specific types of posts section and select the IGTV Videos option.

enable igtv videos instagram feed.

Just like that, your Instagram feed will only show IGTV videos. To confirm your changes, click on the Save button.

Now, click on the small Settings button at the top and you can return to the main feed settings.

return to settings instagram

You can then click on the Customize tab at the top to start customizing your Instagram feed.

open customization options

From here, you can customize the video feed using the live feed editor.

To get started, click on the Feed Layout option on the left.

select feed layout option instagram

Here, you can choose from 4 beautiful layouts to display your Instagram feed: grid, carousel, masonry, and highlight.

Want to use the traditional layout? You can choose the grid layout, which displays an Instagram feed of square images and videos.

grid layout igtv feed

Want to display your Instagram feed horizontally instead? You can choose the carousel layout for this.

embed igtv carousel

Interested in adding Instagram galleries of photos and videos to your website? Then, choose the masonry layout, which shows your photos in their original sizes.

masonry layout igtv feed

Finally, if you want specific images and Instagram videos to stand out in your feed, you can also use the highlight layout.

embed igtv videos wordpress example highlight

After you choose the layout for your Instagram videos feed, don’t forget to click on Save to preserve your settings.

Then, click on the small Customize button at the top to continue setting up the design of your feed.

return to main customization options

From here, it’s time to set the colors for your Instagram video feed by clicking on the Color Scheme option.

color scheme option add instagram video feed

You have 4 different color schemes that you can use for your ITGV feed:

  • Inherit from Theme: Automatically copy the colors of your website
  • Light: Pick a light background for your feed along with a darker font color
  • Dark: Use dark feed background and a lighter font color for the IGTV feed
  • Custom: Manually pick all the colors for your Instagram feed by yourself
color scheme options for instagram video feed

Finally, click on the Save button to confirm your color scheme.

Using the live feed editor, you can now set your header design, follow button, lightbox options, post style, and much more.

Once you’re happy with how your Instagram videos feed looks, click on the Save button once again to finalize the changes.

So far, you’ve created your video feed, connected it to Instagram, and customized its design.

It’s time for the final step, where you embed it on your website.

Step 5: Add Instagram Videos to Your Website

Instagram Feed Pro lets you display your Instagram videos:

  1. On your page or post in WordPress, or,
  2. On your sidebar or footer in WordPress

Embed IGTV Videos on WordPress Page

To make it super easy to embed your Instagram feed, you can do it directly from live feed editor.

First, click on the Embed button at the top.

embed instagram feed

Next, you can see a new popup that allows you to choose where you want to embed the Instagram feed.

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

add instagram feed to page instagram feed pro

You can now use the popup to choose the WordPress page where you want the Instagram feed.

Just select the page and click on the Add button.

add instagram feed to a wordpress page

After creating your new page, click the Plus (+) icon to add a new WordPress content block.

add new wordpress block

In the search field, type “instagram” and click on the Instagram Feed widget to add it to your page.

embed instagram feed page

Satisfied with how your Instagram videos feed looks like? Great! Simply click on Publish. Now, your website visitors can see your Instagram feed when they check out your website.

example instagram video feed

Now let’s check out the other way to embed Instagram video feeds.

Embed Instagram Videos on WordPress Sidebar

Want to embed your videos as an Instagram widget instead?

Start by going to your WordPress dashboard. Then, navigate to Instagram Feed » All Feeds.

Now look for the Instagram feed that you created earlier and then click on it.

select your instagram feed

Clicking on it will open your Instagram feed in the live feed editor again so you can easily embed the feed.

On the live feed editor, click on the Embed button at the top.

embed instagram feed

You can now choose the location of your Instagram video feed using the new popup.

This time, click on the Add to a Widget option.

add instagram feed to widget instagram feed pro

Instagram Feed Pro will now send you to the widgets page of your website so you can add the video feed to your sidebar or footer.

To continue, click on the Sidebar panel here.

open sidebar panel to embed social media widget

You can click on the Footer panel as well if you prefer that instead.

open footer panel to embed social media widget

For our tutorial, we’ll embed the IGTV videos on the WordPress sidebar.

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

add instagram widget to your sidebar

Instagram Feed Pro will automatically enter the shortcode for you. Simply click on Update to display your videos feed on your sidebar, like this:

example instagram video feed sidebar

And so, we’re finally done!

Now, you’ve learned how to embed Instagram videos on your website in just 5 steps!

With Instagram Feed Pro, more Instagram followers, more engagement, and more sales are now within your reach.

Ready to show IGTV videos on your site? Get started with Smash Balloon’s Instagram Feed Pro now!

While you’re here, check out this guide on how to easily increase Instagram followers. You can also learn more about how to create popular Instagram videos here.

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

author avatar
Lianne Laroya Content Marketing Manager
Lianne serves as the Content Marketing Manager at Smash Balloon, drawing upon more than 12 years of experience in WordPress content, social media marketing, user-generated content (UGC) and search engine optimization (SEO).

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.