How to Add Instagram Feed Walls to Your Website (Step-by-Step)
Home Blog How to Add Instagram Feed Walls to Your Website (Step-by-Step)

How to Add Instagram Feed Walls to Your Website (Step-by-Step)

How to Add Instagram Feed Walls to Your Website

Do you want to make an Instagram feed wall?

Showing social media content on your website is a great way to grow your followers, engage visitors, and get more sales.

But manually creating Instagram walls can get tough and requires a lot of coding. And if you choose to hire a developer, it can cost thousands of dollars. 

The good news? 

We’re going to show you how to create Instagram feed walls on your website in a few easy steps with no coding.

Before we start the step-by-step tutorial, let’s see how adding Instagram feed walls can help your business.

Or you can click here to directly go to the tutorial.

Why Use Instagram Feed Walls?

An Instagram feed can help you show photos, videos, and more from Instagram on your website.

As a result, you can easily engage your website visitors with relevant photos and videos.

example of instagram feed

Plus, you display your own Instagram content on your site using an Instagram feed wall. You can then grow your Instagram following with tons of likes, comments, and followers.

And that’s just the start. Adding Instagram feed walls can help your business in lots of different ways.

  • You can create shoppable Instagram feed walls to give your visitors an easy shopping experience and get more sales.
  • To get more conversions, you can show reviews, testimonials, and product demonstrations from Instagram on your site.
  • Your Instagram feed wall can also show posts that have your brand’s hashtag and boost your social media presence.
  • With Instagram video galleries, your website can keep visitors interested for much longer, which means better SEO.
  • And much more!

As you can see, Instagram feed walls can help you grow your social media presence, boost engagement, and get more sales with ease.

And to help you out, we’re going to show you the simplest way you can embed Instagram feed walls on your site.

Easiest Way to Add Instagram Feed Walls

If you want to show Instagram content on your website, there are 2 ways you can do it:

  • Manual Way: Get the embed codes for all the Instagram posts you want to show and manually add them to your website one by one.
  • Easy Way: Use a WordPress plugin to create, customize, and embed Instagram feeds on your site in a few clicks.

With the manual way, it’s much more time-consuming and complicated since you have to deal with a lot of code.

embed code for instagram

What’s more, it’s much harder to customize your Instagram feed wall that way so it might not fit your branding.

To make it much easier, you can just use a WordPress plugin like Instagram Feed Pro.

best instagram feed pro plugin

Using Instagram Feed Pro, you can show beautiful Instagram feed walls on your website in no time.

To get started, all you have to do is follow a guided flow – no need to code or hire a developer.

Want to create beautiful designs for your Instagram feed wall? You can use the live feed editor to customize everything with ease.

live feed editor instagram

Plus, you get tons of options when it comes to feed types. Instagram Feed Pro supports photo galleries, hashtag feeds, IGTV videos, Instagram stories, and much more.

Because of all these amazing features, Instagram Feed Pro has over 1 million users and a rating of 4.9/5.

reviews instagram feed pro plugin

As the best Instagram feed plugin in the market, you get a dedicated support team of WordPress experts to help you out.

If you want the easiest way to create Instagram feed walls, get your copy of Instagram Feed Pro today.

With that, let’s go ahead and show you how to make an Instagram wall and add it to your site.

How to Make an Instagram Feed Wall for Your Website

Now let’s get started with our step-by-step guide on how to create, customize, and embed Instagram feed walls.

Step 1: Install the Instagram Feed Pro Plugin

To get started, go and get your copy of the Instagram Feed Pro plugin here.

Once you have the plugin, just install and activate it on your website.

Don’t know how to do that? You can just follow our simple guide on how to install WordPress plugins.

For the next step, you can create your Instagram feed wall using the plugin.

Step 2: Create Your Instagram Feed Wall

Using Instagram Feed Pro, you can create your Instagram feed wall in just a few easy steps.

From your WordPress dashboard, navigate to the Instagram Feed » All Feeds menu.

After that page, click on the Add New button at the top.

create new feed instagram feed pro

You can then choose the type of Instagram feed wall that you want on your site.

Instagram Feed Pro gives you 3 options to pick from:

  • User Timeline: Show Instagram photos and videos from your account
  • Public Hashtag: Embed Instagram posts that have specific hashtags
  • Tagged Posts: Display posts that mention your Instagram account

You can also choose more than 1 option here and combined different feed types into a single feed.

After you pick the option you prefer, click on the Next button.

select your feed type

As you can see, it’s easy to create an Instagram feed wall using this plugin.

In step 3, you can connect this Instagram feed wall to a source so that it can show Instagram posts on your site.

Step 3: Connect an Instagram Account

After you create your Instagram feed wall, the plugin will ask for a source.

You can just use your Instagram account as the source here.

To get started, click on the Add Source button.

instagram add source for feed

After that, you can pick the type of Instagram account that you want to connect to.

Using a personal Instagram account, your Instagram feed wall can only show posts from your own account.

But with a business account, you can show more types of Instagram content, including IGTV video feeds, Instagram hashtag walls, mentions feeds, and much more.

Select your Account Type on the popup and then click on Login with Instagram.

select instagram account type popup

To finish connecting your account, the plugin will open Instagram and then ask you for read-only access.

Using that access, Instagram Feed Pro will only view your Instagram info and can’t actually make changes at all.

That way, Instagram Feed Pro is completely safe.

To confirm the read-only access, click on the Allow button on the popup.

allow read only access instagram

