An Instagram feed helps you display your social media content directly on your WordPress site. Visitors can view and interact with your Instagram content without having to leave the site.
In this step-by-step tutorial, incorporate Instagram feed in WordPress we’ll show you how to connect your site to Instagram to display your content. This is an automated process and does not require any coding knowledge. Let’s get it started.
What you need to create an Instagram feed in WordPress
You can add an Instagram feed to your website manually using code; however, this method is long and complicated.
A better solution is to use a WordPress plugin that allows you to connect your site to Instagram. The best plug-in for this is the Smash Balloon.
Smash Balloon is a powerful social feed plugin and comes with a plugin designed specifically for Instagram. It does not require any coding experience, which makes it easy to use.
Smash Balloon allows you to connect your website to Instagram with just a few clicks. Then you can customize your feed in order to reach your audience in a specific way.
In addition to these powerful Instagram feed personalization options, canada phone number data Smash Balloon still has many features to improve your audience’s experience.
For this tutorial, we will use the Smash Balloon Instagram Feed plugin.
That said, Smash Balloon is really powerful and supports other social media platforms including YouTube, Twitter and Facebook.
How to Create an Instagram Feed for Your WordPress Website
Step 1: Install and activate Smash Balloon
Smash Balloon’s Instagram Feed has a free version and a premium version. The free version is a powerful plugin by itself; you can use it until you decide to upgrade.
To access the free version, go to the WordPress Plugin Repository to download and install it. Set it up as you would with any other plugin. If you need help with this, follow our guide on How to install a WordPress plugin – 4 methods (step by step).
For this tutorial, we will use the professional version to show the power of this plugin.
On the Instagram Feed website, the audience’s experience with the brand off-site register for an account and go to “My Account”.
Here, download the “Instagram Feed Pro” plugin file and copy the license key.
Go to the WordPress dashboard and then to the Add New Plugins page. Here you can upload the plugin file.
When Instagram Feed Pro is ready to use, a new item called Instagram Feed will appear in the menu on the left side of the WordPress dashboard.
Go to Instagram Feed “Septtings and enter the license key you previously copied.
Enable the license, and with that, you’ll be ready to use Instagram Feed Pro.
Step 2: Connect your Instagram account
With the plugin installed and activated, the next step is to connect your Instagram account. To do this, go to Instagram Feed” All Feeds. Here, go to the Add New button (Add new).
Interestingly, Smash Balloon doesn’t limit you to selecting one type of Instagram feed; you can choose all of them at once. However, we will select “Fetch posts from your Instagram profile” for this tutorial.
On the next page, you should add a feed source. Basically, incorporate Instagram feed in WordPress it is from there that your feed will search for the content.
After the Add Source page, you can connect a personal account or a business account. For this tutorial, we will select the commercial profile, which offers more features.
Another window will be displayed, b2b phone list asking if you have connected Smash Balloon to Facebook before. Assuming this is the first time you use this feed plug-in, you should reply “No.”
You will then be asked to connect through your Facebook page. Because Meta owns Facebook and Instagram, connecting through Facebook is the best way to grant access to Smash Balloon.
A pop-up window will appear next, prompting you to continue with the Facebook profile connected. Be sure to log in to the account linked to the correct Instagram and Facebook pages you want to use.
Another pop-up window will be displayed next and this time you will need to select the Instagram pages you want to connect to Smash Balloon. Select the box next to the profile(s) you want to use.
Step 3: Create an Instagram feed
With Smash Balloon connected, we will create a new feed. In the WordPress menu, go to Instagram Feed “All Feeds. Select the font you just added and proceed to the next page.
On this page, choose the Feed theme. Remember that this is just the base and a starting point; you can always change the topic later.
Among the feed themes, select one of the Standard, Modern, Social Wall, Contour or Overlapping options. For simplicity, we will choose the Standard theme.
After choosing the theme, select the template you want to use. You have many options to choose from. From Simple Grid, Simple Grid XL, incorporate Instagram feed in WordPress Simple Row, Simple Carousel, Single Post and more.
Remember that with Smash Balloon, you can always change the model later, if you think another option will offer your audience a better experience.
With all the basic settings set, you will be redirected to the live feed editor, where you can customize the feed.
Step 4: Customize your Instagram feed
The Live Feed Editor offers customization and configuration options on the left and a live preview screen on the right. In this tutorial, we will focus on the Customize menu (Customize). Select it and you will see a list of customization options below it.
Whenever you click on a live feed editor menu and complete the customization process, incorporate Instagram feed in WordPress you will see Customize with a small arrow next to it. Select it to return to the Customize menu.
To use the live feed editor correctly, locate the three icons in the upper right corner: desktop, tablet, and mobile. Here, you can see how the Instagram feed will appear in different screen sizes so you can offer your audience the best experience.