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

How to Display Multiple Instagram Feeds on Your Website With Ease

How to Display Multiple Instagram Feeds on Your Website

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 all the ways to showcase your feeds in WordPress.

By using our tutorial, 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:

Before we dive in, let’s look at some of the reasons why you’d want to show multiple Instagram feeds on your site.

Or you can click here to skip ahead to the tutorial.

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.

Showing multiple Instagram feeds on your website also helps you:

  • Display photo feeds for each product category
  • Add separate feeds of review posts on your checkout page to reduce cart abandonment
  • Embed your Instagram photos on your website using different layouts, such as horizontal Instagram feed or Instagram widget on the sidebar

example instagram hashtag feed on sidebar area widget

There’s 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.

It’s one of the reasons why the plugin’s so well-recommended, even by the largest brands all over the globe:

smash balloon brands

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.

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.

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’d do their best to assist you.

reviews instagram feed pro plugin

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

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 to 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 Instagram Feed » All Feeds 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, just click on the Next button.

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

select your feed type instagram feed pro

With that, you’ve just created an Instagram feed for your website. Now you can go to the next step and connect this feed to your Instagram account.

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, IGTV 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 account. 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

With that, you’ve connected your feed to Instagram. Now you can go to step 4 and use the live feed editor to customize it’s design.

Step 4: Customize Your New Instagram Feed

You can now see your Instagram feed open in the live feed editor. Towards the left, you can see all the 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.

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

live feed editor for instagram feed pro

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, and 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 Instagram posts at once in a clean way.

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 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 for your new Instagram feed, click on Save.

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 button, 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.

Once you’ve created your feeds, it’s time to go to step 5 and embed them 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 display your Instagram feed on your website. 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 Instagram Feed » All Feeds from your WordPress dashboard where you can see all of your Instagram feeds listed out.

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

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.

add multiple instagram feed blocks to a page

Just click on the Update button to save your changes. Now you can 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, 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

Now 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 the 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, ultimately, 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.

Comments 1

  1. Lianne Laroya 1 year 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

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.

[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]