How to Add an Instagram Feed to WordPress Without a Plugin (2020)

by Lianne Laroya on August 18, 2020

Want to know an easy way to add an Instagram feed to your WordPress website without using a plugin?

Displaying your Instagram feed on your site allows you to boost your account’s exposure without a lot of work. It also gives you a fresh way to engage with your prospects. Plus, doing so can increase your customer conversion rate in the long run.

horizontal instagram feed with 2 rows and pagination

Here’s the short answer: It’s not possible to embed a feed without a plugin, unless you know how to code an app yourself.

So in this post, we’ll show you how to embed a single Instagram post in WordPress without a plugin. If you want to embed a feed, the best and easiest way to do that is with a plugin, so we’ll show you that, too.

Don’t worry, using this plugin won’t slow down your site. It’s designed to be ultra-fast.

Here’s a table of contents to help you navigate this post:

How to Embed an Instagram Post in WordPress

You can only display your Instagram feed to WordPress without a plugin if you’ve been approved as an app developer with Instagram first.

With that said, it’s easy to embed a specific Instagram post in WordPress without a plugin. Let’s get started.

Step 1: Pick the Instagram Post You Want to Display

First, you need to log into your Instagram account. If you don’t have the login details, you can just visit the profile.

Then, click on the post you want to embed on your website. In the top right corner of the post, you’ll see 3 dots that look like this .

Click the dots and select Copy Link from the menu that appears.

Step 2: Make a New Page on WordPress

Go to your WordPress dashboard. Then, navigate to Pages » Add New to create a new page.

Step 3: Paste the Link Directly in the Editor

Once you’ve clicked on Add New, a blank page will appear. Paste the link directly into the block editor. WordPress will automatically display the Instagram post. Then, you can preview how it looks like before publishing it.

Once you’re happy with how it looks like, click on Publish to see your Instagram post embedded on your website.

And that’s it! You’ve now learned how to embed your Instagram posts on WordPress without using a plugin.

So the next question is: is it better for you to use a plugin or not, when adding your Instagram feed to your website?

3 Reasons to Use an Instagram Plugin

Maybe you know someone who had a problem with using a plugin in their website. So now you’re scared to use it, too.

Perhaps random people on the Internet gave you a not-so-helpful advice telling you that plugins slow down your site, so you shouldn’t use them.

Or maybe you used a plugin before, and it was great. But when you needed their help with an issue, no one gave you the solution to your problem?

Whatever your reason may be for not wanting to use a plugin, the truth still stands: it’s much harder and more complicated when you don’t use a plugin in embedding your Instagram feed on your website. Here are 3 real reasons why:

1. Without a Plugin, It’s Harder and More Complex to Display Your Instagram Feed

If you don’t use a plugin, you need to:

  • Register as an app developer with Instagram: They need to review your application and approve you only if you meet their standards
  • Register a new client in the Instagram Developers website: Plus, you have to set up Implicit Authentication after.
  • Generate an access code: To do this, you have to authenticate your own app and grant access to your media.
  • Use JavaScript: And work on HTML codes, too.

The worst part about this? After spending a lot of your time and effort into doing all these, you can only show your last 20 images in your feed. What a bummer.

Meanwhile, if you use a plugin to add an Instagram feed to WordPress, you can just:

  • Download and install an easy-to-use plugin: You can try Smash Balloon’s Instagram Feed Pro plugin, it’s the best Instagram plugin for WordPress.

And in just under 5 minutes, you can easily add your Instagram feed on WordPress. Yes, without tackling confusing HTML codes and JavaScript! You can also customize how your feed looks like on your website. So it matches your brand’s visuals.

2. It’s More Time-Consuming, if You Don’t Use a Plugin

Want to add an Instagram feed to WordPress without using a plugin? You need to set up Implicit Authentication for every website you want to display your Instagram feed on.

So if you want to show your Instagram feed to 3 different websites, you have to do Implicit Authentication 3 times.

