Recently one of our readers asked if it was possible to add a custom Instagram photo feed to their website.
In particular, they wanted to adjust the Instagram photo feed so that only selected photos are displayed instead of all photos from their profile.
In this article, we'll show you exactly how to create a custom Instagram photo feed in WordPress.
Why should you include an Instagram feed on your WordPress site?
By adding an Instagram feed to your WordPress site, you can easily add new content. It also encourages readers to follow you on Instagram.
Instead of manually adding photos to your website, you can simply upload them to Instagram and they will appear on your website. You can also insert other people's photos using a hashtag feed.
This could be a great way to show people who use your products and provide valuable social evidence to help you make more money online.
How to create a custom Instagram photo feed in WordPress
To set up a custom Instagram photo feed on your website, you need to install and activate the Smash Balloon Instagram feed plugin. For more information, see our step-by-step guide to installing a WordPress plugin.
This is the premium version of the free Instagram feed plugin used by over 1 million websites.
After installing the plugin, go to Instagram Feed »Settings In your WordPress administrator, click the License tab to enter your license key. You can find this in your Smash Balloon account.
Don't forget to click the "Save Changes" button below after activating your license key.
Once you've activated your license, go to the "Configure" tab and click the "Connect Instagram Account" button.
A pop-up will ask if you want to use a personal or business Instagram profile.
If you simply want to display a feed of your photos, you can use a personal Instagram account. However, if you want to view a hashtag feed, you'll need a Business Instagram account.
Tipping: You don't have a business account yet? To convert your personal Instagram account into a business account, you can follow Smash Balloon's step-by-step instructions.
It is free to create a business account on Instagram. You can switch back in the Instagram app at any time.
When you click the "Connect" button on the WordPress dashboard, all you have to do is follow the instructions and connect your account.
Your account will then be listed next to the "Instagram accounts" as follows:
Note: You can connect more than one account. Later in this tutorial, you will learn how to display different Instagram feeds on your website.
View a feed of your Instagram photos in WordPress
If you want your WordPress website to stay fresh and up-to-date, you can easily add a feed with your latest Instagram photos. We'll look at the basic method first and then explain how you can customize your feed.
First, click the "Add to primary feed" button next to your connected Instagram account:
After that, you can open a post or page where you'd like to add your feed. If you want, you can also add it in a sidebar widget.
We'll create a new page at Pages »Add new for our feed.
Click the (+) icon to add a new block, then select the "Instagram Feed" block in the "Widgets" section:
Your Instagram feed is immediately added to your page with the "Follow" button:
If you use the classic editor, simply enter the shortcode (Instagram feed) into which you want to insert your feed.
You can use the shortcode or Instagram feed widget to add your Instagram posts to your sidebar or footer too. Just go Appearance »Widgets and drag the Instagram feed widget anywhere.
Customize your Instagram feed style in WordPress
By default, your Instagram photos are displayed in a four-column grid. First, users will see 20 photos from your account. However, you can click "Load more" to view more photos.
With the Instagram Feed Plugin you have full control over these settings.
To change what your Instagram feed looks like, go to Instagram Feed »Settings» Customize.
Here you can change the width and height of your feed, change the layout, change the number of photos, columns and more.
To change the layout, simply click on the desired option. We will use a highlighting layout for our Instagram photos, with every third photo highlighted.
You can also choose how many columns the photos should be divided into and how many should be displayed first. We chose 6 photos in 3 columns.
Make sure you click the "Save Changes" button at the bottom of the screen after making changes.
This is what the Instagram feed now looks like on our website:
Show a hashtag, tagged or mixed Instagram feed in WordPress
By default, Instagram feeds show the latest posts from your connected Instagram account.
In some cases, you may want to display something else. For example, you may want to view Instagram posts from any account if they use a specific hashtag. This could be a great way to present photos from an event or conference.
You can change your feed type by going to Instagram Feed »Configure. Under Feed type you can switch to a hashtag or a tagged feed. You can click the (?) Icon next to an option for more information.
We will switch to a hashtag feed using the "Public Hashtag" option. We arrange it according to the latest contributions:
Note: You cannot create a mixed feed here. A mixed feed combines different types, e.g. B. Photos from a user account and photos from a hashtag. You can follow the instructions in the next part of the tutorial to create such a feed.
This is what the feed now looks like on our website:
Create multiple Instagram feeds in WordPress
What if you want to include several different Instagram feeds on your WordPress site? This is also possible with a few simple configurations.
First go to Instagram Feed »Settings and click the "View Feed" tab.
You will see a number of different settings that you can use in the shortcode (Instagram feed).
Tipping: If you only want to create a feed for your site, you can change these settings on the Configure tab as shown above.
If you have connected multiple user accounts, you can specify an account with (instagram-feed type = "user" username = "wpbeginner"). Change wpbeginner to the desired username.
You can also create feeds based on hashtags here. In this case you have to use (instagram-feed type = "hashtag" hashtag = "# wpbeginner"), where #wpbeginner is your chosen hashtag.
Another option is to create a feed that has a specific user account selected. This option is only available if your connected Instagram account is a business account in the plugin settings.
You can even use shortcodes to create a mixed feed that combines different feed types, e.g. B. Your Instagram user account and all photos with a specific hashtag.
If you use the Instagram feed block in the WordPress visual editor, you don't have to create the entire shortcode. You can simply add your shortcode settings in the block's settings:
Make sure you click the "Apply Changes" button after making changes here.
Other popular Instagram feed settings in WordPress
You may be completely happy with the default display of your photos as Instagram Feed does an excellent job without any adjustments.
However, there are some common changes you may want to make depending on how you want to view your Instagram photos.
For example, you may want to display only the photos without captions. This is especially helpful if you add the photos in a rather narrow sidebar:
You can switch off the labels by adding showaption = "false" to your shortcode. Then your photos will appear as follows:
You may want to filter posts when using a hashtag feed. For example, you might want to avoid posts that mention one of your competitors or posts that use rude words in the caption.
You can use excludewords = "competitor, rude" in your shortcode. This excludes all posts that use any of the words in the list of comma-separated words. Change "Competitor" and "Rude" to the words you want to exclude.
Another option you might want to use is to change the text of the Load More button. You can do this by adding buttontext = "Show more photos" to your shortcode. Just replace "Show more photos" with the text you want to use.
There are many other settings you can use. With Smash Balloon's Instagram feed plugin, you can customize everything about how your Instagram photos are displayed on your website.
If you want to see all possible settings, just go to Instagram feed »Settings» View your feed to get the full list:
We hope this article has helped you learn how to create a custom Instagram feed in WordPress. You may also want to see our comparison of the best WordPress giveaway plugins to increase your social following and the best email marketing services to increase your website traffic.
If you liked this article, please subscribe to our YouTube channel for WordPress video tutorials. You can also find us on Twitter and Facebook.