How to Create a Custom Instagram Photo Feed in WordPress (Easy)

Recently, certainly one of our readers requested if it was doable to add a personalized Instagram photograph feed to their web site?

Specifically, they wished to customise the Instagram photograph feed to solely present choose images as an alternative of all images from their profile.

In this text, we’re going to present you precisely how to create a customized Instagram photograph feed in WordPress.

Creating a custom Instagram feed for your WordPress site

Why Include an Instagram Feed on Your WordPress Site?

Adding an Instagram feed in your WordPress web site helps you to add contemporary content material with out a lot of labor. It additionally encourages readers to observe you on Instagram.

Instead of including images manually to your web site, you’ll be able to merely add them to Instagram, and so they’ll seem in your web site. You may embrace different individuals’s images through the use of a hashtag feed.

This might be a smart way to present individuals utilizing your merchandise, offering priceless social proof that might assist you make more cash on-line.

How to Create a Custom Instagram Photo Feed in WordPress

To arrange a customized Instagram photograph feed in your web site, you’ll want to set up and activate the Smash Balloon Instagram Feed plugin. For extra particulars, see our step-by-step information on how to set up a WordPress plugin.

This is the premium model of the free Instagram feed plugin which is utilized by over 1 million web sites.

After you’ve put in the plugin, go to Instagram Feed » Settings web page in your WordPress admin and click on the License tab to enter your license key. You can discover this in your Smash Balloon account.

Don’t overlook to click on the ‘Save Changes’ button on the backside after activating your license key.

Adding your Instagram Feed license

Once you’ve activated your license, go to the ‘Configure’ tab and click on the ‘Connect an Instagram Account’ button.

Connecting your Instagram account

You’ll then see a popup asking you to select whether or not you’re utilizing a Personal or Business Instagram profile.

Select whether you're using a personal or business Instagram account

If you merely need to show a feed of your images, you should utilize a Personal Instagram account. However, in order for you to present a hashtag feed, you’ll want a Business Instagram account.

Tip: Don’t have a Business Account? To convert your Personal Instagram account into a Business Account, you’ll be able to observe Smash Balloon’s step-by-step directions.

It’s free to create a Business Account with Instagram. You can swap again at any time in the Instagram app.

When you click on the ‘Connect’ button in the WordPress dashboard, you merely want to observe the prompts and join your account.

After that, you’ll see your account listed subsequent to the ‘Instagram Accounts’ like this:

The Instagram Feed plugin is now connected to your Instagram account

Note: You can join multiple account. Later in this tutorial, we’ll have a look at how to present a number of completely different Instagram feeds in your web site.

Showing a Feed of Your Instagram Photos in WordPress

If you need to hold your WordPress web site wanting contemporary and up to date, it’s straightforward to add a feed of your newest Instagram images. We’ll take a have a look at the essential technique first, then cowl how to customise your feed.

First, click on the ‘Add to Primary Feed’ button subsequent to your related Instagram account:

Add your Instagram posts to your primary feed

After that, you’ll be able to open up a submit or web page the place you’re going to add your feed. Alternatively should you want, you’ll be able to add it in a sidebar widget.

We’re going to create a new web page beneath Pages » Add New for our feed.

Click the (+) image to add a new block, then choose the ‘Instagram Feed’ block from the Widgets part:

Adding an Instagram feed block to your page

Your Instagram feed can be immediately added to your web page, with a Follow button:

Viewing your Instagram photos on your site

If you’re utilizing the traditional editor, then merely enter the shortcode [instagram-feed] the place you need your feed.

You can use the shortcode or the Instagram Feed widget to add your Instagram posts in your sidebar or footer, too. Just go to Appearance » Widgets and drag the Instagram Feed widget to wherever you want.

Adding the Instagram Feed widget to your sidebar

Customizing Your Instagram Feed Style in WordPress

By default, your Instagram images can be displayed in a 4 column grid. To start with, customers will see 20 images out of your account, however they’ll click on ‘Load More’ to see further images.

The Instagram Feed plugin provides you full management over these settings.

To change how your Instagram Feed seems to be, go to Instagram Feed » Settings » Customize.

Here, you’ll be able to change the width and peak of your feed, swap the format, change the variety of images, columns, and extra.

To change the Layout, merely click on on the choice you need. We’re going to use a Highlight format for our Instagram images, with each third photograph highlighted.

You may select what number of columns to cut up the images into, and what number of to show to start with. We’ve chosen to have 6 images in three columns.

