How to Embed Instagram Reels on Your Website (5 Steps)

Do you want to embed Instagram reels on your website?

By showing Instagram reels on your WordPress website, you can engage your visitors and get more viewers for your Instagram reels.

But manually showing reels on your website can be tough – especially if you’re not used to coding.

With more than 10 years of experience in embedding social media feeds on websites, we here at Smash Balloon created this tutorial on how to embed Instagram reel widgets on WordPress.

The best part?

This step-by-step tutorial on adding Instagram reels to websites is newbie-friendly, so you can follow it even if you’re not a WordPress guru.

2 Ways to Embed Instagram Reel Widgets on WordPress

Can Instagram reels be embedded?

If you’re asking yourself if you can embed Instagram feeds of your reels on your website, then you’ll be pleased to know that you can!

Yes, you can embed Instagram reels on your WordPress website. If you want to embed Instagram content like reels on your website, you have 2 options to choose from:

• Manual: Collect the HTML embed codes of all the Instagram reel posts and then manually insert the code into your website.
• Automatic: Easily 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 reel posts on your site, especially if you’re not familiar with CSS or any coding language.

And if you want to display lots of Instagram reels, you’ll have to deal with tons of custom HTML code snippets or iFrame.

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 reel widgets on your website with ease.

Easiest Way to Embed Instagram Reels in WordPress

Unlike other platforms like Wix, Weebly, Squarespace, or Shopify, WordPress has thousands of plugins that can easily add features to your site.

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

With this Instagram feed plugin, you can easily create, customize, and embed feeds with Instagram reels and videos on your WordPress site.

Expert Tip: You can also use Instagram Feed Pro to add Instagram feeds to your Elementor website.

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 mentions feeds, Instagram stories, and much more using the #1 Instagram feed aggregator in WordPress.

For your online store, you can even create shoppable feeds that let visitors buy directly from your site.

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.

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.

In fact, some of the world’s largest brands, like Coca-Cola, trust Smash Balloon plugins to showcase social media feeds on their websites:

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 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 Reel Feed

After this WordPress Instagram plugin is ready, you can now create an Instagram feed that you can use to display your Instagram 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.

After you do that, the plugin will ask you to choose from 3 formats 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.

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

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, and more.

To continue, simply select the account type from the options.

For this example, we’ll go with the Personal account type. After you select your account type on the popup, click on Connect with Instagram.

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, so Smash Balloon is completely safe.

You can click on Allow to finish connecting your Instagram account.

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.

You can 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

To help you customize your reels with ease, Instagram Feed Pro comes with beautiful themes that you can import.

In a single click, you can change your colors, icon style, header design, and much more. Simply select your theme from the options below:

• Default
• Modern
• Social Wall
• Outline
• Overlap

After you select your theme, click on Next to continue.

Next, Instagram Feed Pro lets you choose a feed template. This will let you instantly change the layout of Instagram content on your site.

Select your Instagram feed template from the options and then click on Next.

After you finish selecting your theme and feed template, 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.

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. On the left, scroll down and look for the Show specific types of posts option.

There, only leave Reels checked to turn this into an Instagram reels feed.

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.

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

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.

You can now see 4 different feed layout options for you to choose from:

• Grid: Show tons of Instagram videos at once in neat rows and columns
• Carousel: Turn your Instagram feed into an interactive slideshow carousel
• Masonry: Show your videos in their original proportions using different columns
• Highlights: Place the focus on your Instagram videos and highlight specific posts

After you select a layout, click on the Save button to confirm your changes.

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

You can customize your Instagram reels in more ways using the visual editor.

From here, you can pick between 2 ways of showing your Instagram posts:

• Boxed: Add a small box around your Instagram post and caption.
• Regular: Show your posts right on your background without a box

If you select the boxed option, you can also select the background color, border, and box shadow for your posts below.

Remember to click on Save once you’re happy with your Instagram posts.

Like before, you can click on Customize to return to the main options.

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

Go ahead and select the Color Scheme option on the left to get started.

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

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, Instagram feed templates, 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 5: Embed Your Instagram Reels on Your Website

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 a few clicks.

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

After that, Instagram Feed Pro will ask you to choose the location of your Instagram feed. You can use this popup to embed 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.

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.

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.

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

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

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

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

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.

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.

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.

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

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

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.

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.

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.

And that’s it! Ready to embed Instagram feeds? Get your copy of Instagram Feed Pro today.

Why Embed Instagram Reels on Your Website?

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

When people visit your website, you can show them Instagram reels to build trust in your brand and also keep them engaged with your content.

After all, based on our comprehensive research on social media marketing statistics, Instagram reels get 67% more engagement than regular Instagram videos.

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

Like TikTok and YouTube videos, you can also use Instagram reels to show user-generated content (UGC), such as customer reviews, testimonials and product demonstrations on your WordPress website.

That way, you can curate content from Instagram users and use them as positive social proof to start growing your sales.

Looking for a way to improve your following on Instagram? Check out our handy guide on how to get more Instagram followers.

Have tons of social media platforms? Here are the best social media aggregators in WordPress.