After you do that, click on Next to finish connecting your Instagram account.

confirm your instagram feed source

Now that you’ve created your Instagram feed wall and connected it to a source, it’s time to customize its design in step 4.

Step 4: Customize your Instagram Feed Wall

You can now see your Instagram feed wall open in the live feed editor.

Here, you can use the options on the left to change your feed layout, header style, color scheme, feed size, follow button, and much more.

There’s also a live preview of your Instagram feed wall on the right so you can track your changes.

live feed editor for instagram feed pro

Now let’s get started with the customization by clicking on the Feed Layout option on the left.

select feed layout options live feed editor instagram

Now, you can see the 4 feed layout options that you get with Instagram Feed Pro: Grid, Carousel, Masonry, and Highlights.

feed layout options instagram feed pro

Using the Instagram grid layout, you can show many posts at once in rows and columns.

As a result, you can have an Instagram feed wall that looks clean and minimal.

grid layout for your instagram feed wall

Next, there’s the carousel layout which will put your Instagram feed on a carousel slider.

That way, you can make your website more interactive.

carousel layout instagram feed wall

The masonry layout will show your Instagram posts in different rows without cropping them.

As a result, you can have an Instagram feed wall where the photos and videos keep their original proportions.

masonry layout for your instagram feed wall

Finally, we have the highlight layout that removes the icons and captions and increases the size of certain posts.

This layout is great for an Instagram gallery wall where you want to put the focus on the images.

instagram feed highlights layout

Select the feed layout that you want here, and then click on the Save button.

With that, you can return to the previous customization options by clicking on the small customize button at the top.

return to main customization options instagram

Next, click on the Color Scheme option on the left to change the colors of your Instagram feed wall.

select color scheme option

To easily set your colors, Instagram Feed Pro has 4 different color schemes:

  • Inherit from Theme: Copy the colors of your website automatically
  • Light: Use a light background for your Instagram feed wall and a dark font
  • Dark: Choose a dark background with a light font color for your feed wall
  • Custom: Select all the colors yourself
color scheme options live instagram feed

Once you select your colors scheme here, click on the Save button.

As you can see, you can use the live feed editor to go ahead and set your feed size, header design, follow button, post style, and much more.

And remember to click on Save to confirm your changes once you’re done.

Finally, it’s time for step5 where you add this Instagram feed wall on your WordPress site.

Step 5: Embed Your Instagram Feed Wall on Your Website

If you want to embed your Instagram feed wall, there are 2 ways you can do this:

  • Embed the Instagram feed wall on your WordPress page
  • Embed the Instagram feed wall on your WordPress sidebar or footer

Let’s show you how to use these methods below:

Embed Instagram Feed Wall on WordPress Page

You can start embedding your Instagram feed wall directly from this live feed editor.

All you have to do is click on the Embed button to get started.

instagram click on the embed button

You can now see a new popup where you can select how you want to embed your Instagram feed wall.

Here, click on the Add to a Page button to continue.

add live instagram feed to page

Next, the plugin will show you a list of WordPress pages on your site.

Just select the page where you want to embed the Instagram feed wall and click on Add.

select page to embed live instagram feed

Once you do that, Instagram Feed Pro will open that page in the WordPress editor.

To embed your Instagram feed wall, first, add a new widget by clicking on the plus (+) icon.

add new content block on wordpress

Now write “instagram” in the search bar at the top and then select the Instagram Feed block from the search results below.

embed instagram feed block on wordpress page

Now, you can just click on the Publish or Update button at the top to save your changes.

If you open your website, you can see how your Instagram feed wall looks to your visitors.

example of Instagram feed wall

With Instagram Feed Pro, it’s easier than ever before to embed Instagram content on your WordPress site.

Now let’s take a look at the next way to embed your Instagram feed wall.

Embed Instagram Feed Wall on Your WordPress Sidebar or Footer

To embed your Instagram feed wall, first, open it in the live feed editor once again.

For that, go to the Instagram Feed » All Feeds menu from your WordPress dashboard and click on the Instagram feed wall that you created.

open your instagram feed

This will open the live feed editor once again so you can embed the Instagram widget on your website.

To get started, just click on the Embed button in the top right corner.

instagram feed embed button

After that, you’ll see the popup that asks where you want to embed your new Instagram feed wall.

Just click on the Add to a Widget option here.

add live instagram feed to widget

Instagram Feed Pro will then send you to the widgets page of your website so you can embed your Instagram feed wall.

If you want to show the feed wall on your sidebar, select the Sidebar panel.

open sidebar panel to embed live instagram feed

Want to use the footer instead? Then click on the Footer panel.

We’ll use the sidebar panel for our tutorial.

open footer panel to embed live instagram feed

To add a new WordPress widget, click on the plus icon (+) here.

Finally, click on the Instagram Feed widget to embed your Instagram feed wall.

add instagram widget to your sidebar area

To confirm your changes, remember to click on the Update button at the top.

Now just open your WordPress website and you can see how your Instagram feed wall looks as a widget.

example of live instagram feed on the sidebar

And there you go!

Now you can easily show Instagram feed walls on your website to engage your visitors, boost your sales, and get more Instagram followers.

Want more ways to boost your Instagram marketing? You can look at our list of the best Instagram marketing tips.

Ready to create Instagram feed walls on your site? Get started with Instagram Feed Pro today.

If you enjoyed this article, feel free to follow us on Twitter and Facebook for more social media marketing tutorials.

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.