How to Display Multiple Instagram Feeds on Your Website With Ease
Home Blog How to Display Multiple Instagram Feeds on Your Website Easily

How to Display Multiple Instagram Feeds on Your Website Easily

How to Display Multiple Instagram Feeds on Your Website (1)

Are you looking for an easy way to embed more than 1 Instagram feed on your website?

Showcasing multiple feeds helps you highlight your best content so you can engage site visitors, boost your following, and secure new customers to grow your business.

But how do you display multiple Instagram feeds on your website?

In this article, we share how you can display multiple Instagram feeds on your website — easily, quickly, and hassle-free. Yes, even if you’re a complete WordPress newbie!

Here’s a table of contents to help you quickly find the sections you’re interested in:

Let’s get started

Why Display Multiple Instagram Feeds?

There are many reasons why you’d like to add multiple Instagram feeds to your website.

The most obvious reason is to help you share feeds for all your Instagram accounts in one place. That way, your visitors can check out Instagram content from all of your accounts.

But that’s not all.

You can have multiple Instagram feeds on your website in order to:

  • Display photo feeds for each product category on your brand’s online store
  • Add separate feeds of review posts on your checkout page to reduce cart abandonment
  • Embed your Instagram photos or reels on your website using different layouts, such as horizontal Instagram feed or sidebar widget
example instagram hashtag feed on sidebar area widget
  • Curate Instagram hashtag feeds to display popular content on your site
  • Showcase user-generated content (USG) from satisfied customers for positive social proof
  • Create shoppable Instagram posts to boost sales on your eCommerce site

There are a ton of ways to use several Instagram feeds across your website. So how do you embed them?

Let’s take a look below.

How to Display Multiple Instagram Feeds

Adding multiple Instagram feeds to your site might sound tricky. But it’s easier than you think.

With Instagram Feed Pro from Smash Balloon, you can show as many feeds as you like on your WordPress site.

best instagram feed pro plugin

As the best Instagram feed plugin for WordPress, it helps you create, customize, and display multiple Instagram feeds on your website — no coding required.

In fact, you can use the live feed editor to easily fine-tune your Instagram feeds to look the way you’d like. Plus, the plugin looks great right out of the box and automatically copies your site’s look.

instagram feed landing page example

This means that it automatically copies your website design, so your Instagram feeds look consistent with your brand’s style, with no extra effort on your part.

Finally, this amazing Instagram marketing plugin comes with a customer support team of WordPress experts.

It has a solid rating of 4.9/5 stars, after all. So if you need help with displaying multiple Instagram feeds on your website, you can just send them a message, and they’ll do their best to assist you.

reviews instagram feed pro plugin

Since it uses smart caching, your Instagram feeds can load faster without asking the social media site for data. Plus, a faster site is great for your SEO.

With these functionalities in mind, let’s look at how to get started with embedding multiple Instagram feeds on WordPress.

All you have to do is follow the step-by-step guide below.

Step 1: Install Instagram Feed Pro on Your WordPress Site

To begin, get your copy of Instagram Feed Pro here.

Next, install and activate the plugin on your WordPress website. If you need help with that, you can learn how to install a WordPress plugin here.

Excellent! Now, you can move on and create your Instagram feed in step 2.

Step 2: Create Your Instagram Feed

After installing and activating the plugin, you can get started and create your Instagram feeds.

To do that, first, go to the Instagram Feed » All Feeds menu from your WordPress dashboard area. And on the new page, just click on Add New.

create new feed instagram feed pro

Next, you can choose the type of Instagram feed that you want to create. There are 3 options that you can pick from:

  • User Timeline: Create a feed of your latest Instagram posts
  • Public Hashtag: Show an Instagram feed of hashtags that you’ve selected
  • Tagged Posts: Embed a feed displaying posts that your account is tagged in

You can also mix multiple feed types into a single feed by picking more than 1 option on this page.

After you pick the Instagram feed type, click on the Next button.

