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!
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.
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:
- Multiple Instagram feeds
- Tagged feed
- Hashtag feed
- Instagram gallery
- Instagram carousel feed
- Shoppable Instagram posts
- Plus, display your Instagram stories, and more!
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.
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.
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.
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 Hashtag: Add 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:
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.
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.
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:
Or choosing to display 2 rows on your Instagram carousel feed will make it similar to this example:
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.
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.
For example, here’s what a boxed header feed with visible followers and bio text looks like:
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 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.
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.
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.
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.
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.
Then, paste this shortcode into your classic editor:
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.
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:
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.