How to Embed Instagram Carousel on WordPress Website (2024)
Home Blog How to Embed Instagram Carousel on WordPress Website (2024)

How to Embed Instagram Carousel on WordPress Website (2024)

How to Embed Instagram Carousel on WordPress Website

Looking for the easiest way to embed an Instagram carousel on your WordPress site? You’ve come to the right place.

With over 25 million businesses using Instagram to market their brands worldwide, competition is fierce.

That’s why embedding your Instagram carousel on your WordPress helps you get ahead of the game, capture your audience’s attention, and boost your sales over time.

But Instagram makes it hard for users like you to add an Instagram slider to your site.

In this post, we’ll show you how to display an Instagram carousel feed on your website with just a few clicks. Don’t worry — this tutorial is newbie-friendly, so you can do this in just 5 steps!

Embed Instagram Carousel on WordPress website example

Ready? Let’s get started.

Easiest Way to Embed Instagram Carousel

The easiest way to add an Instagram carousel feed on WordPress is to use a trusted WordPress plugin.

Why?

That’s because Instagram doesn’t offer an easy way for you to embed a slider post on your site.

When you embed Instagram posts in WordPress manually, you can only add single posts.

But, when you use a top-rated WordPress Instagram plugin like Instagram Feed Pro, you can easily embed a whole feed of Instagram posts with multiple layout options, including a carousel layout.

best instagram feed pro plugin

As the highest-rated Instagram feed plugin for WordPress, Instagram Feed Pro allows you to create customizable Instagram feeds and display them on your website.

Also, since the plugin is newbie-friendly, you don’t need to deal with confusing code to cross-promote your Instagram content on your WordPress.

It’s so easy to use that you can set up and display your feed in just under 5 minutes!

And to help you customize how your Instagram feed looks, you get a visual live feed editor. So, your feed can look exactly what you want with just a few simple clicks.

Instagram Feed Pro is 100% compatible with WordPress, Elementor, and Divi site builders. Using the plugin, you can easily embed these types of Instagram feeds — no technical knowledge needed:

hashtag feed instagram

With a solid 4.9/5 star rating, the plugin is happily recommended by over 1,000,000 users. That’s because the plugin is not only easy to use but easy to load on your website as well.

reviews instagram feed pro plugin

And did we tell you the best part?

The plugin has a friendly and helpful customer support team that’s dedicated to giving you a hand in every step of the way.

Don’t just take our word for it.

You can check out the testimonials from its satisfied customers here.

Ready to display a beautifully engaging feed to your site visitors? Follow the easy steps below to embed an Instagram carousel on WordPress.

Pro-Tip: Do you have a TikTok account for your business? Here’s how you can embed TikTok videos on WordPress for more followers, views and sales!

Step 1: Install Instagram Feed Pro

First, you can get your own copy of Instagram Feed Pro here. Simply download the plugin to your computer.

Then, after you’re done downloading it, the next step is installing it on your website.

Need a refresher on how to do this? You can follow this step-by-step tutorial on how to install a WordPress plugin for your guide.

Next, you can use this plugin to create Instagram feeds on your website.

Step 2: Create Your Instagram Feed

After installing and activating Instagram Feed Pro, you can now use the plugin to create a new Instagram feed.

To do that, go to the Instagram Feed » All Feeds menu from your dashboard and click on the Add New button.

create new feed instagram feed pro

On the next page, you can choose the type of Instagram feed you want to create. By default, Instagram Feed Pro comes with 3 different options here:

What’s more, you can select multiple options and show them in a single Instagram carousel.

Once you pick the feed type for your Instagram carousel, go ahead and click on Next.

In this tutorial, we’ll pick the user timeline option.

select your feed type instagram feed pro

Just like that, you’ve created a new Instagram feed.

In the next step, you can connect it to your Instagram account so it can show photos and videos from Instagram.

Step 3: Connect Your Feed to Instagram

To show Instagram content on your carousel, you can just connect it to your Instagram account.

On this page, click on the Add Source button to get started.

instagram add source for feed

After you click on it, Instagram will ask you to choose between connecting your personal or business account.

To display your own Instagram posts on your carousel, you can select a personal account.

But if you want to display more types of feeds such as user feed, hashtag feed, and shoppable Instagram feed, choose a business account instead.

You can check out this tutorial if you need help learning how to convert your Instagram account to a business profile.

Use the Select Account Type option to choose the type of Instagram account you want to connect.

To continue, click on the Login with Instagram button.

select instagram account type popup

Once you do that, the plugin will redirect you to Instagram, where you can give read-only access to Instagram Feed Pro.

Using that access, it will view Instagram info and show them on your website, and can’t make any changes at all.

That way, Instagram Feed Pro is completely safe to use.

On the popup, click on the Allow button to give the plugin read-only access.

allow access to instagram

With that, you’ve added a new source for your Instagram carousel. To continue from here, click on the Next button.

confirm account as source for instagram feed

With that, you can go to the next step and customize the design of your Instagram feed.

