How to Add an Instagram Hashtag Feed to WordPress

How to Add an Instagram Hashtag Feed to WordPress

Looking for an easy way to add Instagram hashtag feeds to WordPress? Showing a feed of hashtags on your website is an excellent way to offer visitors valuable content while increasing your Instagram followers.

But Instagram doesn’t offer a straightforward way to embed hashtag feeds on your site. And the solution they do have is pretty hard to implement without help from a developer.

In this article, we’ll show you how to add an Instagram hashtag feed to WordPress the easy way, with a plugin.

Here are the steps involved to help you navigate this post:

  1. Download the Instagram Feed Pro plugin
  2. Connect your Instagram account
  3. Customize your hashtag feed settings
  4. Style your hashtag feed
  5. Moderate your Instagram feed
  6. Configure advanced settings
  7. Embed your Instagram hashtag feed in WordPress

Why Add Instagram Hashtag Feeds to WordPress?

Besides giving your website visitors alternative content to consume, hashtag feeds have several benefits for your business, including:

  • Increased brand exposure: Even if you display hashtags from other Instagram users, your feeds are still linked to your Instagram account, complete with your branding and profile details, keeping your business top of mind.
  • More Instagram followers: If you’re offering valuable content to visitors, chances are they’ll want to follow your updates for more of the same, giving you a boost in followers.
  • High engagement levels: Updating your hashtag feeds with regular quality content, encourages visitors to engage with your feed, helping you develop long-lasting relationships with potential customers.
  • Improved customer trust: Adding Instagram feeds to your site lets you filter content to include posts like reviews, which helps customers trust you and can increase sales.
  • Increased relevancy: Fresh and engaging hashtag feeds also demonstrate that your company is relevant and can respond to current industry trends.

Embedding hashtag feeds on your website can help your business achieve much more than displaying a feed of Instagram posts. With the right tools to help you implement your feeds, you can engage and entertain your visitors, boost your followers, and grow your business in a way that resonates with potential customers.

Should You Add Instagram Feeds to WordPress Manually Without a Plugin?

Many WordPress users think the fewer plugins you have on your website, the better. But that’s not always the case.

Sure, poorly coded plugins can bloat and slow down your website. But well-made, lightweight WordPress plugins can save you tons of time and frustration without any ill effects.

The truth is, the number of plugins on your site has almost no correlation with your site’s performance and speed. It all comes down to the quality of the plugins you install.

The best WordPress plugins, like Smash Balloon’s suite of social feed plugins, which have over a million installs, are rigorously tested and optimized for speed. So they’ll have minimal impact on your overall site performance.

If you’re not convinced, you can learn more about how plugins affect your site speed here.

So before we jump into the how-tos, let’s look at why manually adding an Instagram hashtag feed to WordPress might not be the best choice for your site.

  • Not as easy: Manually embedding Instagram hashtag feeds to your website without a plugin isn’t as easy as with a plugin. The manual way involves working with code languages, which is difficult for site owners with little experience. With the Instagram Feed plugin from Smash Balloon, you can easily set up hashtag feeds with a few clicks.
  • No customization options: Manually embedded Instagram feeds don’t have easy ways to customize your feed design. With a plugin, it’s as simple as clicking some settings.
  • No hashtag filters: With manual feeds, you miss out on the ability to filter hashtags by topic, location, and likes. An Instagram feed plugin lets you filter almost any type of content for your feed with no hassle.
  • You miss powerful features: If you add your hashtag feed to WordPress without a plugin, you’ll miss out on powerful features like tracking and retargeting, Instagram feed caching, offsetting posts, and much more. You’ll also miss out on the chance to add multiple Instagram feeds to your site.

So if you’re looking for an easy way to add Instagram hashtag feeds to WordPress, you may use Smash Balloon’s Instagram Feed plugin instead. You can see a full list of Instagram Feed plugin features here.

Adding Instagram Hashtag Feeds to WordPress The Easy Way

