embed instagram feed on your wordpress site

How to Embed an Instagram Feed on Your WordPress Site

Looking for a creative yet simple way to embed an Instagram feed on your WordPress website?

Showcasing Instagram feed attracts more visitors and increases engagement on your site. Even better, it could also help you get more Instagram followers.

So, in this article, we’ll show you the easiest way to embed an Instagram feed on your WordPress site.

Create Your WordPress Form Now

How Do I Embed My Instagram Feed On My Website?

You can easily embed Instagram feeds on your website using the Instagram Feed Pro plugin from Smash Balloon.

Instagram Feed Pro

WPForms is the best WordPress Form Builder plugin. Get it for free!

Smash Balloon is the best social feeds plugin for WordPress. It comes with powerful plugin options that let you display:

You can embed feeds from these popular social media channels without writing a single line of code!

Talking about Instagram, Smash Balloon’s Instagram Feed plugin includes an extensive list of customization options that you can use to display completely customizable Instagram feeds on your website.

Features of Instagram Feed Pro

Let’s see what all features you’ll get with the plugin:

  • Installing and using the Instagram Feed Pro plugin is super easy. It’s the most beginner-friendly social feed plugin.
  • Display Instagram feed without generating access tokens.
  • Showcase multiple Instagram feeds.
  • Display hashtag feeds.
  • Attractive layout options: Grid, Carousel, Masonry, and Highlight.
  • Create shoppable Instagram feeds for cross-marketing and increase sales.
  • Supports Instagram stories.
  • Pop-up media lightbox.
  • Provides easy embedding options
  • Instagram Feed Pro plugin is also GDPR compliant.
  • Responsive and mobile-optimized.
  • SEO friendly.
  • ….and more!

Most importantly, Instagram Feed Pro lets you embed an Instagram feed without registering as an app developer. This will save you a ton of time and hassle. Find out more in our full Smash Balloon review.

How to Embed an Instagram Feed on Your WordPress Site?

These are the steps we’re going through to display the Instagram feed on WordPress.

  1. Install and Activate the Instagram Feed Pro Plugin
  2. Connect Your Instagram Account to WordPress
  3. Choose the Instagram Content to Display
  4. Customize Your Instagram Feed
  5. Showcase Your Instagram Feed in WordPress Page/Post

So without any further ado, let’s get started!

Step 1: Install and Activate the Instagram Feed Pro Plugin

First, we need to install and activate the Instagram Feed Pro plugin by Smash Balloon. You can get a copy of your plugin in the downloads section of your Smash Balloon account.

Instagram Feed Pro plugin

Download the zip file of your plugin and head over to your WordPress site.

Here we need to install and activate the Instagram Feed Pro plugin. To do that, go to Plugins » Add New and click the Upload Plugin button.

add new wordpress plugin

Select the plugin’s zip file and click Install Now to upload the file.

install Instagram Feed Pro plugin

Once the installation is complete, don’t forget to click the Activate Plugin button to activate the plugin on your site.

install Instagram Feed Pro plugin

Fantastic! You’ve successfully activated the Instagram Feed Pro plugin. It’s time to connect your Instagram account to your WordPress website.

Step 2: Connect Your Instagram Account to WordPress

To connect your Instagram account, go to Instagram Feed » Settings in your WordPress dashboard.

install Instagram Feed Pro plugin

Click on the blue Connect an Instagram Account button.

Connect Your Instagram Account to WordPress

A pop-up box will appear, asking you to connect a personal or Instagram business account.

  • Personal Instagram Profile: With this option, you can showcase Instagram posts from your account only.
  • Business Instagram Profile: This is the more flexible option. It allows you to display Instagram feeds with comments, likes, hashtags, photo tags, and much more.

Once you choose your option, click on the Connect button.

choose your instagram profile type

Next, confirm your account and click on the Connect Accounts button.

If you like, you can also connect your Instagram account manually. Go to Manually Connect an Account option, add Access Token, User ID, and click Connect This Account.

Manually Connect an Account

Your Instagram account is now connected to your WordPress website. Now let’s see the content display options you get with the Instagram Feed Pro plugin.

Step 3: Choose the Instagram Content to Display

The Instagram Feed Pro plugin gives you complete control over the display of Instagram content. You can choose what Instagram content you want to display.

Scroll down the page to see the display options. You’ll find the following options:

  • User Account: display the latest photos from your Instagram user account.
  • Hashtag: display your Instagram feed with custom hashtags.
  • Tagged: display photos you’re tagged in by other users.
  • Mixed: display a feed containing multiple feed types.

Instagram Content to Display

Once you select your display option, click Save Changes.

Step 4: Customize Your Instagram Feed

To view all the customization options, go to the Customize tab.

The first is the general customization settings; from here, you can change the background color, width, and height of your Instagram feed.

general customization settings

The Instagram Feed Pro plugin offers stylish layout options to display Instagram feeds on your website. You can choose from the Grid, Masonry, Carousel, and Highlight layouts.

Let’s see how each layout looks like:

1. Grid layout

grid layout of Instagram feed

2. Carousel layout

Carousel Layout of Instagram feed

3. Masonry layout

Masonry Layout of Instagram feed

4. Highlight layout

highlight layout for Instagram feed

Including these, you also get additional options to:

  • define the number of photos to show
  • show/hide the header
  • change header color and size
  • show/hide the number of followers
  • show/hide your Instagram bio
  • customize the Load More and Follow button.

Once done with all the customizations, click on the Save button and proceed to the next step.

Step 5: Showcase Your Instagram Feed in WordPress Post or Page

Now let’s see how you can embed your Instagram feed on WordPress.

Smash Balloon works smoothly with the new WordPress block editor. You can add your Instagram feed in multiple locations, including blog posts, pages, and sidebar widget areas.

Let’s check out the post/page embed option.

Open the page or post, click on the “+” icon and add the Instagram Feed block from the block editor.

Instagram Feed in WordPress

As soon as you add the block, your feed will appear on your page.

instagram feed on WordPress

Publish the page and enjoy the Instagram live feed on your WordPress website

And there you’ve it! This is how easy it is to embed an Instagram feed on your WordPress site in just 5 simple steps.

Next, Check Impressive User-Generated Content Examples

After displaying the Instagram feed, next, you might be interested in checking the examples of user-generated content that you can display on your website to save time and grow your business.

Also, if you’ve added contact forms to your website, you must check out this post to stop contact form spam on WordPress.

Ready to create more secure and safe online forms? Get started today with the powerful WordPress form builder plugin. WPForms Pro includes lots of free templates and offers a 14-day money-back guarantee.

If you like this tutorial, then share your love by following us on Facebook and Twitter for more free WordPress tutorials and guides.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

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.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.