How to Embed Instagram Reels on Your Website [Easy Guide]
Home Blog How to Embed Instagram Reels on Your Website [Easy Guide]

How to Embed Instagram Reels on Your Website [Easy Guide]

How to Embed Instagram Reels on Your Website

Do you want to embed Instagram reels on your website?

By showing Instagram reels on your website, you can engage your visitors and keep them watching your content.

But it can be tough to embed content from Instagram on your website – especially if you’re not used to coding already.

The solution? We’ll show you how to embed an Instagram reel on WordPress websites in this tutorial.

Before that, let’s take a look at the ways Instagram reels can help your business.

Or you can click here and skip directly to our tutorial.

Why Embed Instagram Reels on Your Website?

There are tons of ways you can help your business by embedding Instagram reels.

When people visit your website, you can show them Instagram reels and keep them engaged with your content.

After all, reels get 67% more engagement than regular Instagram videos.

instagram video content

As a result, you can keep people on your site for longer and get more views, likes, and followers at the same time.

What’s more, you can also use Instagram reels to show user-generated content (UGC), like reviews and demonstrations on your site.

That way, you can use social proof from Instagram users to start growing your sales.

And that’s just the start! There are tons of ways you can use reels for Instagram marketing and grow your business with ease.

With that, let’s take a look at the easiest way to start embedding Instagram content.

Ways to Embed Instagram Reels on WordPress

If you want to embed Instagram content on your website, you have 2 options to choose from:

  • Manual: Collect the HTML embed codes of all the Instagram posts and then manually insert the code into your website.
  • Automatic: Just use a WordPress plugin that can automatically embed Instagram content on your website.

If you go for the 1st method, it can take a lot more time and effort to embed Instagram posts on your site. And if you want to display lots of Instagram reels, you’ll have to deal with tons of custom HTML code.

embed code for instagram

On top of that, you’ll have to manually customize this code if you want to customize how your Instagram content looks.

If you’re not tech-savvy, this means spending money hiring developers to customize it for you.

And if you run into any issues when embedding this code on your website, you won’t have a support team to help you out.

The good news is that you can use the automatic way to embed Instagram reels on your website with ease.

Easiest Way to Embed Instagram Reels in WordPress

All you need is a WordPress plugin like Instagram Feed Pro, and you can embed Instagram content in just a few simple clicks.

best instagram feed pro plugin

Using this plugin, you can easily create, customize, and embed feeds with Instagram content on your WordPress site.

On top of Instagram reels, you get tons of options when it comes to the type of Instagram content you want to embed. You can show Instagram videos, photos, hashtag feeds, Instagram stories, and much more.

All you have to do is follow a 3-step guided flow, and it will take you through the whole process of embedding Instagram feeds.

To help you create beautiful feeds with ease, you can use the plugin’s live feed editor, which has a real-time preview.

instagram click on the embed button

On top of having tons of functionalities, Instagram Feed Pro is also built from the ground up to be lightweight and fast.

So, you can display as much Instagram content as you want, and your website will still load lightning fast. And with a faster website, you can get much better SEO and reach more people easily.

With all these amazing features, it’s easily the best Instagram feed plugin in the market, with a rating of 4.9/5 stars from over 1 million users.

reviews instagram feed pro plugin

Want to start embedding Instagram reels with ease? Get Instagram Feed Pro today.

Now let’s go ahead and see how you can use this plugin to display Instagram reels on your website.

How to Embed Instagram Reels on Your Website

Let’s get started and see how you can use this plugin to embed Instagram reels in WordPress with ease.

All you have to do is follow the steps below:

Step 1: Install the Instagram Feed Pro plugin

First, get your copy of Instagram Feed Pro here, and then install it on your WordPress website.

Not sure how? You can just check out this step-by-step guide on how to install a WordPress plugins then.

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

Step 2: Create an Instagram Feed

After the plugin is ready, you can now create an Instagram feed that you can use to display your reels.

First, navigate to the Instagram Feed » All Feeds menu from your WordPress dashboard.

On this page, click on the Add New button at the top.

create new feed instagram feed pro

After you do that, the plugin will ask you to choose from 3 options for your Instagram feed:

  • User Timeline: Show the content from your Instagram profile
  • Public Hashtag: Embed all the Instagram posts which have your chosen hashtags
  • Tagged Posts: Display Instagram photos and videos that have tagged your account

You can also choose more than one option and combine different Instagram feed types into one.

To continue, select your feed type and then click on Next.

select your feed type instagram feed pro

Now that you’ve created your feed, you can move on to step 3 and connect it to your Instagram account.

Step 3: Connect Your Feed to Instagram

By connecting your Instagram account, your feed can show photos, videos, and reels from Instagram on your website.

Ready to get started? First, click on the Add Source button.

instagram add source for feed

Doing that will open a popup where you can choose between connecting a personal account or a business Instagram account.

With a personal account, you can only embed Instagram content from your own account.

On the other hand, a business account lets you display a variety of Instagram content, including Instagram hashtag feeds, tagged feeds, shoppable feeds, and more.

Just select your account type on the popup, and then click on Login with Instagram to continue.

select instagram account type popup

This will open Instagram in your web browser, where you can finish connecting your feed to your Instagram account.

Here, Instagram Feed Pro will ask for read-only access to your account. Using this access, the plugin can only view Instagram content and won’t be able to make any changes.

Just click on Allow to finish connecting your Instagram account.

allow access to instagram

Now, the plugin will bring you back to your website.