We’ll select a user timeline feed for this tutorial.

select your feed type instagram feed pro

Step 3: Connect Your Feed to Instagram

It’s time to connect your new feed to a source so that it can show Instagram posts.

To get started, click on the Add Source button.

instagram add source for feed

Next, you can pick between a personal Instagram account or a business account for your new feed.

With a personal account, you can only embed Instagram content that you’ve posted yourself.

On the other hand, you can use an Instagram business account to embed a variety of Instagram content, including shoppable Instagram feeds, hashtag feeds, Instagram videos, and much more.

After selecting your Instagram account type, just click on the Login with Instagram button to continue.

select instagram account type popup

Now, the plugin will ask for read-only access to your Instagram profile. Since the access is read-only, Instagram Feed Pro can only see your Instagram data, but it can’t change anything.

As you can see, using this plugin is completely safe.

To proceed, just click on the Allow button on the Instagram popup.

allow access to instagram

Once you do that, the plugin will send you back to your website. Here, confirm your new source by clicking on the Next button.

confirm account as source for instagram feed

Just like that, your Instagram feed is connected to your account — no need to deal with code or Instagram API.

Step 4: Customize Your New Instagram Feed

Since the plugin is designed to be user-friendly, you can easily change the design of your feed by importing pre-built layouts.

Just select the feed layout that you prefer and then click on the Next button.

select your instagram template

You can now see your Instagram feed open in the live feed editor. Towards the left, you can see all the advanced customization options for your feed.

This includes the option to set your feed layout, color scheme, header style, feed size, follow button, and much more — no HTML, CSS, or any coding!

live feed editor for instagram feed pro

When you make any changes using these options, you can check the live preview on the right to see how your Instagram feed looks.

To start customizing your Instagram feed, first, click on the Feed Layout option on the left.

select feed layout options live feed editor instagramselect feed layout options live feed editor instagram

There are 4 layout templates here that you can pick from:

  • Grid
  • Carousel
  • Masonry
  • Highlight.
feed layout options instagram feed pro

With the grid layout, you can display a uniform grid of Instagram posts cropped into squares.

This way, you can show tons of posts at once in an Instagram gallery.

grid layout for your instagram feed

The next option is the carousel layout, where your posts are displayed in an Instagram slideshow carousel.

It’s a great feed layout if you want to use your social photo feed to make your website more interactive.

carousel layout for your instagram feed

You can also pick the masonry layout to show Instagram pictures with their original aspect ratios.

That way, your visitors can see the Instagram posts without anything cropped out.

masonry feed layout for your instagram feed

Want to put the focus on specific posts?

Then, you can use the highlight layout, which can make some Instagram posts more visible by increasing their size.

highlights layout for your instagram feed

After picking a layout option, click on Save to continue configuring your feed.

Next, click on the small Customize button to go back to the main customization options.

return to main customization options

To continue editing the design of your Instagram feed, just select the Color Scheme option on the left.

select color scheme option live feed editor instagram

You can now change the colors of your feed by choosing from 4 different color schemes:

  • Inherit from Theme: Use the colors of your website’s theme
  • Light: Pick a light background color with a darker font color
  • Dark: Use a darker background color along with a light color for the font
  • Custom: Manually choose the colors for your Instagram feed
color scheme options instagram feed pro

After picking your Instagram feed’s color scheme, click on Save.

You can now customize the rest of your Instagram feed the same way. With the live feed editor, it’s super easy to set your post layout, header style, feed size, lightbox, load more buttons, and much more.

Finally, click on Save once you’re happy with the design of your Instagram feed.

After that, you can repeat these steps to create multiple Instagram feeds on your website.

Step 5: Display Your Multiple Instagram Feeds on Your Website

Finally, it’s time to display the Instagram feeds on your website. There are two ways you can do that:

  • Display multiple Instagram feeds on your page
  • Display multiple Instagram feeds on your sidebar or footer

Display Multiple Instagram Feeds on Your Page

