How to Embed Live Instagram Feed on Your Website Easily (2022)
Home Blog How to Embed Live Instagram Feed on Your Website Easily (2022)

How to Embed Live Instagram Feed on Your Website Easily (2022)

How to Embed Live Instagram Feed on Your Website Easily

Want to learn how to embed live Instagram feeds on your website?

With over 1 billion active users, Instagram is one of the biggest social media platforms out there.

Integrating your Instagram content on your site is a great way to display your best visual social media content and boost engagement.

Using the right tool, Instagram feeds can even help you get more sales for your business.

But without coding skills, it can be tricky to add a live Instagram feed to your website — if you do this manually.

So in this post, we’ll show you how to embed a live Instagram feed on your website automatically. This way, you can do it quickly and easily, even if you’re not tech-savvy!

example of instagram feed

Shall we get started?

Ways to Embed Live Instagram Feed on Your Website

As we’ve mentioned, displaying a regularly updated Instagram feed on WordPress can be complicated. Especially if you’re a WordPress newbie who’s not familiar with coding, custom CSS, or HTML.

So, some of the methods to insert a live Instagram feed on your website may be outside your level of experience.

There are 2 main ways to embed a live Instagram feed on WordPress:

1. Manual: Get the embed codes of the Instagram posts you want to add to your site. Then, copy and paste them into your website one by one.

2. Automatic: Connect your Instagram account to a WordPress plugin. Use the plugin to automatically embed your Instagram feed with a couple of clicks.

The 1st method for adding an Instagram feed can be difficult and time-consuming since you have to switch between multiple web pages and paste tons of Instagram embed codes.

embed code for instagram

Also, using the manual method makes it tricky for you to customize how your live Instagram feeds look on your website.

If you’re not tech-savvy, this method can even ruin your website’s well-designed branding.

Or if you’d like to hire a developer to help you with customizing the embed code, it gets pretty expensive. Imagine the hundreds (even thousands!) of dollars you’d invest just to control your Instagram feed’s design!

What’s more, if you run into some issues while embedding your live Instagram feed, there’s no dedicated support team to help you.

So if you’re using the manual method, you’re left on your own.

Easiest Way to Add Live Instagram Feed

But if you use a WordPress plugin like Instagram Feed Pro to add an Instagram feed to your website, you won’t have those problems at all.

best instagram feed pro plugin

Instead, you can use Instagram Feed Pro to:

  • Display stunning Instagram feeds — no coding needed
  • Easily customize your Instagram feed’s design with just a few clicks using the live feed editor
  • Encourage your website visitors to follow your Instagram account with call-to-action buttons
  • Get help directly from a support team of WordPress experts

Want more control over your Instagram feed’s content and design? Then Instagram Feed Pro is the best tool to help you embed your live Instagram feed on your website.

As the best Instagram feed plugin for WordPress, Instagram Feed Pro lets you easily create, customize and display live Instagram feeds on your website — no coding needed.

instagram click on the embed button

The best part? It’s perfect for WordPress newbies since you don’t need to deal with confusing Instagram feed embed codes.

You can add your regularly updated Instagram feed on your site in less than 5 minutes!

Using Instagram Feed Pro, you can display different types of Instagram content on your site, such as:

While it has tons of helpful features, Instagram Feed Pro is also built for speed. Since it caches the data it receives from social media platforms, it minimizes requests and loading times.

This means, your Instagram feeds will load lightning-fast on your site! And with a faster site, you also get better SEO.

With a top rating of 4.9/5 stars, the plugin’s well-loved by its millions of users worldwide.

And if you ever run into some issues while embedding your live Instagram feed, you can message the plugin’s support team directly.

reviews instagram feed pro plugin

With these in mind, let’s dive into displaying your live Instagram feed on your site using the Instagram Feed Pro plugin.

Step 1: Install the Instagram Feed Pro plugin

First, you can get your own copy of Instagram Feed Pro here. After downloading the plugin to your computer, install it on your WordPress website.

You can always check out this step-by-step guide on how to install a WordPress plugin for more details.

For step 2, you can just create your Instagram feed with the help of this plugin.

Step 2: Create Your Instagram Feed

The beauty of using Instagram Feed Pro is that it’s so easy to create your Instagram feed.

To start, go to your WordPress dashboard and navigate to Instagram Feed » All Feeds.

Next, you can connect your Instagram account, by clicking the Add New button.

create new feed instagram feed pro

Next, the plugin will ask you to choose the Instagram feed type. The options here include:

  • User Timeline: Use the feed to only show posts from your Instagram account
  • Public Hashtag: Embed Instagram photos and videos that have specific hashtags
  • Tagged Posts: Display the Instagram posts where other users have tagged your account

By selecting multiple options at once, you can even combine different Instagram feed types for a single feed.

Once you select your feed type, click on Next.

You can now move on to the next step where we show you how to connect this Instagram feed to a source.

Step 3: Connect the Feed to Your Instagram

After you create your feed, the plugin will ask you to connect your Instagram account.

That way, your new feed can show Instagram content on your website.

To continue, just click on the Add Source button here.

instagram add source for feed

After that, you’ll see a popup that asks you to decide between connecting your personal or business profile.

A personal Instagram profile lets you embed an Instagram feed from your own account only.