Now, let’s consider how to add Instagram hashtag feeds to WordPress the easy way with the Instagram Feed Pro plugin from Smash Balloon. You can also learn to embed general Instagram feeds to WordPress here.

Step 1: Download The Instagram Feed Pro Plugin

Smash Balloon Instagram Feed Pro

The first step in adding hashtag feeds to WordPress, is to get your copy of Instagram Feed Pro here and download the plugin to your computer.

Then upload the plugin to your WordPress website. You can check out this guide to learn how to install a WordPress plugin. Then come back and move on to step 2.

Step 2: Connect Your Instagram Account

Next, connect your Instagram account to WordPress. You can do that by navigating from your WordPress dashboard to Instagram Feed » Settings.

That takes you to the general settings page. From there, click the blue button labeled Connect an Instagram Account to link your profile.

Connect an Instagram account

You’ll then see an overlay asking you to connect either a personal or business account. Since you’re adding a hashtag feed, you’ll need a business Instagram account. So go ahead and choose that option and click Connect.

Connect a business or personal Instagram account

Next, confirm your account and click the Connect Accounts button.

You can also manually connect your Instagram account by entering your Instagram Access Token and User ID.

Connect with an Access Token and User ID

Then just click Connect This Account.

The next section on the screen shows all the ways you can display your Instagram feed in WordPress. To show your Instagram hashtag feed, click the Public Hashtag radio button next to the Show Feeds From heading.

Public instagram hashtag feed

In the box next to the hashtag feed type, you can enter the hashtags you want to show in your feed. Enter as many as you like, separated by commas, and click Save Changes.

Step 3: Customize Your Instagram Hashtag Feed Settings

The next step is to customize your hashtag feed’s layout. To do that, navigate to Instagram Feed » Customize or click the Customize tab at the top of the settings page.

At the top of the Customize page, you’ll see several settings for changing your feeds’ height, width, and background color.

Below are 4 different layout settings that determine how your hashtag feeds look live on your website.

Instagram feed layout types

Here’s an overview of each layout type:

  1. Grid – A uniform vertical grid of square images with options to control the number of photos and columns on both mobile and desktop.
  2. Carousel – Display an Instagram carousel in WordPress with a horizontal hashtag feed layout, pagination, row, and loop options.
  3. Masonry – A feed of images in their original aspect ratios with the opportunity to set the number of photos and columns for desktop and mobile feeds.
  4. Highlight – Square cropped images with highlighted posts displaying twice as large. You can highlight posts by post ID, hashtag, and pattern at specific intervals.

Below the layout settings, you can customize your feed’s header, load more button, and follow button. Click Show Customization Options below each heading to expand those settings and customize them to your liking.

Instagram feed header and button settings

Remember to click Save Changes before you move on to styling the rest of your hashtag feed.

Step 4: Style Your Instagram Hashtag Feed

On the Instagram Feed Customize page, you’ll also see several tabs along the top you can click for more settings.

hashtag feed post settings

Clicking the Posts tab reveals multiple options for styling your hashtag feeds’ posts including:

  • Photos – Here, you can choose to sort pictures by newest to oldest, randomly, or by the number of likes they have. You can also select which media to display, disable lightbox popups, offset posts in your feed, and link posts to create a shoppable Instagram feed.
  • Photo Hover Style – This option lets you set the hover color for text and backgrounds and choose which information to display when users hover over a photo.
  • Caption – Choose to show or hide captions and set the text length, color, and size.
  • Likes & Comments Icons – With this setting, you can show or hide icons for likes and comments, and define the icon color and size.
  • Lightbox Comments – Here, you can choose to display comments in the lightbox and the number of comments. You can also clear your comment cache.

When you’ve configured your settings and styled your hashtag feed, click the Save Changes button.

Step 5: Moderate Your Hashtag Feed

Instagram Feed Pro also gives you powerful moderation options that help you control the posts in your hashtag feed.

Instagram feed moderation settings

