How to Display Your Instagram on Your Website (Easy Way)
Home Blog How to Display Your Instagram on Your Website (Easy Way)

How to Display Your Instagram on Your Website (Easy Way)

Want to know how you can display your Instagram on your website — easily and quickly?

With 90% of Instagram users following a business, it makes sense to cross-promote your Instagram content on your website.

This helps widen your audience reach, increase your followers and even encourage more sales from your site visitors.

Since WordPress discontinued support for Instagram oEmbeds, though, it can be tricky to embed your Instagram feed on your website. Especially if you’re not comfortable with coding.

That’s why in this post, we’ll show you the easiest way to show Instagram on your website. By following the steps in this tutorial, you can easily display your Instagram feed on your WordPress in just under 5 minutes — even if you’re not tech-savvy!

display instagram on website example

Ready to embed your Instagram feed on your website? Let’s jump right in.

Easiest Way to Display Instagram on Website

There are 2 ways to embed your Instagram feed on your WordPress website:

  1. Automated: You use a trusted WordPress plugin and connect your Instagram account to it. Then, in just a few clicks, you can easily display your Instagram feed on your website.
  2. Manual: You get the embed code of several Instagram posts that you want to add to your website — one by one. Then, you tweak lots of code snippets just to customize and finally embed your Instagram feed on your website.

The easiest way to display your Instagram feed on your website is by using the 1st method, with the help of a WordPress plugin.

You can use Instagram Feed Pro by Smash Balloon, as it’s the best Instagram feed plugin for WordPress.

With this method, you just connect the plugin to your Instagram account and it’ll do all the hard work for you. So, you can easily display Instagram feeds on your website — no coding needed!

display instagram on website plugin

Using this plugin, you can easily add Instagram hashtag feeds and even shoppable Instagram posts on your website. Also, because it’s super user-friendly, it’s perfect for both WordPress beginners and advanced users.

With over 1 million active users, it’s well-loved by its users because of how easy it lets you customize your Instagram feed. In fact, you can control your Instagram feed’s design without having to deal with code — just check or uncheck options and you’re good to go!

Another reason why Instagram Feed Pro has a solid 4.9/5 stars rating? It’s because of its ultra fast performance. Since the plugin loads your Instagram feeds as fast as possible, you don’t have to worry about it slowing down your website at all.

display instagram on website wordpress plugin

Finally, did we mention that the highest-rated Instagram feed plugin for WordPress also comes with an amazing customer support team?

This team of fast and friendly WordPress experts are happy to help you easily display your Instagram feeds on your website — just send them a message and they’ll do their best to help you.

How to Embed Your Instagram Feed with a Plugin

With these in mind, let’s talk about the step-by-step tutorial on how you can display your Instagram on your website — easily and hassle-free. Check out the following steps below.

Step 1: Install Instagram Feed Pro

To unlock top-notch features that’ll supercharge your Instagram marketing, start by getting your own copy of Instagram Feed Pro here.

Download the plugin to your computer, then upload it to your WordPress website by installing it. If you’re not familiar with how to do this, check out this helpful guide on how you can install a WordPress plugin.

Step 2: Connect Your Instagram Account

The next step is easy: connecting your Instagram account to the plugin.

To do this, first, go to your WordPress dashboard and navigate to Instagram Feed » Settings. Next, click on the blue Connect an Instagram Account button to start linking your account.

display instagram on website connect plugin

A popup will ask you to choose between connecting your personal or business account.

personal or business

Here’s the difference: a personal account displays your Instagram feed from your own account only, while a business account shows different feed types, such as hashtag feeds, tagged feeds and mixed Instagram feeds.

If you currently have a personal profile but you want to use a business one, check out this handy guide on how you can convert your personal account to an Instagram business account.

Once you’ve made your choice, click Connect. Then, remember to click on Save Changes to finalize your account connection.

Step 3: Choose Your Instagram Feed Type

Once you’re done connecting your Instagram account to the plugin, you can now access its features.

The next step to embedding your Instagram feed on your website? Decide on the type of Instagram feed that you want to display.