What’s more disappointing is your access is limited, too. You can only display your own Instagram feed. 

What if you want to display accounts that you don’t own? You need to contact the account’s admin and ask them to get their own Client ID first. Then, you have to go through the complicated process we mentioned before. See #1 again for a refresher.

Now, don’t be too down, though! We’re here to tell you the good news. Showing your Instagram feed on your website is easier, faster and better — if you choose to use a great plugin like Smash Balloon’s Instagram Feed Pro.

Want to hear another piece of good news? You can use the plugin to display multiple feeds on your website. You just need to connect the Instagram accounts you want to show to the plugin, and they’ll take care of the rest.

Easy-peasy. And that’s because you decided to use a plugin.

3. Without a Plugin, You’re Left on Your Own

What if you still went ahead and tried to add an Instagram feed to your website without using a plugin — even after reading the real reasons above?

If you have any issues registering as an app developer or generating an access code, you need to contact Instagram directly.

There’s no 100% guarantee that they’ll solve your problem, though.

What if you messed up your website’s HTML code? Or you can’t figure out how to do JavaScript? Well, you can either study HTML or hire a developer to help you — but these options cost a lot of time and money.

And it doesn’t make sense to invest thousands of dollars just to add a simple Instagram feed on your WordPress, of course.

If you choose to use Smash Balloon’s Instagram Feed Pro plugin, though, you’ll know you’re in great hands. The plugin’s customer support team is composed of WordPress experts who’ll gladly help you, every step of the way.

With over 1,000,000 active users and a strong 4.9-star rating, the plugin must be doing something right, don’t you think?

So if you’re looking for an easy way to add your Instagram feed to your website, you can use the Instagram Feed Pro plugin instead. It’s easier and faster. You can set it up and display your feed in under 5 minutes, remember?

Plus, using a plugin is better than wasting your precious time with confusing HTML. It’s also way cheaper than hiring an expensive developer to do it for you.

With just one plugin, you can use Instagram Feed Pro to also:

  • Inherit your website’s theme so you use the same font, color and style on your feed — automatically
  • Display as many Instagram feeds as you’d like on your website
  • Show your Instagram feed on your site, even if there’s a problem with Instagram’s interface
  • Embed hashtag feeds easily and automatically on WordPress
  • Make shoppable Instagram feeds to boost sales…

…and so much more. Check out everything that Instagram Feed Pro can do for you here.

Now that you’ve read about it, you may be asking, “How easy is it really to display an Instagram feed on my website using a plugin?”

Let’s move on to the next section below to answer your question, shall we?

How to Embed Your Instagram Feed in WordPress

In just under 5 minutes, you can easily set up the Instagram Feed Pro plugin to display your feed on your site. Here’s how you can do this:

Step 1: Download and Install Instagram Feed Pro

First, you need to get your own copy of Instagram Feed Pro here.

Download the plugin to your computer. Then, go ahead and install it to your WordPress website. Not sure how to install a plugin? Check out this helpful tutorial on installing a WordPress plugin so you can easily do this.

Once you’ve installed and activated your plugin, go to the next step.

Step 2: Connect Your Instagram Account to the Plugin

It’s pretty easy to link your Instagram account to the plugin. First, go to your WordPress dashboard. From here, you can head on over to Instagram Feed » Settings.

Once you go to this section, you can easily connect by clicking on the Connect an Instagram Account button.

Then, the plugin will ask you if you’d like to connect your personal or business account. Want to display your own photos only? Choose personal account.

Or, do you want to display Instagram feeds based on hashtags, comments and photo tags? Choose business account if you’d like to get access to more helpful features of the plugin.

Don’t forget to click on Connect to finalize your choice.

If you don’t know the Instagram account’s login details, you can also connect it to the plugin manually. Just enter the Access Token and User ID and click Connect This Account.

Now that you’ve connected your Instagram account, scroll down to see the “Feed Type” section.

