Do you want to display an Instagram footer widget on your WordPress site?
Showing your Instagram content on your website boosts user engagement with no extra effort on your part.
But Instagram doesn’t have an easy way for its users like you to add an Instagram footer widget on your website.
In this post, you’ll learn how to embed an Instagram footer widget on your WordPress so you can integrate social media into your website.
By following this tutorial, you can easily do this in just 5 steps!
How to Embed Instagram Footer Widget
When it comes to adding your Instagram feed to your footer widget, you have 2 choices on how to do it:
- Manual: Get approved as an official app developer with Instagram first. Then, generate and tweak code snippets to be pasted directly into your website.
- Automatic: Use a trusted WordPress plugin to connect your Instagram account. With just a few clicks, you can automatically embed your Instagram content on your footer.
The 1st method is complicated to do.
Why? Because it involves multiple code snippets and Instagram’s approval. Not to mention that Instagram has a strict process in approving app developers.
Since you also need to paste code snippets directly into your WordPress, you run the risk of accidentally breaking your website.
And if you run into a problem during the process? There’s no support team dedicated to helping you out.
And honestly, it’s not worth the trouble to go this route when all you want to do is just embed your Instagram feed on your site. Right?
But when you use a trusted Instagram WordPress plugin to automatically add your Instagram footer widget, you won’t have those difficulties.
Easiest Way to Add Instagram Footer to Your Website
With the help of the best Instagram feed plugin for WordPress, Instagram Feed Pro, you can easily add your Instagram footer widget to your WordPress, no technical knowledge needed.
Because the plugin has a ready-made widget for WordPress, you can just add it to your site’s footer area and it will automatically display your Instagram content for you in minutes!
As a result, it’s easier to cross-promote your Instagram content so you can get more followers on Instagram.
It also inherits your website’s existing theme’s design. This means that your Instagram feed’s design will be consistent with your brand’s look — automatically!Â
Plus, if you want to control how your Instagram footer widget looks, you can easily customize it with just a few clicks using our live feed editor.
In addition to embedding Instagram footer widgets, you can also use the plugin to display different types of Instagram feeds for you, including:
- Multiple Instagram feeds
- Tagged feed
- Hashtag feed
- Instagram gallery
- Instagram grid
- Instagram carousel feed
- Shoppable Instagram posts
- Instagram reels
- Plus, display your Instagram stories, and more!
With over 1 million users worldwide, the plugin’s also happily recommended with an average rating of 4.9/5 stars.
In addition to its user-friendly interface and ultra-fast performance, the plugin also has a team of WordPress experts dedicated to helping you every step of the way.
Even better, Smash Balloon social feed plugins are trusted by over 1.75 million users, including global brands like Coca-Cola, to embed social media feed widgets on their websites, so you’re in great company!
Expert Tip: Looking to embed Instagram feed widgets on your Elementor website? Here’s how to add Instagram feeds to Elementor.
With these in mind, let’s dive into adding your Instagram footer widget to WordPress using the Instagram Feed Pro plugin below.
Step 1: Install Instagram Feed Pro Plugin
The first step is to get your own copy of the Instagram Feed Pro plugin here.
Then, go ahead and install the plugin to your WordPress website by following these step-by-step instructions to install a WordPress plugin.
Step 2: Create Your Instagram Footer Widget Feed
Already installed the plugin on your website? Great!
The next step is creating a new Instagram feed using the plugin. To do this, navigate to Instagram Feed » All Feeds from your WordPress dashboard. Then, click the Add New to get connected.
After this, you can go ahead and pick the type of Instagram feed that you want on your website. The options here include:
- User Timeline: Display an Instagram footer widget based on your own account.
- Public Hashtag: Display an Instagram footer widget based on a hashtag you specify.
- Tagged Posts: Display an Instagram footer widget containing posts where your Instagram account is mentioned or tagged by other users.
You can also select more than 1 option here to combine multiple feeds and show them into a single Instagram footer widget.
Once you pick your Instagram feed type, click on the Next button.
Now that you’ve created a new Instagram feed, you can go to step 3 and add a source for this feed.
Step 3: Connect Your Instagram Account
For your new feed to show posts from Instagram, you can connect it to your Instagram account.
To do that, first, click on the Add Source button.
After clicking this, the plugin will ask you to choose between connecting your personal account or business account.
Choose personal if you’re just going to display your own Instagram feed. Or, you can choose business if you want to display more feed types like hashtag feed and tagged feed.
For more details on how you can change your personal account into a business one, check out this post on how to convert your Instagram account to a business profile.
Once you select your Instagram account type, click on the Login with Instagram button to continue.
Now, you can give the plugin read-only access to your Instagram account.
A read-only access means the plugin can only view your data but can’t many any changes at all. So, it’s safe to use Instagram Feed Pro.
Just click on Allow on the popup to confirm the read-only access.
This will bring you back to your WordPress site. Here, click on the Next button to continue.
Since you’ve connected your feed to Instagram, you can now customize it’s design using our live feed editor.
Step 4: Customize Your Instagram Footer Widget
Want to customize how your Instagram footer widget looks like? The plugin’s got you covered!
By using our live feed editor, you can easily control the look and feel of your Instagram content with just a few clicks.
Using the left panel, you can easily change the size, feed layout, color scheme, header design, and more for your Instagram footer widget. It also has customization options for individual Instagram posts.
Towards the right, you can find a live preview of your Instagram footer widget so you can track your changes in real-time.
To give you more control over your footer’s design, you can also customize its layout. Click on the Feed Layout option to get started.
From here, you can now choose from 4 ready-made layout types for your Instagram feed.
Choosing the grid layout allows you to display your Instagram footer widget in a standard grid with fixed square image sizes.
This type of layout is better suited if you’d like to add your Instagram widget to your sidebar area.
Want something more suited to your footer area? Then, you can select the carousel layout. This way, you can show your Instagram feed in a beautiful slideshow that your visitors can scroll through, like this.
Want to display Instagram photos in their original horizontal or vertical formats?
Then, the masonry layout is the way to go. This is perfect for Instagram galleries that aim to showcase your content as a footer widget, like this:
Finally, if you have specific posts that you want to highlight in your Instagram footer widget in WordPress, choose the highlight layout.
Since highlighted posts are shown twice as large as other images, you can display this widget in your footer area to show positive social proof about your brand.
Once you’ve selected the Instagram footer widget’s layout, click on Save to finalize your choice.
Then, click on the small Customize button to open the main customization options once again.
Want to change the colors for your Instagram footer widget? Click on the Color Scheme option here.
Since you can pick from 4 different color schemes for your social media widget, it’s easy to set the color options for your Instagram feed:
- Inherit from Theme: 1-Click to copy your site’s colors to match your branding
- Light: A bright background and a dark font for your Instagram feed
- Dark: Choose to show a dark background along with a light font instead
- Custom: Manually select all of your Instagram feed colors
Just click on the Save button once you’re happy with the colors.
That way, you can use the live feed editor to change the remaining customization options, like your header stye, follow button, feed size, and much more.
Once you’re happy with how your feed looks, click on Save and move on to the final step below.
Step 5: Add Your Instagram Footer Widget to Your Site
Now, it’s time to finally display your Instagram footer widget on your WordPress website.
Since the plugin works smoothly with WordPress, you can easily do this with the live feed editor.
First, click on the Embed button in the top right corner of your live feed editor.
You’ll then see a popup that asks you where you want to embed your Instagram feed. Since you’re adding it to the WordPress footer, click on the Add to a Widget option here.
This will open the Widgets page of your WordPress site.
To continue, just click on a Footer panel here.
Now, add a new widget by clicking on the plus (+) icon. Then, look for the Instagram Feed widget and click on it.
Finally, click on Update so your Instagram footer widget is automatically added to your WordPress website.
Now, your website visitors can see your Instagram footer widget when they check out your footer area, like this:
And, that’s it!
With the help of this newbie-friendly tutorial, you now know how to embed an Instagram footer widget into your WordPress website.
Using the Instagram widget, you can grow your social media presence and get tons of new customers in no time.
Ready to take your Instagram marketing to the next level?
Get started with Instagram Feed Pro today.
Want to get more out of Instagram? Check out our list of the best Instagram marketing tips for your business.
You may also want to read this next post on how to get more views on your Instagram reels.
Have more than 1 social network? See this article on how to embed social media feed widgets to your WordPress site.
And if you found this post useful, connect with us on Twitter and Facebook for more helpful tutorials.
