How to Embed Live Instagram Feed on Your Website (2021)

By Lianne Laroya on April 27, 2021

Are you looking for an easy way on how to embed live Instagram feed on your website?

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

Using the right tool, it 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!

how to embed live instagram feed on website example

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.

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. The more Instagram posts you want to embed, the more embed codes you need to deal with.

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 is difficult and time-consuming. Since it involves switching between multiple webpages and pasting tons of Instagram embed codes, it gets confusing as well.

Also, using the manual method makes it tricky for you to customize how your live Instagram feeds look on your website. So if you’re not tech-savvy, you can 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 plugin for wordpress

Instead, you can:

  • Display stunning Instagram feeds — no coding needed
  • Easily customize your Instagram feed’s design with just a few clicks
  • Control the information displayed in your live Instagram feed
  • Encourage your website visitors to follow your Instagram account with call-to-action buttons
  • Get help directly from 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.

The best part? It’s perfect for WordPress newbies. Since you don’t need to deal with confusing embed code snippets, 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:

Even better, the plugin is suitable for WordPress power users who want to make the most out of their Instagram plugins. Instagram Feed Pro comes with tons of customization choices so your live Instagram feed matches your branding — with just a few clicks.

Instagram Feed Pro is also 100% responsive and mobile-optimized. So your Instagram feeds automatically look great on all screen sizes. Your site visitors can easily see and read your Instagram content.

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

Meaning, 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. They’re made up of WordPress experts who can help you fix any issues right away.

instagram feed pro reviews

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.

Step 2: Connect Your Instagram Account

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

To start, go to your WordPress dashboard and navigate to Instagram Feed » Settings. You’ll be taken to the plugin’s settings page.

To connect your Instagram account, click the blue Connect an Instagram Account button.

how to embed live instagram feed on website connect instagram

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

personal or business

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

Then, follow the instructions on-screen to finish linking your Instagram account to the plugin.

Step 3: Configure Your Feed Settings

Once you’re done connecting your Instagram account to the plugin, the next step is configuring your feed settings.

To do this, first, scroll down the settings page. Make sure that you’ve checked the radio button next to the Instagram user account whose posts will be displayed in your feed.

Then, under the check for new posts section, this is where you can set the plugin to check for new Instagram photos or videos to keep your feed updated.

If you select in the background, the plugin will check for new data in the background so that the feed is updated behind the scenes.

Meanwhile, if you select when the page loads, then the plugin will check Instagram for new posts the next time that the feed is loaded.

Both features ensure that you can display a live Instagram feed on your website– regularly updated to keep your visual content fresh and engaging.

In this tutorial, we selected when the page loads and set the timer to every 1 hour. This lets the plugin clear the cache after 1 hour and check Instagram for posts again.

how to embed live instagram feed on website how to update

Don’t forget to click Save Changes before moving to the next step below.

Step 4: Customize Your Live Instagram Feed

WordPress newbies love the fact that they can easily customize their Instagram feed’s design with Instagram Feed Pro.

To get started, head on over to the topmost part of your settings page and click on the Customize tab.

On the top part of the customization settings page, you’ll see the General section. Here, you can easily tweak the width, height and background color of your Instagram feed.

customize embedded live instagram feed on website

Scrolling down takes you to the Layout section. Instagram Feed Pro has tons of ready-made layouts you can choose from: grid, carousel, masonry and highlight. Here, you can also set the number of photos you want to initially show on your Instagram feed.

how to embed live instagram feed on website highlight

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:

how to embed live instagram feed on website highlight

Below the layout section, you can customize your feed’s header, load more button, and follow button. Simply click Show Customization Options below each heading to expand those settings and customize them to your liking.

Instagram feed header and button settings

Once you’re happy with how your Instagram feed looks like, don’t forget to click Save Changes before going to the final step.

Step 5: Embed Your Live Instagram Feed

Now, 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

First, you need to create a new WordPress page. You can do this by going to your WordPress dashboard and navigating to Pages » Add New.

add new page

You’ll be directed to the new page. Inside your page’s block editor, click the Plus (+) icon to add a new content block. Then, type “instagram feed” in the search bar.

Next, click on the Instagram Feed block to add it to your page.

Instagram feed content block

Now, WordPress will automatically show you a preview of your Instagram feed so you can make any changes before you publish.

Once you’re happy with how your Instagram feed looks like, click 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.

embedded live instagram feed on website

Embed Live Instagram Feed on WordPress Sidebar

You can also display your Instagram feed as a widget in your sidebar area.

First, navigate to Appearance » Widgets from your WordPress dashboard.

Then, look for the Instagram Feed widget and drag it to your sidebar widget area.

Add an Instagram widget to WordPress

Finally, just click Save and Done. Now, when you visit your website, you’ll see your embedded Instagram feed on your sidebar area, like this:

embedded live instagram feed on website sidebar

So, there you have it, folks. Congratulations! With these simple steps, you’ve just learned how to easily embed a live Instagram feed on your website.

As you can see, it’s super easy to embed Instagram feeds on your site with the Instagram Feed Pro plugin.

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

What are you waiting for?

Get started with Instagram Feed Pro today.

Or if you want unlimited access to the best social media feed plugins so you can use them on unlimited websites, go ahead and get the Social Wall Pro bundle here.

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.

Want to display an Instagram hashtag feed on your website using your branded hashtags? Take a look at this post 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.

Want to Try our Instagram plugin for Free?

Enter the URL of Your WordPress website to install Instagram Feed Lite.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *