How to Embed Instagram Reels on Your Website (With Zero Coding!)
clicksocial

Schedule social media posts straight from WordPress with ClickSocial

Start Free Trial angle-right
Home Blog How to Embed Instagram Reels on Your Website (With Zero Coding!)

How to Embed Instagram Reels on Your Website (With Zero Coding!)

embed instagram reels on website

With an average reach rate of 30.81% (double the rate of other content formats!) it’s easy to see why everyone’s getting into Instagram Reels.

And if you embed them on your site, you can engage visitors and boost your views at the same time – it’s that easy.

Since manually embedding reels can be a bit tricky, I’ve created this guide that will simplify the whole process.

Plus, this guide was created with help from the Smash Balloon team, so it’s based on our 10+ years of experience in helping people add social media to their websites.

Let’s get started!

2 Ways to Embed Instagram Reel on a WordPress Website

Before you go ahead and start embedding your Instagram Reels, you’ll have to pick from 2 methods:

  • Manual: Use HTML embed codes to manually add Instagram Reels on your website
  • Automatic: Let a WordPress plugin automatically fetch and embed your reels

If you just want to show a single reel and don’t mind dealing with a little code, then the manual way can work for you.

Method 1: Manually Embed Your Instagram Reels

1. Open instagram.com on your web browser.

2. Find the Instagram Reel you want to embed and click on it.

3. Click the three dots (). A menu will pop up — make sure to select the embed option.

4. After that, click on the Copy embed code on the popup.

embed instagram reels manually

You can now open your WordPress page or post and paste it into the Custom HTML block.

As you can see, it takes a little bit of time, but it’s a decent option if you just want a single Instagram reel on your site.

custom html widget wordpress

As handy as this method is, it has some pretty big downsides that make it a bad choice for business owners, professionals, and bloggers:

  • For each post, you’ll have to generate an embed code, then insert it into your WordPress website. All this can take a lot of time and effort.
  • If you want to change how your reels look, you’ll have to deal with tons of custom HTML code snippets or iFrame.
  • Whenever a new reel is posted, you’ll have to repeat the process all over again, since this method isn’t automatic.
  • In case something goes wrong when you’re inserting the HTML code, you won’t have a support team to lend you a hand.

Method 2: Embed Instagram Reels on Website Automatically

The good news is that you can sidestep all that hassle by using an Instagram feed plugin instead.

You can let the plugin automatically fetch and embed the Instagram Reels instead – no need to deal with embed codes.

Plus, you can do that in just 5 simple steps:

Easiest Way to Embed Instagram Reels in WordPress

While there are a bunch of tools out there that can embed reels for you, the best option is the Instagram Feed Pro plugin.

To keep things short, here’s why I picked this plugin for this tutorial:

  • Quick and easy setup so you can have reels on your WordPress site in just minutes.
  • Since the tool is lightweight, you can display tons of videos and your site will load as fast as ever.
  • On top of reels, you can embed Instagram photos, mentions, stories, and even shoppable feeds.
  • It comes with beautiful themes and templates created by professional designers.
  • You get a visual customizer that gives you total control over the design of your Instagram reels.

It’s just not me saying this, either. Over 1 million sites are using Instagram Feed Pro and it has a rating of 4.9/5 stars, so you can tell it’s doing something right.

If yo want to see how easy embedding reels can be, get your copy of Instagram Feed Pro today.

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

How to Embed Instagram Reels on Your Website (Easy Way)

For this method, I’ll use the plugin to embed a feed of Instagram Reels on WordPress. The whole process is pretty quick and Instagram Feed Pro will keep the feed updated whenever a new reel is posted.

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.

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.

create new feed instagram feed pro

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.

select your feed type instagram feed pro

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.

add new source instagram

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.

choose account type instagram

For this example, I’ll go with the Personal account type since I just want a simple feed of videos.

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.

allow access to your 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

And don’t worry – once you’ve added a source, you can freely reuse it for as many Instagram feeds as you like without leaving your site.

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:

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