Changing the layout of your Instagram photos

Make positive you click on the ‘Save Changes’ button on the backside of the display after making any adjustments.

Here’s how the Instagram feed now seems to be on our web site:

The Instagram photos on the site, arranged in a Highlight layout

Displaying a Hashtag, Tagged, or Mixed Instagram Feed in WordPress

Instagram Feed defaults to exhibiting the newest posts out of your related Instagram account.

In some instances, you may want to present one thing completely different. For occasion, you may want to show Instagram posts from any account as long as they use a particular hashtag. This might be a smart way to showcase images from an occasion or convention.

You can change your feed kind by going to Instagram Feed » Configure. Under Feed Type, you’ll be able to swap to a hashtag or tagged feed. You can click on the (?) icon subsequent to an possibility for extra data.

We’re going to swap to a hashtag feed through the use of the Public Hashtag possibility. We’ll order it by most up-to-date posts:

Switch to a hashtag feed of posts

Note: You can’t create a combined feed right here. A combined feed is one that mixes differing kinds, equivalent to images from a consumer account plus images from a hashtag. You can observe the directions in the subsequent a part of the tutorial to create a feed like that.

Here’s how the feed now seems to be on our web site:

The #wpbeginner hashtag feed

Creating Multiple Instagram Feeds in WordPress

What in order for you to embrace a number of completely different Instagram feeds in your WordPress web site? That’s doable as effectively with few easy configurations.

First, go to Instagram Feed » Settings and click on on the ‘Display Your Feed’ tab.

You’ll see a variety of completely different settings that you should utilize inside the [instagram-feed] shortcode.

Tip: If you solely need to create one feed to your web site, then you’ll be able to change these settings beneath the Configure tab, as proven above.

If you’ve got a number of consumer accounts related, you should utilize [instagram-feed type="user" username="wpbeginner"] to specify an account. Change wpbeginner to the username you need.

You may select to create feeds primarily based on hashtags right here. In this case, you’ll want to use [instagram-feed type="hashtag" hashtag="#wpbeginner"] the place #wpbeginner is your chosen hashtag.

Another possibility is to create a feed that has tagged a particular consumer account. This possibility is just out there in case your related Instagram account in the plugin settings is a enterprise account.

You may even use shortcodes to create a combined feed that mixes completely different feed sorts, equivalent to your Instagram consumer account plus all images with a particular hashtag.

If you’re utilizing the Instagram Feed block in the WordPress visible editor, you don’t want to create the entire shortcode. You can merely add your shortcode settings in the block’s settings:

Adding the shortcode settings for the Instagram Feed block

Make positive you click on the ‘Apply Changes’ button after making adjustments right here.

Other Popular Instagram Feed Settings in WordPress

You may be completely pleased with the default show of your images, as Instagram Feed does a nice job with none customizations.

However, there are some widespread tweaks it’s your decision to make relying on the way you need to show your Instagram images.

For occasion, you may want to show simply the images with out the captions. This is very useful should you’re including the images in a pretty slim sidebar:

The Instagram Feed in the sidebar, with captions

You can swap the captions off by including showcaption="false" to your shortcode. Then, your images will show like this:

The Instagram photos in the sidebar without captions

You might want to filter posts should you’re utilizing a hashtag feed. For occasion, you may want to keep away from posts that point out certainly one of your rivals or posts that use impolite phrases in the caption.

You can use excludewords="competitor, rude" in your shortcode. This will exclude any posts that use any of the phrases inside the record of comma-separated phrases. Change “competitor” and “rude” to no matter phrases you need to exclude.

Another possibility it’s your decision to use is to change the textual content of the Load More button. You can do that including buttontext="See More Photos" to your shortcode. Simply change “See More Photos” with the textual content you need to use.

There are a number of different settings you should utilize. Smash Balloon’s Instagram Feed plugin helps you to tweak all the pieces about how your Instagram images show in your web site.

If you need to see all of the doable settings, simply go to Instagram Feed » Settings » Display Your Feed to get the complete record:

Instagram Feed Pro's display settings

We hope this text helped you learn the way to create a customized Instagram feed in WordPress. You may also need to see our comparability of the perfect WordPress giveaway plugins to develop your social following, and greatest electronic mail advertising and marketing providers to enhance your web site visitors.

If you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may discover us on Twitter and Facebook.



Leave a comment

Your email address will not be published. Required fields are marked *