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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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, 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.
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.
Want to keep the original proportions of your Instagram reel videos?
You can simply choose the masonry option in that case.
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.
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.
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.
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, 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.
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.
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.
And from the search results, click on the Instagram Feed block to embed your reels.
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.
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!
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.