Meanwhile, a business Instagram profile lets you add Instagram hashtag feeds, IGTV videos, tagged feeds, shoppable feeds, and more.

For this tutorial, we’ll display a live Instagram feed from our own account, so let’s choose personal and click on Login with Instagram.

select instagram account type popup

Then, the plugin will ask for read-only access to Instagram to finish connecting your account.

This access will allow Instagram Feed Pro to view Instagram info but it can’t actually make any changes.

As you can see, it’s completely safe to use this plugin.

On the popup, just click on Allow to give the read-only access.

allow access to instagram

Finally, you can just click on Next to confirm this account as the source for your Instagram feed.

confirm your instagram feed source

Just like that, it’s time for step 4 where you can customize the design of your new feed.

Step 4: Customize Your Live Instagram Feed

Once you’re done connecting your Instagram account, the plugin will open the live feed editor.

From this editor, you can easily set the design of your Instagram feed using the options on the left. You can change your feed layout, header design, color scheme, button design, post style, and much more.

On the right, you have a live preview of your Instagram feed where you can track your changes in real-time.

live feed editor for instagram feed pro

To get started with the customization, first, click on the Feed Layout option on the left.

select feed layout options live feed editor instagram

Instagram Feed Pro has ready-made layout templates you can choose from: grid, carousel, masonry, and highlight.

feed layout options instagram feed pro

For this tutorial, we’ll choose the highlight layout. This layout shows your Instagram posts in square-cropped images with highlighted posts displayed twice as large, like this:

instagram feed highlights layout

After picking your feed layout, click on the Save button at the top.

Next, you can click on the small customize button to return to the main options.

return to main customization options instagram

On the left, click on Color Scheme to go ahead and set the colors of your Instagram feed.

select color scheme option

With Instagram Feed Pro, there are 4 color schemes that you can pick from:

  • Inherit from Theme: Automatically copy the colors of your website’s theme
  • Light: Display a light background and a dark font for your Instagram feed
  • Dark: Choose darker background alongside a light font color
  • Custom: Pick all the colors manually
color scheme options live instagram feed

Just pick the color scheme that you prefer and click on the Save button again.

As you can see, it’s super easy to customize your Instagram feed using our live feed editor.

After you finish setting up the design of your live Instagram feed, don’t forget to click Save before going to the final step.

Step 5: Embed Your Live Instagram Feed

It’s time to embed your live Instagram feed on your website. You have 2 ways to do this:

  1. Use the Instagram Feed block to add your feed to your post or page
  2. Use the Instagram Feed widget to add your feed to your sidebar or footer areas

Let’s talk about both options below.

Embed Live Instagram Feed on WordPress Page

Using the live feed editor, you can directly embed live Instagram feeds on your WordPress pages.

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

instagram click on the embed button

This will open a popup where you can select the location of your live Instagram feed.

For now, click on the Add to a Page button.

add live instagram feed to page

On the popup, just select the WordPress page where you want the feed and click on Add.

select page to embed live instagram feed

Instagram Feed Pro will now open that page in the WordPress editor

From there, click the Plus (+) icon to add a new content block.

add new content block on wordpress

Then, type “instagram” in the search bar and click on the Instagram Feed to add it to your page.

embed instagram feed block on wordpress page

Finally, click on the Publish button on the top right to make your page live.

So when your site visitors check out your published page, they can now see your live Instagram feed embedded on your website.

example live instagram feed

As you can see, it’s super easy to embed live Instagram feeds on your WordPress pages.

Next, let’s see how you can display Instagram feeds on your sidebar or footer areas.

Embed Live Instagram Feed on WordPress Sidebar or Footer

You can also display your Instagram feed in your sidebar areas as an Instagram widget.

First, navigate to Instagram Feed » All Feeds from your WordPress dashboard.

All the Instagram feeds you create will be listed on this page.

To continue, just select the live Instagram feed that you created earlier.

open your instagram feed

Once you do that, the plugin will open that feed in the live feed editor.

Like before you can click on the Embed button on the top.

instagram feed embed button

To continue, just select the Add to a Widget option on the new popup.

add live instagram feed to widget

After you do that, Instagram Feed Pro will open the widgets page of your WordPress site.

From here, click on the Sidebar panel to manage the widgets on your sidebar area.

open sidebar panel to embed live instagram feed

Or you can manage your footer widgets by clicking on the Footer panel instead.

For this tutorial, we’ll use a sidebar for your Instagram feed.

open footer panel to embed live instagram feed

Then, click on the plus icon (+) to add a new widget before selecting the Instagram Feed widget from the options.

add instagram widget to your sidebar area

Finally, just click on the Update button and you’ve just embedded your Instagram feed.

Now, when you visit your website, you’ll see your live Instagram feed on your sidebar area, like this:

example of live instagram feed on the sidebar

So, there you have it, folks.

With these simple steps, you learned how to easily embed a live Instagram feed on your website.

Now, you can show social proof from your Instagram content on your site to get more followers, boost conversions, and skyrocket your sales.

Want to create live Instagram feeds to grow your business? Get started with Instagram Feed Pro today.

To display an Instagram feed on your website using your branded hashtags, follow this guide on how to add an Instagram hashtag feed to WordPress.

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.