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

By Lianne Laroya on May 4, 2021

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 the platform, you can only add single Instagram TV videos.

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

Shall we get started?

2 Ways to Embed IGTV Videos on WordPress

There are 2 methods to display your IGTV 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 IGTV 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 IGTV videos on your website.

embed igtv videos wordpress plugin

In addition to IGTV 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 IGTV 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 plugin, 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:

brands using instagram feed pro

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 IGTV videos feed on your webpage as fast as possible, which is great for your site’s SEO.

Need help with embedding IGTV 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.6 million users worldwide.

instagram feed pro review

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 TV videos to your website.

Step 1: Enable “Post a Preview” Setting

First, you need to configure the settings of your Instagram TV videos.

When you’re creating an IGTV post, make sure that the Post a Preview setting is enabled. This way, you can ensure that your IGTV videos are posted on your Instagram feed.

embed igtv videos wordpress settings

Once you’ve enabled the “post a preview” setting and uploaded your IGTV video to your Instagram account, it’s time to move on to the next step below.

Step 2: Install Instagram Feed Pro Plugin

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

After you’ve downloaded the plugin to your computer, you just need to install it to your WordPress website. Need help on doing this? Take a look at this step-by-step tutorial to install a WordPress plugin for your guide.

Step 3: Connect Your Business Instagram Account

Before connecting your Instagram account to the plugin, make sure that you’re using a business account. That’s because Instagram TV videos are available only for Instagram business profiles.

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.

It’s super easy to connect your business Instagram account to the plugin. First, go to your WordPress dashboard and navigate to Instagram Feed » Settings.

Next, in the settings page, click on the Connect an Instagram Account button.

connect an instagram account

When the plugin asks you between connecting a personal or a business account, choose Business.

connect a business account

Remember to click on Connect to finalize your choice. Then, just follow the on-screen prompts to successfully connect your business account to the plugin.

Now that you’ve connected your Instagram account, scroll down to see the Feed Type section. Instagram Feed Pro lets you choose from the following feed types:

  • User Account: To show your latest Instagram feed on your website.
  • Hashtag: To show an Instagram feed based on a specific hashtag you enter.
  • Tagged: To display a feed of photos where your Instagram account is tagged by others.
  • Mixed: To show a single feed with multiple feed types.

embed igtv videos wordpress user account

Since you’ll display an Instagram feed of IGTV videos from your own account, click on User Account. Then, click on Save Changes and move on to the next step below.

Step 4: Customize Your IGTV Videos Feed

To customize how your Instagram TV videos feed will look like, click on the Customize tab at the top part of the settings page.

On the first section of the customization page, you can set the width, height and background color of your Instagram feed.

customize embedded igtv videos feed

Scrolling down will take you to the Layout section. Here, you can choose from 4 beautiful layouts to display your Instagram feed: grid, carousel, masonry and highlight.

instagram feed pro layouts

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

embed igtv videos wordpress example grid

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

embed igtv videos wordpress example carousel

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

embed igtv videos wordpress example masonry

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

embed igtv videos wordpress example highlight

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

Interested in changing your feed’s header or customizing your “follow” button? Scroll down and you can see more features you can customize with just a few clicks.

instagram header follow button

The cool thing about using Instagram Feed Pro to embed IGTV videos on your site? It also has a feature that lets you show only IGTV videos on your Instagram feed.

To enable this, navigate to Customize »Posts »Media Type to Display. Then, just select Videos only » IGTV videos.

embed igtv videos only

Once you’re happy with how your IGTV videos feed looks like, it’s time to embed it on your website.

Step 5: Add IGTV Videos to Your Website

Instagram Feed Pro lets you display IGTV 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 create a new page, go to your WordPress dashboard. Then, navigate to Pages » Add New.

add new page

After creating your new page, click the Plus (+) icon to add a new WordPress content block. In the search field, type “instagram” and click on the Instagram Feed widget to add it to your page.

embed igtv videos wordpress

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

embed igtv videos wordpress example

Embed IGTV Videos on WordPress Sidebar

Want to embed your IGTV videos as an Instagram widget instead?

Start by going to your WordPress dashboard. Then, navigate to Appearance » Widgets.

Look for the Instagram Feed widget and drag it to the widget area you’d like. In this tutorial, we’ll use the sidebar area.

embed igtv videos wordpress sidebar

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

embed igtv videos wordpress sidebar

And so, we’re finally done! Now, you’ve learned how to embed IGTV videos on your website in just 5 steps!

More Instagram followers, more engagement and more sales are now within your reach.

Get started with Smash Balloon’s Instagram Feed Pro now!

Want unlimited access to Smash Balloon plugins so you can use them on unlimited websites instead? Go ahead and get the Social Wall Pro bundle here.

The Social Wall Pro bundle gives you all-access to all of Smash Balloon’s present and future plugins — to be used on unlimited websites!

And the awesome part? All of Smash Balloon products come with a 100% no-risk money-back guarantee. This means that you can try out the plugins first and see if it’s a good fit for you.

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

Want to Try our Instagram plugin for Free?

Enter the URL of Your WordPress website to install Instagram Feed Lite.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *