How to Embed Your Instagram on Your Website (Easiest Way)

By Lianne Laroya on January 19, 2021

Do you want to know the best way to embed your Instagram on your website easily, quickly and hassle-free?

With over 1 billion monthly active users, Instagram is one of the most popular social networks worldwide. But did you know that you can go beyond the app and display your Instagram feed on your website, too?

After all, embedding Instagram posts on your site is a great way to expose your Instagram marketing campaigns to more people.

But since WordPress stopped supporting Instagram oEmbeds, it became harder for newbies to integrate Instagram into their website.

We’ve got your back. So in this post, we’ll show you the easiest, fastest and best way to add an Instagram feed to your WordPress website.

embed instagram on website

By following this tutorial, you can showcase your beautiful Instagram feeds on your WordPress in under 5 minutes — so you can enjoy more followers, more sales and more growth for your business in no time!

Ready? Let’s get started.

Embed Instagram Feed With a Plugin

The easiest way for you to display your Instagram content on your website is by using a trusted WordPress plugin.

It’s because Instagram doesn’t make it easy for you to embed Instagram posts and feeds on your website manually.

In the past, when you copy the embed code of an Instagram post and paste it into your website, WordPress automatically converts it into an embedded Instagram post for you. This is known as an oEmbed.

But since WordPress discontinued its support for Instagram oEmbeds starting October 24, 2020, simply pasting the Instagram embed code into your website doesn’t work anymore.

You have 2 ways to solve this issue so you can start embedding Instagram content on your WordPress:

  • Without a plugin: You need to be a registered developer with Facebook first. Then, you have to create an actual app so you can continue embedding Facebook and Instagram content into your website.
  • With a plugin: Simply install Smash Balloon’s Instagram Feed Pro plugin and connect it to your Instagram account. Then, use the plugin to automatically embed Instagram posts and Instagram feeds on your WordPress.

Easiest Way to Add Instagram to Your Website

As the best Instagram feed plugin for WordPress, Instagram Feed Pro helps you create, customize and display beautiful Instagram feeds on your website.

embed instagram on website plugin

Since you can set up Instagram Feed Pro without having to deal with confusing code snippets, even WordPress newbies can easily use the plugin to embed Instagram content on their site — in under 5 minutes!

Here are some Instagram feed types you can showcase on your WordPress:

In fact, it’s so user-friendly that you can customize how your Instagram feed will look like just by checking or unchecking choices in the plugin’s settings. No need to hire an expensive developer or designer to help you.

Don’t have design experience to personalize your Instagram feed’s design?

It’s okay, since the plugin also looks great right out of the box. Meaning, your embedded Instagram feed automatically copies your website’s existing design, so it looks consistent with your brand’s look.

The best part? Instagram Feed Pro is lightning fast since it efficiently retrieves data from Instagram’s API to minimize its loading time. So, it won’t slow down your website’s performance at all.

The plugin helps over 1 million active users embed Instagram content on websites worldwide. And with its 4.9/5 solid star rating, you know you’re in great hands because Smash Balloon’s fast and friendly support team is always ready to help you add an Instagram feed to your site.

embed instagram on website wordpress plugin

Now that you know the easiest way to embed Instagram feeds on your website, it’s time to talk about the step-by-step instructions. You can get started adding Instagram content on WordPress by following the steps below:

Step 1: Install Instagram Feed Pro Plugin

The first step is to get your own copy of Instagram Feed Pro here. Next, download the plugin to your computer.

After downloading the plugin, you just need to upload it to your WordPress website and install it. Don’t worry if you’re not sure how to do this. You can always check out this post on how to install a WordPress plugin for your guide.

Step 2: Connect Your Instagram Account

The next step to embed Instagram on your WordPress is to connect your Instagram account to the plugin.

First, visit your WordPress dashboard. Then, go to Instagram Feed » Settings to visit the plugin’s settings page.

On this page, click the big blue Connect an Instagram Account button to connect your Instagram account to the plugin.

Connect Instagram account to embed instagram on website

Then, you’ll be asked to choose between connecting a personal or business Instagram account.

  • Personal account: Choose this if you want to embed Instagram feeds from your own account only. Meaning, you’ll choose photos from your own Instagram account alone.
  • Business account: Choose this if you want to display more types of Instagram feed such as user feed, hashtag feed and shoppable Instagram feed.

embed instagram on website