Using the live feed editor, you can start displaying your Instagram feeds right away.

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

instagram click on the embed button

You’ll then see a popup where you can choose the location of your Instagram feed. To continue, click on the Add to a Page button here.

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

Now you can choose the WordPress page where you want to embed your Instagram feed. Just select your page on the popup and click on Add.

add instagram feed to a wordpress page

The plugin will then open that page in the WordPress editor so you can embed your feed. Just add a content block by clicking on the small plus (+) icon.

add new wordpress block

After that, write in “Instagram” in the search bar and then select the Instagram Feed block from the search results.

embed instagram feed page

Finally, click on the Publish button to confirm your changes.

Just like that, you can display Instagram feeds on WordPress with ease. To see how it looks, you can just open your website and check.

example of instagram feed wordpress

To embed another Instagram feed on that page, first, open the feed in the live feed editor.

For that, go to the Instagram Feed » All Feeds menu from your WordPress dashboard, where you can see all of your Instagram feeds listed.

Now click on the Instagram feed that you want to embed.

select your hashtag feed

You can now see the Instagram feed in the live feed editor. Like before, click on the Embed button at the top.

embed button instagram hashtag feed

Like before, you can see the popup with the options to embed your Instagram feed. You can also copy your shortcode to embed Instagram feeds manually.

On the popup, select Add to a Page to continue.

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

Here, select your WordPress page where you want to embed the Instagram feed and click on Add.

add instagram feed to a wordpress page

Now click on the plus (+) icon on the WordPress editor to add a new content block.

add second instagram feed block wordpress editor

Finally, select the Instagram Feed block to embed your Instagram feed, just like you did before.

add multiple instagram feed blocks to a page

Now click on the Update button to save your changes. You can also open your site to see multiple Instagram feeds on your WordPress page.

example multiple instagram feeds

Just like this, you can display multiple Instagram feeds on your WordPress page.

let’s see how you can embed your Instagram feed on the sidebar or footer of your website.

But what if you want to add multiple Instagram feeds in widget-ready areas like your blog sidebar too? Let’s look at how to do that next.

Display Multiple Instagram Feeds on Your Sidebar or Footer

You can also use your sidebar or footer to display multiple Instagram feeds on your website.

Plus, the Instagram Feed Pro plugin comes with user-friendly Instagram widgets to help you embed feeds easily.

To embed your Instagram feed, first, navigate to the Instagram Feed » All Feeds menu from your dashboard area.

On this page, just click on the Instagram feed that you want to embed on your sidebar or footer.

select your instagram feed

The plugin will now open your feed in the live feed editor once you click on it. To continue, click on the Embed button at the top.

instagram click on the embed button

Next, you can choose where to embed your Instagram feed. Just click on the Add to a Widget button to proceed.

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

After that, the plugin will send you to your Widgets page. Here, you can choose where you want to embed your Instagram feed.

To add your Instagram feed to your sidebar, click on the Sidebar panel.

open sidebar panel to embed social media widget

Want to use your footer instead? Then click on a Footer panel here.

For our tutorial, we’ll use the sidebar to embed the Instagram feeds.

open footer panel to embed social media widget

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

add instagram widget to your sidebar

Now click on Update to finish embedding your Instagram feed widget. You can check how it looks by opening your website.

sidebar widget instagram feed pro

To embed another Instagram feed, go back to the Instagram Feed » All Feeds menu using your WordPress dashboard.

After that, click on your Instagram feed to open it in the live feed editor.

select your hashtag feed

Here, click on the Embed button like earlier to start embedding your Instagram feed.

embed button instagram hashtag feed

Use the popup to select the Add to a Widget to open the widgets page of your website.

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

On the widgets page, click on the panel where you embedded your Instagram feed earlier. In this case, we’ll open the Sidebar panel.

open sidebar panel to embed social media widget

Now click on the plus (+) icon to add a new WordPress widget, and then select Instagram Feed from the options.

embed second instagram feed widget sidebar

