How to Embed Instagram Carousel on WordPress Website (Easy)

by Lianne Laroya on November 24, 2020

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 its users like you to add an Instagram slider on your site.

So 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 plugin like Instagram Feed Pro, you can easily embed a whole feed of Instagram posts with multiple layout options, including carousel layout.

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 built with users in mind, it’s user-friendly and newbie-friendly so you don’t need to deal with confusing code just 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!

Plus, if you want to customize how your Instagram feed looks like, you can control it with just a few clicks. So your feed can look exactly what you want with minimal effort. Just install the plugin and it’ll do the hard work for you.

Using the plugin, you can easily embed these types of Instagram feeds — no technical knowledge needed:

With a solid 4.9/5 star rating, the plugin’s happily recommended by over 1,000,000 active users. That’s because the plugin isn’t only easy to use, it’s easy to load on your website as well. Since Instagram Feed Pro is designed to be ultra fast, it won’t slow down your website at all.

instagram feed pro reviews

And did we tell you the best part? The plugin has a friendly and helpful customer support team who’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:

Step 1: Install Instagram Feed Pro

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

Then, after you’re done downloading it, the next step is installing it to 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.

Step 2: Connect Your Instagram Account

The next step is to link your Instagram account to the plugin so you can access its features. From your WordPress dashboard, go to Instagram Feed » Settings. On this page, click the Connect an Instagram Account button.

connect instagram account

After clicking it, an overlay will ask you to choose between connecting your personal or business account.

To display your own Instagram feed only, choose personal account. Or, if you want to display more types of feed such as user feed, hashtag feed and shoppable feed, choose business account instead.

choose between personal or business

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

Once you’ve chosen between a personal or business Instagram profile, remember to click Connect. Then, click Save Changes to successfully link your account to the plugin.

After connecting your Instagram account to the plugin, scroll down to choose the feed type you want to display. You can choose from:

  • User Account: Add an Instagram carousel feed from your own account.
  • Public HashtagAdd an Instagram carousel feed from a public hashtag of your choice.
  • Tagged: Add an Instagram carousel feed of posts where your Instagram account is tagged in.
  • Mixed: Combine multiple feeds and show them into a single Instagram carousel.

Click the radio button next to the feed type you want to display on your website. In this tutorial, we’ll embed an Instagram carousel feed from a user account:

choose instagram carousel feed type

Remember to click on Save Changes.

Step 3: Choose the Carousel Layout

First, scroll up to the top of the settings page. Then, navigate to Customize » General tabs. On this page, you have the options to control the width, height and background color of your feed.

Embed Instagram Carousel on WordPress layout

Once you’ve changed these settings to your liking, just scroll down a bit until you can see the Layout section. Since you’re embedding an Instagram carousel feed to your website, choose Carousel.

carousel layout settings

The carousel layout helps you display your Instagram feed in a beautiful slideshow that your visitors can scroll through. Under this layout, you can also customize the number of rows and loop type of your Instagram carousel feed.

For example, displaying 1 row makes your feed look like this:

Embed Instagram Carousel on WordPress 1 row

Or choosing to display 2 rows on your Instagram carousel feed will make it similar to this example:

Embed Instagram Carousel on WordPress 2 rows

Since the plugin lets you fully customize your Instagram feed, you can also choose to show or hide navigation arrows, pagination, and set the slideshow to autoplay.

Don’t forget to click the Save Changes button to preserve your choices.

Step 4: Customize Your Instagram Carousel Feed

Did you know that the plugin already looks great right out of the box? Meaning, your Instagram feed’s design automatically copies your existing theme’s style so it remains consistent with your brand’s visual identity.

And if you want to customize how your feed will look like, you can do this, too. Start by scrolling down to the last section of the page. Here, you can choose whether to show your feed header, the load more button, and the follow button.

Instagram feed header and button settings

Start by customizing your Instagram slideshow feed’s header. Select from 3 header styles: standard, boxed, and centered. Then, you can have more control over the details you display by showing or hiding the number of your Instagram followers or your bio text.

Instagram Carousel feed settings header

For example, here’s what a boxed header feed with visible followers and bio text looks like:

instagram carousel feed example

Next, you can also personalize your Instagram feed’s “load more” button. Under these settings, change the button’s background and text color and even its text, if you want to.

Instagram Carousel feed settings load more

Instagram Feed Pro also helps you customize your feed’s “follow” button.  Under its settings, you can choose to show a button to encourage your site visitors to follow you on Instagram. It also has options to help you change the colors and text of your button so it’s consistent with your branding.

Instagram Carousel feed settings follow

Once you’re happy with how your feed looks like, click the Save Changes button and move on to the final step below.

Step 5: Embed Your Instagram Carousel in WordPress

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

  • Instagram Feed Block: The plugin has a built-in block you can easily use to add your feed to your WordPress post or page.
  • Shortcode: Paste the plugin’s shortcode into your classic editor.
  • Instagram Feed WordPress Widget: Just drag-and-drop the plugin’s ready-made widget to show your Instagram feed in seconds!

Let’s talk about all options below.

Add Instagram Carousel with the Instagram Feed Block

Start by creating a new page in WordPress by going to Pages » Add New.

add new page

Inside the WordPress block editor, click the Plus (+) icon to add a new WordPress content block. Next, type “instagram” in the search field. Then, click the Instagram Feed block to add it to your page.

Add the Instagram feed WordPress block

After adding the Instagram Feed block to your editor, it’ll automatically show a live preview of your Instagram carousel feed. Once you’re happy with how your feed looks like, click on Publish to make it live on your website.

Instagram Carousel on website preview

Add Instagram Carousel with Shortcode

If you’re using a classic WordPress editor, it’s easy to embed your Instagram carousel feed on your website, too.

First, create a new page by going to Pages » Add New on your dashboard.

add new page

Then, paste this shortcode into your classic editor: [instagram-feed]

instagram feed shortcode

Finally, click on Publish to start displaying your Instagram feed to your website visitors.

Add Instagram Carousel with Widget

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 Appearance » Widgets from your dashboard. Then, drag the Instagram Feed widget to your sidebar area.

Instagram Carousel feed widget

Just click Save so your Instagram carousel feed is automatically added to your sidebar area. Now, when you navigate to the front of your website, you’ll see your Instagram slideshow feed displayed on your sidebar, like this:

Instagram Carousel feed on website sidebar

And, that’s it! You’ve now learned how you can easily embed an Instagram carousel feed to your WordPress website.

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

Get started with Instagram Feed Pro today.

And if you found this post useful, connect with us on Twitter and Facebook for more helpful tutorials.

Want to Try our Instagram plugin for Free?

Enter the URL of Your WordPress website to install Instagram Feed Lite.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *