Blog   LIVE CHAT

  1. Home
  2. WordPress Tutorials
  3. How to Configure Instagram Photos to Automatically Show on WordPress

How to Configure Instagram Photos to Automatically Show on WordPress

You need a better, faster web host. Free Site Migration, Amazingly Fast, Secure & Eco-Friendly WordPress Hosting with 24/7 Support. Check Out Our Hosting Plans

An incredibly useful aspect of WordPress is being able to integrate it with social media. This helps you create an intricate web of engagement as your readers may also turn into followers. Adding Instagram photos to WordPress is only one such method.

In this tutorial, I’m going to show you how to configure Instagram to work with WordPress. The end result is a feed of your photos automatically being shared on your website.

The Importance of Using Instagram

Instagram is one of the main social hubs many people use for sharing imagery. With a quick snap from your camera, you can update a large audience using things like hashtags and locations. In reality, Instagram marketing plays a big role for many brands on the Internet.

One of the reasons why Instagram may be so engaging is because of the basis of its content: pictures. While text can be helpful to deliver information, people will retain as much as 65% of the information several days later if paired with a graphic of some kind.

Using the Instagram Feed Plugin

Perhaps one of the easiest methods is to embed the Instagram feed into WordPress. This is done by using the Instagram Feed plugin. This tool gives you several customization options and other features to make the most out of embedding Instagram into your website.

From your WordPress dashboard, go to Plugins and click, “Add New.”

Add New Plugin

Install and activate the “Instagram Feed” plugin. Make sure you select the correct one. This tutorial is focused on using the tool created by “Smash Balloon.” You can use any of the other plugins you want. However, you won’t be able to follow along with this tutorial.

Instagram Feed

Click the “Instagram Feed” function from the left panel.

Instagram Feed Tool

Click the blue “Instagram” button to get your access token. This is required if you want to embed an Instagram feed into WordPress.

Access Token

You will see a message from Instagram regarding the plugin’s request to access your feed. Click the “Authorize” button to agree.

Authorize Instagram

Input your User ID in the “Show Photos From” field. This can be seen in the Token section of the screen. The reason why this is blank to begin with is because you can use another ID to show their photos on your website. This has potential if you have a secondary Instagram account you want to show off.

Instagram User ID

Click the “Save Changes” button on the bottom.

Save Changes Button

This plugin uses a shortcode to display the Instagram feed in WordPress. This is located below the general settings. You can copy and paste this code to put it into pages, posts or widgets.

Feed Shortcode

Let’s change how the Instagram feed appears on the site. Click the “Customize” tab at the top of the page.

Customize Tab

This section is full of tools to alter the appearance of your photo feed. For example, you can change the layout of how many pictures are shown in columns. You can also add like and comments if you upgrade to the paid plugin instead of using the free version.

Make your changes according to where you plan on displaying the feed. For instance, you probably don’t want to show 20 photos if you are going to use the shortcode as a widget. It will affect how your sidebar will appear.

After making adjustments, click any of the “Save Changes” buttons throughout the page.

Click Any Save

Want to have more flexibility when controlling your Instagram feed? You can do this by using variations of shortcodes in your pages, posts or widgets. Click the “Display Your Feed” tab at the top.

Display Your Feed

This page is a complete list of all the shortcodes that come with Instagram Feed. While half of them are locked beyond the Pro version of the plugin, you can see there is still quite a few you can use for free.

Sorting, showing headers, show the follow button and more are available. Simply copy and past the code and make your own modifications.

Shortcode Options

Now, you can automatically show Instagram photos in WordPress without doing anything extra. Each time you take a picture, your site will do the rest.

Using IFTTT

This method requires the use of a third-party application. To use this platform, you need to visit the IFTTT website and create an account.

Not everyone likes the idea of connecting another app to their website. The more systems you use, the more haphazard maintaining the site becomes. However, IFTTT has a lot of flexibility when it comes to integrating social media in your brand and it may be worth the effort to invest some time into it.

From the IFTTT dashboard, click the “My Applets” tool from the top.

My Applets

Click the “New Applet” button on the right.

New Applet

Click the blue “+this” text from the middle of the screen.

Click This

Search for “Instagram” in the text field and click its icon when it shows up.

IFTTT Instagram

Click the “Connect” button on the screen to continue.

Connect Instagram

Log into your Instagram account.

Log Into Instagram

This will load up the authorization screen. This tells IFTTT that it’s OK to pull content from your Instagram feed and use it elsewhere. Click the “Authorize” button to continue.

Authorize IFTTT

Now, choose the “Any new photo by you” trigger. As you can see, there are several ways you can set up this feed. For now, just focus on new photos.

New Photo Trigger

Click the blue “+that” text from the screen.

Click That

Search for “WordPress” and click its icon.

WordPress Icon

Click the “Connect” button to integrate your website.

Connect Website

Input your websites URL, username and password and click “Connect.” This allows IFTTT to automatically create new posts on your website using your Instagram photos.

Input Blog Info

You can log in as your admin account for WordPress. This will show you as the “author” of the post. You can also customize user roles if you want to keep the Instagram feed separated from your regular text-based content.

You have two options currently available: creating a new post or creating a photo post. This depends on how you want your website to behave. For now, let’s click “Create a photo post.” You can change this any time if you want to go a different route.

Create Photo Post

It’s important to note that selecting “Create a Photo Post” will store the image and your Instagram text as a different kind of content. Instead of saving a post like your other materials, it’s only visible if you use your Categories to search for it.

This can be helpful if you snap a lot of photos and have push notifications activated. Otherwise, your followers will get a browser notification each and every time you add a new picture, which may become overwhelming for some.

I would suggest creating a separate menu item for Instagram posts that is easy to find for new visitors.

Complete the action fields for IFTTT. You can change titles, photo urls, captions, categories, tags and post status. Once you’re done with these sections, click “Create action” to continue.

Create Action

Choose where to receive notifications when the applet runs. This means you will be informed each time an Instagram image is sent to your website. Click the “Finish” button and you’re done.

Click Finish

Taking Instagram Further

It doesn’t take but a few moments to snap a picture to engage your audience. Using the tools above, you can share those moments with your website’s readers as well. The more interactive your website becomes, the more engaging it appears to visitors. This merely automates the process and saves you time and keeps the content moving for guests and search engine bots.

What kind of social platforms do you display on your website? How often do visitors socially “Like” your content on sites like Facebook, Twitter and Instagram?

Author: Alex G.

Updated on July 7, 2019

Was this article helpful?

Related Articles

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.