select your instagram theme

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.

feed template instagram

After you finish selecting your theme and feed template, the plugin will send you to the visual feed customizer.

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.

live feed editor example for instagram

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.

open filters instagram feed pro

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.

return to customization instagram

Now click on Customize to return to the main customization options from here.

There are a lot of options here, so I’ll just show you how I usually customize my reels.

open customization options reels

The first option I change is the layout, which changes how the videos are positioned.

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

select feed layout instagram feed plugin

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.

return to customization options from layout

It’s pretty easy, so let’s change one more design options here.

Click on Posts, so you can change the look of each Instagram post.

open your post options instagram

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.

post types instagram feed pro

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

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.

Step 5: Embed Your Instagram Reels on Your Website

Using this plugin, there are 2 major ways to embed your Instagram videos:

  • On your page
  • On your sidebar or footer

Let’s go through both of these methods below:

Embed Instagram Reels on Your Pages

Using the visual feed customizer with live preview, 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.

embed your instagram feed reels

Now, 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.

Just 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.

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 reels on site

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 visual feed customizer once again.

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

embed your instagram feed 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.

add instagram feed to widget instagram feed pro

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

To embed the 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.

Just open your site now and it should look something like my example:

example instagram reels sidebar widget

Why Embed Instagram Reels on Your Website?

When people visit your website, you can show them Instagram Reels featuring customer testimonials or reviews. This lets you build trust in your brand and also keep them engaged with your content.

Plus, reels are statistically a lot more engaging than simple text or photos.

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.

Start Embedding Instagram Reels on Your Website

Ready to showcase multiple Instagram Reels on your website in minutes?

With Instagram Feed Pro, it’s easier than ever to embed your Reel feeds in a few clicks and boost your engagement in minutes.

Get started with Instagram Feed Pro today.

Bonus: Schedule Your Instagram Reels Easily

You’ve done a fantastic job enhancing your website by embedding your engaging Instagram Reels!

But if you want even more people to check out your reels, here’s an easy solution – schedule your reels to go out when your fans are online.

That way, you don’t have to compete for people’s attention with millions of other Instagram Reels.

If this sounds like a useful hack, then you should check out ClickSocial, another helpful tool from the team behind Instagram Feed Pro.

It’s a convenient and efficient way to plan, schedule, and maintain consistent online engagement across multiple platforms like Twitter/X, Instagram, and Facebook.

Try ClickSocial for Free Now >>

Frequently Asked Questions

Can I embed videos on my website?

Yes, you can easily embed videos, no matter what platform you’re using for your website. In fact, embedding videos can be better than uploading them to your site since you’re saving valuable space.

How do you embed an Instagram post on a website?

Try clicking on the three dots (…) icon on the post and selecting the embed option. Then you can insert this code into your website. Alternatively, you can just use a plugin that will fetch the posts for you. I’ll recommend Instagram Feed Pro since it’s lightweight, and it can automatically embed new posts that you make.

How do you add a reel on a WordPress website?

Just like regular Instagram posts, you can click on the three dots icon and click on Embed. This will generate an embed code that you can insert into your website. If that sounds complex, you can use a plugin like Instagram Feed Pro instead. This tool can auto-post your Instagram Reels for you.

Can I embed Instagram stories on my website?

By default, you can’t really embed stories since they’re pretty different from normal posts. But if you’re using WordPress, you can use Instagram Feed Pro to embed your profile and posts, which includes your story as well.

Looking for a way to improve your following on Instagram? Take a look at our handy guide on how to get more Instagram followers.

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).

Comments 3

  1. Cassandra G. 1 year ago

    Great step by step and links to other similar resources too, thanks!

    Reply
  2. Ben m 1 year ago

    This is so much more efficient than trying to produce your own video/photo database and player!

    Thanks for saving us time 🙂

    Reply
  3. Kyra Kwan 1 year ago

    Easy tutorial on how to embed instagram reels! Visuals are key for marketing, and adding additional social media brings in more engagement!

    Reply

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.