If you want to learn more about getting a business account, check out this post on how to convert your Instagram account to a business profile.

After choosing your Instagram profile, click Connect. Then, remember to click on Save Changes to finalize your account connection with the plugin.

Step 3: Choose the Feed Type for Your Instagram Photos

To continue embedding Instagram content into your website, the next step is choosing the Instagram feed type for your photos.

Instagram Feed Pro allows you to choose from 4 feed types:

  • User Account: Embed an Instagram feed from your own account, so only your photos on your profile will be shown.
  • Public Hashtag: Embed an Instagram feed from a public hashtag of your choice. This can be a branded hashtag so you can display Instagram testimonials on your site, such as photos of your customers using your products.
  • Tagged: Embed an Instagram feed of photos where your Instagram account is tagged in by other active users.
  • Mixed: Combine multiple Instagram feeds and display them as a single embedded Instagram feed on your website.

Once you’ve decided on the feed type you’re going to use, simply click the radio button next to it. For this specific tutorial, we’re embedding an Instagram feed from your profile, so click on User Account.

embed instagram on website feed types

You can also choose how frequently the plugin will check for new posts from your Instagram profile. Don’t forget to click Save Changes before moving on to the next step below.

Step 4: Customize Your Instagram Feed’s Design

As mentioned, the plugin looks great right out of the box, so your Instagram feed already looks consistent with your website’s branding. If you’d like, you can already skip to the final step below so you can embed your Instagram on your WordPress.

Or if you want to personalize your Instagram feed’s design, check out the step-by-step instructions included in this step.

First, scroll to the topmost part of Instagram Feed Pro’s settings page. Next, go to Customize » General tabs. Here, you can control your Instagram feed’s width, height and background color.

embed instagram on website

For more customization choices, scroll down until you see the Layout section. Under this section, you can choose from different layouts for your Instagram feed.

Choose the grid layout to showcase your Instagram feed as on organized collection of square-sized images, like this:

embed instagram on website grid layout

Want to display an Instagram carousel feed? You can choose the carousel layout to showcase your Instagram photos in a scrolling horizontal feed. Here’s an example of an Instagram carousel layout in action:

embed instagram on website carousel

For Instagram users interested in displaying an Instagram gallery, the masonry layout is the best choice for you. This way, your Instagram photos are showcased in their original aspect ratios without any image cropping, like this:

embed instagram on website masonry

Finally, if you want to emphasize specific Instagram photos in your feed, you can choose the highlight option. Since highlighted photos are shown twice as large in your feed, this layout is helpful if you want to capture your audience’s attention.

Here’s what it looks like:

embed instagram on website highlight

To select a layout type, click the radio button and click Save Changes. For this tutorial, we’ll choose the grid layout.

embed instagram on website grid layout

Step 5: Embed Your Instagram Feed on Your Website

Smash Balloon works seamlessly with both Instagram and WordPress, so it’s pretty easy to add your Instagram content to your website. You can choose between adding your Instagram feed to a WordPress page or to your website’s sidebar area.

Display Instagram Feed on WordPress Page

To add your Instagram feed to a WordPress page, you need to create a new page first.

You can do this by navigating to Pages » Add New from your WordPress dashboard.

embed instagram on website new page

After you’ve added a title to your new page, it’s time to start embedding your Instagram feed.

First, click the Plus (+) icon located in your page editor so you can add a new WordPress content block. Then, search for “instagram feed” and click the Instagram Feed block to add it to your page.

embed instagram on website wordpress block

You’ll see a preview of your Instagram feed on your page editor. Finally, click on Publish to make your new Instagram feed live on your website.

Display Instagram Feed on WordPress Sidebar

To add your Instagram feed to your website’s sidebar, you can use the plugin’s ready-made widget.

Start by navigating to Appearance » Widgets from your WordPress dashboard.

Next, drag the Instagram Feed widget to your sidebar area and click on Save to preserve your settings.

embed instagram on website widget

Doing this makes your Instagram feed live on your website’s sidebar. As a result, you’ll see this example when you visit your website:

embed instagram on website wordpress widget

So, there you have it! Now you know how to easily embed your Instagram feed on your website with the help of the best Instagram feed plugin for WordPress. As a result, you can enjoy more followers and more sales for your business.

Start giving your business the success it deserves.

Get started with Instagram Feed Pro today.

And if you found this post useful, feel free to connect with us on Twitter and Facebook for more helpful 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 *