Finally, click on Update button to save your new Instagram feed widget.

You can now open your website to see multiple Instagram feeds on your website sidebar or footer.

example instagram feed on sidebar area widget

As you can see, it’s super easy to display multiple Instagram feeds on your website using the Instagram Feed Pro plugin.

On top of that, you can also embed an Instagram feed with content from multiple user accounts. Let’s see how you can do that below.

How to Display Multiple Instagram User Feeds

To display Instagram feeds with multiple user accounts, you can first create a new feed just like before.

For that, go to Instagram Feed » All Feeds from your WordPress dashboard and then click on Add New.

create new feed instagram feed pro

After that, you can just click on the User Timeline option on this page. To continue, just click on the Next button like before.

select your feed type instagram feed pro

Here, you can add multiple Instagram accounts and use them as a source for your new feed.

To get started and add another Instagram account, click on the Add New button.

add second source for instagram feed

You’ll see a popup that asks for read-only access to your Instagram account. On that popup, just click on Allow to continue.

allow access to instagram account create feed

This will bring you back to your WordPress website.

From here, select multiple sources for your Instagram feed and then click on Next.

connect multiple accounts instagram feed pro

You’ll now see your Instagram feed open in the live feed editor. Just like before, you can customize the design of your Instagram feed and embed it on your page, sidebar, or footer.

instagram feed with multiple user accounts

As you can see, it’s super easy to create Instagram feeds that combine content from multiple Instagram accounts.

That’s it!

You now know how to display multiple Instagram feeds and feeds with various user accounts on your website.

Now, you can engage website visitors with targeted content to boost your conversions, get more Instagram followers, and grow your business.

Want to level up your Instagram marketing? Get started with Instagram Feed Pro today!

If you enjoyed this article, you might like this guide on the best types of Instagram posts to increase sales.

Finally, feel free to follow us on Twitter and Facebook for more helpful tutorials.

author avatar
Stacey Corrin

Comments 3

  1. Lianne Laroya 3 years ago

    Hi Daan,

    Thanks for your question. It depends on the license you get. You can refer to this table for more details: https://smashballoon.com/instagram-feed/pricing/

    if you want unlimited access to all of Smash Balloon plugins so you can use them on unlimited websites, go ahead and get the All-Access Bundle here: https://smashballoon.com/instagram-feed/pricing/

    The great part about Smash Balloon’s pricing method? It comes with a 100% no-risk money-back guarantee so you can try out the plugins first and see if it’s a good fit for you.

    If you have any concerns you’d like to be addressed, please contact our support team.

    If you have a Smash Balloon license, you have access to our priority email support, so please submit a support ticket here: https://smashballoon.com/instagram-feed/support/

    Otherwise, we provide complimentary support in the Smash Balloon Social Photo Feed forum:
    https://wordpress.org/support/plugin/instagram-feed/

    Thank you!

    Reply
  2. yogaaga 12 months ago

    This is a great article for people who want to add more than one Instagram feed to their website. It is well-written and easy to understand, making it perfect for both beginners and advanced users. The article is broken down into different sections, which is helpful in finding the information you need quickly. The writer also provides various reasons for adding multiple feeds, which is a nice touch.

    I have a question about the tutorial – does it work for all types of websites, or only for WordPress? I have a website on another platform, and I’m wondering if I can still use this tutorial to display multiple Instagram feeds. It would be great if the author could include some information on this.

    Overall, thank you for sharing this helpful article. I learned a lot and can’t wait to try it out on my website!

    Reply
    1. Lianne Laroya 12 months ago

      Hi there!

      We’re glad you found the article helpful.

      Our Instagram Feed plugin is designed and built for WordPress platform only, although you can also use it on your Elementor or Divi websites. You can check out the following posts for more info:

      How To Add Your Instagram Feed to Elementor (In 5 Minutes)

      How to Add a Divi Instagram Feed to Your Website

      Hope this helps! Thank you.

      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.