Step 4: Customize Your Instagram Carousel

You can now customize your feed using Instagram Feed Pro’s live feed editor.

On the left, you can find a panel that contains all of your customization options. Using these, you can set your feed layout, color scheme, header style, post style, and much more.

The right side of the editor has a live preview of your Instagram feed. That way, you can see all of your changes in real-time.

live feed editor instagram feed

To get started, open the Feed Layout option so you can enable the carousel layout for your Instagram feed.

edit layout for instagram carousel

Here, you can pick the layout for your Instagram feed. To continue, just select the Carousel option on the left.

enable the carousel layout

You can now use the live preview to see how your Instagram feed carousel looks.

carousel layout preview instagram feed pro

Instagram Feed Pro also allows you to change more settings for your Instagram feed carousel here.

You can change the number of rows, loop type, autoplay options, number of Instagram posts, and more.

carousel settings instagram feed pro

Once you’ve set up your Instagram carousel, click on the Save button at the top.

To return to the main customization options, you can click on the small Customize button in the top left corner.

return to main customization options

On the left-side panel, click on the Color Scheme option to set the colors for your Instagram feed carousel.

click on color scheme option

Instagram Feed Pro allows you to choose from 4 color schemes for your Instagram feeds:

  • Inherit from Theme: Automatically copy the colors of your theme
  • Light: Show your feed on a light background with a darker font color
  • Dark: Pick a dark background against a light-colored font
  • Custom: Manually pick all the colors of your feed
color scheme options instagram feed pro

Now select your color scheme from these options and then click on the Save button.

Using the remaining customization options of the live feed editor, you can change your post layout, Instagram feed theme, header style, gallery size, load more button, and much more.

Finally, click on the Save button to confirm your changes once you’re done.

You can now go to the final step of this tutorial and embed the Instagram gallery on your WordPress website.

Since Instagram Feed Pro works smoothly with WordPress, you can easily display your Instagram carousel feed on your website in 2 simple ways:

  • Add Instagram carousel on a WordPress page
  • Add Instagram carousel on the WordPress sidebar or footer

Add Instagram Carousel on a WordPress Page

Using the live feed editor, you can embed your Instagram carousel in just a few clicks.

First, click on the Embed button in the top right corner.

embed instagram feed

Once you do that, Instagram Feed Pro will show you a popup where you can choose where to embed your Instagram feed carousel.

On that popup, click on the Add to a Page button.

add instagram feed to page instagram feed proadd instagram feed to page instagram feed pro

After that, you can see a list of WordPress pages on your website. Just select where you want to embed your Instagram feed and then click on Add.

add instagram feed to a wordpress page

Instagram Feed Pro will now open that page in the WordPress editor so that you can go ahead and embed your feed.

First, add a new block by clicking on the small plus (+) icon.

add new wordpress block

To find the Instagram feed block, write in “Instagram” on the search bar.

Next, select the Instagram Feed block from the search results below.

embed instagram feed page

Finally, click on Publish, and your Instagram carousel will be online. Just open your website to see how it looks to your visitors.

example instagram carousel slider

Using the Instagram Feed Pro plugin, you can also embed your Instagram carousel on the widget-ready areas of your website.

Let’s take a look:

Add Instagram Carousel on the WordPress Sidebar or Footer

Since the plugin has a ready-made widget you can use, you can easily add your Instagram carousel feed on your sidebar as well.

First, navigate to Instagram Feed » All Feeds from your dashboard and then click on the Instagram feed carousel that you want to embed.

select your instagram feed

This will open the live feed editor once again. Here, look for the Embed button in the top right corner and click on it.

embed instagram feed

Like before, you’ll see a popup where you can select the location for your Instagram feed carousel.

Click on the Add to a Widget button here.

add instagram feed to widget instagram feed proadd instagram feed to widget instagram feed pro

The plugin will now send you to the Widgets page of your WordPress site so you can embed your carousel feed as an Instagram widget.

Next, click on the Sidebar panel if you want to embed your Instagram carousel there.

open sidebar panel to embed social media widget

To embed your carousel feed on your footer area, click on a Footer panel instead.

Let’s go with the footer option for this tutorial.

open footer panel to embed social media widget

Finally, click on the plus icon (+) here to add a new widget, and then click on Instagram Feed.

add instagram widget to your sidebar

Remember to click on the Update button to save your changes.

Now, when you navigate to the front of your website, you’ll see your Instagram slideshow feed widget displayed on your sidebar, like this.

example of instagram carousel wordpress in footer

And that’s it!

You’ve now learned how you can easily embed an Instagram carousel feed into your WordPress website.

Now, you can boost your Instagram followers, build an engaging community of potential fans, and skyrocket your sales over time.

Ready to add Instagram carousel sliders to your website? Get started with Instagram Feed Pro today.

Want to see more tools like Instagram Feed Pro to boost your social media marketing? Check out our list of the best WordPress plugins to grow your business.

While you’re here, you can also read our next post on how to embed a Facebook feed carousel on your website.

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

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.