The available types of feed are:

  • User Account: To display your latest Instagram feed on your website.
  • Hashtag: To show an Instagram feed based on a hashtag you choose.
  • Tagged: To display a feed of photos where your Instagram account is tagged in by others.
  • Mixed: To show a single feed with multiple feed types

Choose User Account since you’ll display your own Instagram feed on your website. Then, click on Save Changes and move on to the next step below.

Step 3: Personalize How You Want Your Instagram Feed to Look Like

Scroll up to the top of the Settings page and click on the Customize tab. Under the General section, you can choose your feed’s width, height and background color.

You can also scroll down to change your feed’s layout. Instagram Feed Pro lets you choose from 4 available layout types.

The Grid layout displays a feed of square images. Since all your photos have the same size, your Instagram feed looks clean and smooth when shown to your site visitors.

For the Carousel layout, your Instagram feed will be displayed horizontally, like a slideshow. Using the carousel layout can boost your engagement at the footer area of your website.

Now, if you want to show your photos in their original sizes, choose the Masonry layout instead. Since your photos won’t be square-cropped in this layout, it’s the best feed for embedding Instagram galleries in your website.

Finally, if you want square-sized images, but you also want specific photos to stand out from others, you can use the Highlight layout for your feed. It’s ideal for showing off shoppable Instagram feeds — just highlight your product photos in your feed.

Once you’ve chosen your layout, remember to click on Save Changes.

Want to change your feed’s header? Or want to customize how the “Follow” button looks like? Scroll down and you can see more features you can personalize.

Just click on Show Customization Options to control how your feed will look like on your website. Then, once you’re happy with your Instagram feed’s visuals, it’s time to move on to the final step.

Step 4: Easily Add Your Instagram Feed to Your Website

With the use of Instagram Feed Pro plugin, even WordPress beginners can easily embed their Instagram feed to their site.

Start off by going to your WordPress dashboard and navigating to Pages » Add New to make a new page. You’ll be shown a blank page where you can freely edit your page title and content.

Using the Block Editor

If you’re using the Block Editor, just click on the Plus (+) icon and type “instagram” in the search field. Choose the Instagram Feed widget by clicking on it.

Once you’ve clicked on it, the plugin will automatically display your feed’s preview, just like this:

Satisfied with how your feed looks like? Click on Publish so that your site visitors can view your Instagram feed whenever they visit your website.

Using the Classic Editor

If your WordPress editor is the classic one, you can still easily add your feed to your site. First, go to Instagram Feed » Settings. Scroll down until you see the Display Your Feed section. Copy the shortcode here.

Then, easily make a new page by navigating to Pages » Add New.

In your WordPress classic editor, paste the shortcode you copied earlier. Click on the Preview button to see how your feed will look like on your site.

Or you can also click on the Publish button to make it live, like this:

You already know how to display your feed on a new post or page — but what if you want to display it on your footer area instead? We’ve got that covered, too.

Using an Instagram Widget in WordPress

To do this, go to Appearance » Widgets from your WordPress dashboard. Look for the Instagram Feed widget and drag it to the widget area you’d like. In this tutorial, we’ll drag it to the footer widget area.

You don’t need to touch any codes here. Instagram Feed Pro will automatically put the shortcode for you. Just click on Save to publish your Instagram feed on your website, just like this example:

And that’s it! In this article, you’ve learned how to add an Instagram post to your website without using a plugin. You also know how to embed an Instagram feed to WordPress using a plugin so you can boost your account’s engagement and increase your website traffic, too.

Of course, if you’re looking for an easier way to display your Instagram feed on your WordPress website, you can check out the Instagram Feed Pro plugin. It’s the #1 highest-rated Instagram feed plugin for WordPress.

Get started with Smash Balloon’s Instagram Feed Pro now!

Want to take it a step further and display all your social media feeds? This next article is for you.

And 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 *