How to Embed Instagram Reels on Your Website (4 Easy Steps)
Home Blog How to Embed Instagram Reels on Your Website (4 Easy Steps)

How to Embed Instagram Reels on Your Website (4 Easy Steps)

embed instagram reels on website

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.

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, reels get 67% more engagement than regular Instagram videos.

embed instagram reels on website example

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

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 Reel Widgets on WordPress

Can Instagram reels be embedded? 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: 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 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 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 reels and videos on your WordPress site. It’s also compatible with website builders like Elementor, so it’s perfect for newbies.

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.

shoppable feed example

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.

reviews instagram feed pro plugin

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

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.

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, just select the account type from the options.

choose account type instagram

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.

Just 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

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

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

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

  • Default
  • Modern
  • Social Wall
  • Outline
  • Overlap

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

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

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

open customization options reels

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

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

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.

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

return to customization options instagram

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.

open your color scheme instagram

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
open your color scheme instagram

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 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 your instagram feed reels

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.

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 reel videos 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

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 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 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 reels sidebar widget

And that’s it!

Just follow this guide, and you can embed Instagram reels on your website. As you can see, Instagram Feed Pro lets you do this 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.

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

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

Comments 3

  1. Cassandra G. 4 months ago

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

    Reply
  2. Ben m 4 months 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 4 months 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.