Here, you can confirm this account as the source for your Instagram feed by clicking on Next.

confirm your instagram feed source

You can just select this source in a single click when you create new Instagram feeds in the future.

Now that you’ve connected your Instagram account, you can customize your feed in step 4.

Step 4: Customize Your Instagram Reels

After you finish connecting your Instagram account, the plugin will send you to the live feed editor.

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

And on the right, you can see the live preview of your Instagram feed.

To get started, you can filter your Instagram feed and start showing your video reels.

First, select the Settings option at the top and then click on the Filters and Moderation option below.

From here, you can choose which types of Instagram posts are visible in your feed.

To display your reels, look for the Show specific types of posts option and then uncheck the Photos option.

show videos

After that, click on the Save button to confirm your changes.

Next, you can continue customizing your Instagram feed by clicking on the Settings button at the top.

return to settings instagram

After that, click on Customize to return to the main customization options from here.

open customization options

Using the Instagram Feed Pro plugin, you can change the layout of your reels.

To do that, look for the Feed Layout option on the left.

select feed layout option instagram

You can now see 4 different feed layout options for you to choose from: Grid, Carousel, Masonry, and Highlights.

Let’s take a look at these options below:

With the grid layout, you can show Instagram reels in neat rows and columns. That way, you can have tons of video content at once on your website.

grid layout instagram video feed

Next, you have the carousel layout that you can use to show Instagram reels in an Instagram carousel slider.

It’s a great way to make your website more interactive with ease.

carousel layout instagram video feed

Want to keep the original proportions of your Instagram reel videos?

You can simply choose the masonry option in that case.

masonry layout instagram video feed

You can also use the highlight option, which can put the focus on your Instagram reels by removing extra information like captions.

This layout can help you clearly show Instagram reels on your website.

instagram highlights feed

After picking your Instagram feed layout, click on the Save button once again.

Now click on the Customize button to return to the main customization options.

return to main customization options

Next, you can use the Instagram Feed Pro plugin to change the colors of your Instagram feed.

Just select the Color Scheme option on the left to get started.

color scheme option add instagram video feed

To help you easily change the colors of your Instagram reels, you can choose from 4 different color schemes here:

  • Inherit from Theme: Copy the colors of your WordPress theme
  • Light: Display a light background and a darker font color
  • Dark: Show a dark feed background and a lighter color for the font
  • Custom: Manually pick all the colors yourself
color scheme options for instagram video feed

After you choose your feed colors, click on Save once again.

As you can see, Instagram Feed Pro makes it super easy to customize how your Instagram content appears on your website.

Using the remaining options, you can change your header, post style, button design, and much more.

Finally, click on Save once you’re happy with the design of your Instagram feed.

After that, it’s time to move on to the final step and embed your Instagram feed.

Step 4: Embed Your Instagram Reels

Using this plugin, there are 2 ways you can display Instagram reels on your website:

  • Embed Instagram reels on your page
  • Embed Instagram reels on your sidebar or footer

Let’s take a look at how you can use both of these methods below.

Embed Instagram Reels on Your Pages

Using the live feed editor, you can embed Instagram reels on your web page in just a few clicks.

To do that, first, click on the Embed button at the top.

embed instagram feed

After that, Instagram Feed Pro will ask you to choose the location of your Instagram feed. You can display it on a page, embed it as a widget, or copy the shortcode here.

For now, click on the Add to a Page button on the popup.

add instagram feed to page instagram feed pro

Next, the popup will show you a list of the WordPress pages on your website.

To continue, just select your page from the list and then click on the Add button.

add instagram feed to a wordpress page

After you do that, the plugin will open the page in the WordPress editor so you can embed your Instagram reels.

First, click on the plus icon (+) to add a new content block.

add new wordpress block

Next, use the search bar at the top to look for the “Instagram” block.

And from the search results, click on the Instagram Feed block to embed your reels.

embed instagram feed page

Now you can click on Update, and your Instagram reels will be live on your website.

If you open your website, you can see your Instagram content displayed on your web page.

example instagram video feed

With that, let’s take a look at the next way you can embed Instagram reels on your site.

Embed Instagram Reels on Your Sidebar or Footer

Using this plugin, you can create an Instagram widget to display reels on your website’s sidebar or footer.

First, open the Instagram Feed » All Feeds menu from your dashboard and select your Instagram feed from earlier.

select your instagram feed

That way, you can open your feed in the live feed editor once again.

From here, click on the Embed button in the top right corner to start embedding your Instagram reels.

embed instagram feed

Clicking on that will open a popup that asks where you want to embed your Instagram reels.

This time, click on the Add to a Widget button on the popup.

add instagram feed to widget instagram feed pro

Now, you can choose the location for your new Instagram widget.

To embed Instagram reels on your sidebar, click on the Sidebar panel.

open sidebar panel to embed social media widget

Or, you can click on a Footer panel to show your reels on the website footer.

We’ll go with the sidebar for our example here.

open footer panel to embed social media widget

You can now add a new widget by clicking on the plus icon (+) at the bottom. Finally, select the Instagram Feed widget from the options.

add instagram widget to your sidebar

After that, you can click on Update, and your Instagram reels will be live for everyone to see.

In fact, you can open your website now and see how it looks to your visitors.

example instagram video feed sidebar

And that’s it!

Just follow this guide, and you can embed Instagram reels on your website in just a few simple clicks – no coding needed.

After that, you can boost your Instagram following, increase your conversions, and start growing your business with ease.

Ready to embed Instagram feeds? Get 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.

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

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.