If you click the Moderation tab at the top of the Customize page, you’ll see 2 different options for moderating your Instagram feed:

  1. Post Filtering – Enter words, phrases, or hashtags to include or exclude individual posts from your feed.
  2. Moderation – Enter specific posts IDs to hide them from your feed or manually remove posts using visual moderation.

The easiest way to moderate your Instagram hashtag feed is to enable the Visual Moderation option. That will add a Moderation button to every Instagram feed on your site. When you click that button, you can hide posts and create white lists from the front of your website visually.

Just remember to click Save Changes after you pick your moderation option.

Step 6: Configure Advanced Feed Settings

Now let’s look at the Advanced settings for your Instagram feed. Click the Advanced tab at the top of the page to access those options.

Advanced Instagram Feed Settings

The first section is where you can add custom CSS to customize your feeds further. You can also enter custom JavaScript and jQuery to run tracking codes like Facebook tracking pixels.

Below are several Misc advanced settings, for AJAX themes, image resizing, cache clearing, and more. For an explanation of what each setting means, click the What does this mean? link beside each setting.

Misc instagram advanced settings for hashtags

Now click Save Changes and move on to learn how to embed an Instagram hashtag feed in WordPress.

Step 7: Embed Your Instagram Hashtag Feed on Your Website

There are many ways to embed Instagram hashtag feeds in WordPress using Smash Ballon’s Instagram Feed plugin.

Let’s take a look at the available methods:

  1. Instagram Feed WordPress Block – Embed your hashtag feed in the new WordPress content editor using a content block.
  2. Instagram Feed Shortcode – For users of the old WordPress editor, you can paste a shortcode directly into the content editor. Click the Display Your Feed tab on the settings page for a full list of available shortcode options.
  3. Instagram Feed WordPress Widget – Add your feed to any widget-ready area of your website using the built-in WordPress widget.

Here’s how to embed your hashtag feed in WordPress using each method.

Embed Your Hashtag Feed Using the WordPress Block Editor

To embed a hashtag feed in the new WordPress block editor, start by creating a new post or page. In our example, we’ll add a new WordPress Page.

So from your dashboard, navigate to Pages » Add New. That will take you to a new page with the block editor.

Instagram feed content block

Next, click the Plus (+) icon inside the editor to add a new content block. You’ll then see all the different blocks available to you.

To quickly find the Instagram Feed block, type “Feed” into the search box. Then click the block to add it to your page.

Hashtag feed wordpress preview

WordPress will now automatically show you a preview of your feed, so you can make any changes before you publish. Click Publish to make your page live.

Instagram hashtag feed in WordPress

When you visit the live page, your Hashtag Instagram Feed is displayed beautifully with the rest of your content!

Embed a Hashtag Feed Using The WordPress Classic Editor

If you’re using the classic WordPress editor to embed your Instagram hashtag feed, follow the steps above to add a new page.

Then on your new page, paste this shortcode [‘instagram-feed] to display your Instagram feed.

Instagram Hashtag Feed shortcode

Now click Publish, and when you navigate to the live page, you’ll instantly see your hashtag feed.

Display Your Instagram Feed in a WordPress Sidebar Widget

As mentioned earlier, you can also display your Instagram hashtag feed in any widget-ready area in WordPress. For instance, you can add a horizontal scrolling carousel hashtag feed to your footer with the built-in WordPress widget.

To do that yourself, navigate to Appearance » Widgets from your WordPress dashboard. Then locate the Instagram Feed widget and drag it to your footer widget area.

Instagram hashtag feed wordpress widget

Make sure you click Save and Done before heading to your website to see your hashtag feed in action.

Instagram hashtag feed in a footer carousel widget

There you have it!

You now know how to add an Instagram hashtag feed to WordPress. Now you can engage your site visitors with valuable content, grow your Instagram followers, and improve your business.

So what are you waiting for?

Get started with Instagram Feed Pro today.

And do follow us on Twitter and Facebook for more helpful social media content.