On the settings page, scroll down until you see the Feed Type section. Instagram Feed Pro lets you choose from different feed types, like:

  • User Account: Embed an Instagram feed containing photos from your own account.
  • Public HashtagEmbed an Instagram feed from a public hashtag of your choice. This is great for displaying customer testimonials on your website.
  • Tagged: Display an Instagram feed containing posts where your Instagram account is tagged in.
  • Mixed: Combine multiple feeds and show them into a single Instagram feed.

Remember when we mentioned that it’s super easy to customize your Instagram feed’s design?

Well, it’s super easy to control your Instagram feed’s content, too. Just click the radio button next to the feed type you want to showcase on your website.

For this example, we’ll display an Instagram feed from a user account.

display instagram on website feed type

Remember to click on Save Changes before moving on to the next step below.

Step 4: Customize Your Instagram Feed

Great news: your Instagram feed’s design will automatically look similar to your website’s theme! That’s because Instagram Feed Pro copies your website’s design, so your Instagram feed will look consistent with your brand’s visuals.

And if you want to have more control over the look and feel of your Instagram feed, the plugin lets you easily customize your feed’s design, too.

To do this, scroll to the topmost part of the settings page. Then, click on the Customize tab.

display instagram on website customize settings

You’ll be directed to the customization settings page. Here, you can freely change your Instagram feed’s width, height and even background color.

On the same page, you can also choose the layout for your embedded Instagram feed.

You can select the grid layout to display your Instagram posts in an organized frame full of square-cropped images, like this:

display instagram on website grid layout

Or you can select the carousel layout to display your Instagram feed in a sliding horizontal layout similar to this example:

display instagram on website carousel layout

Want to display an Instagram gallery on your WordPress? Then, the masonry layout is perfect for you. Since you’re showing images in their original aspect ratio, you can showcase your Instagram photos in their full glory, like this:

instagram feed on website example

Finally, you can also select the highlight layout to make specific photos in your Instagram feed stand out, as you can see below:

instagram feed on website example

Once you’ve chosen the layout of your Instagram feed, you can move on to the last section of the page which includes options for customizing your header, “load more” button and “follow” button.

header button load more follow

Satisfied with how your Instagram feed looks like? Great! Remember to click Save Changes and move on to the final step below.

Step 5: Display Your Instagram Feed on Your Website

With the help of Instagram Feed Pro, you can embed your Instagram feed:

  • On your page or post in WordPress, or,
  • On your sidebar or footer areas in WordPress

Let’s talk about both options below.

Embed Instagram Feed on WordPress Page

First, you need to create a new page. To do this, visit your WordPress admin panel and navigate to Pages » Add New.

display instagram on website add new page

Once you’re directed to a new page, click on the Plus (+) icon to add a new WordPress content block to your page. Look for the Instagram Feed block and click on it to automatically add your Instagram feed to your page.

display instagram on website wordpress

Feel free to add your page title. And finally, when you’re happy with your Instagram feed’s design, click on Publish so you can make it live on your WordPress, like this:

instagram feed on website example

Embed Instagram Feed on WordPress Sidebar

To display your Instagram feed as a widget on your website’s sidebar, first, visit your WordPress admin panel. Then, navigate to Appearance » Widgets.

Under Available Widgets, look for the Instagram Feed widget and drag it to your chosen sidebar area. Finally, don’t forget to click Save to preserve your settings.

display instagram on website widget

Now, when you check out your website, you can see your embedded Instagram feed on your sidebar area. This way, your Instagram feed can be seen by your site visitors, everywhere on your site!

instagram widget on website example

And that’s it, folks! You’ve now reached the end of this tutorial.

We hope this step-by-step guide helped you display your Instagram on your website. By following the steps in this tutorial, you can take your Instagram marketing to the next level and get more followers and more sales in no time.

So, what are you waiting for?

Get started with Instagram Feed Pro today!

Or if you want unlimited access to Smash Balloon plugins so you can use them on unlimited websites, go ahead and get the All Access Bundle here.

The best part about Smash Balloon’s pricing method? We have 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.

Finally, if you enjoyed this article, connect with us on Twitter and Facebook for more helpful social media marketing tips and 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.