Social Wall 
Feed Analytics 
Quick answer: Smash Balloon Instagram Feed Pro adds its own widget to Elementor. Build your feed in the plugin, then open your page in Elementor, type “instagram” into the widget search, drag the widget onto your page, and pick your feed from the dropdown.
It fits the design you already have. The feed takes its colours from your theme and its width from the column you drop it into, so it lands looking like part of the page.
Steps 1 to 4 happen in the plugin. Step 5 happens in Elementor. Both below.
You have a page you are happy with. That is usually the reason people hesitate here.
Adding a social feed to a site you built yourself feels different from adding one to a template. You know which section took three attempts to get right, and dropping a third-party plugin into the middle of it sounds like a good way to undo that work.
It is not, in this case. Instagram Feed Pro puts a widget in your Elementor panel and the feed picks up your theme’s colours and your column’s width on its own. You place it the same way you placed everything else on the page.
I will take you through building the feed first, then placing it, and point out the two settings that decide whether it looks like part of your design or like something dropped on top of it.
In This Article:
Easiest Way to Add Your Instagram Feed to Elementor
If you want to get started with an Instagram feed for Elementor, there’s an easy option: Smash Balloon’s Instagram Feed Pro.
It’s the best Instagram feed plugin in the market and allows you to create, customize, and post beautiful Instagram feeds with ease.
The plugin is so user-friendly that you can create your Instagram feeds without touching a single line of code.
If you’re wondering, “Does Smash Balloon work with Elementor,” then the answer is YES.
Instagram Feed Pro is perfectly compatible with Elementor, so you can add your Instagram feeds using Elementor’s visual drag-and-drop editor.
Here are the top reasons why millions get started with Instagram Feed Pro:
- User Friendly: All it takes is a few simple clicks, and you can create, customize, and post your Instagram feeds — no coding needed.
- Different Types of Feeds: You get lots of different feed types with this plugin, like hashtag feeds, shoppable feeds, profile feeds, Instagram reels, and more.
- Live Customizer: To help you create engaging Instagram feeds easily, you get a live customizer where you can see your changes in real-time.
- Matches Your Branding: The plugin will automatically copy the looks of your website. As a result, your Instagram feeds will match your branding perfectly.
- Lightning Fast: Smash Balloon’s Instagram Feed Pro has been optimized for speed, so all your Instagram photos and videos will load super fast. And a faster site can also help improve your SEO.
- Customer support: And the best part? You get a team of WordPress experts who’ll make sure you have a smooth experience with this plugin.
Because of all these features, Instagram Feed Pro has become the best Instagram feed plugin out there. Right now, it has 1,000,000+ active users and a rating of 4.9 stars out of 5.
As you can see, there are many reasons why this plugin is the best option for you. Ready to start showing Instagram content on Elementor? Get started with Instagram Feed Pro today.
Now, let’s move on and show you how to use Smash Balloon’s Instagram Feed Pro with Elementor.
How to Use Smash Balloon Instagram Feed Pro for Elementor
The work splits cleanly in two. Steps 1 to 4 happen inside the plugin, where you build the feed and decide how it looks. Step 5 happens inside Elementor, where you place it.
Step 1: Install and Activate the Instagram Feed Pro Plugin
The first step is to grab a copy of Smash Balloon’s Instagram Feed Pro here. Then you can install and activate it on your website.
If you don’t know how to do that, take a look at our guide on how to install WordPress plugins.
Installing this changes nothing about the pages you have already built.
It is a separate plugin that adds one widget to your panel, so there is no theme file to edit and nothing that touches your existing Elementor layouts.
Step 2: Create Your Elementor Instagram Feed
Next, you’ll have to connect the plugin to your Instagram account. To do that, first, navigate to Instagram Feed » All Feeds from your dashboard.
Now click on the Add New button.
From here, you can pick the type of Instagram feed that you want to create for your Elementor site.
You get to choose from:
- User Timeline: Use your feed to show your own Instagram posts
- Public Hashtag: Show Instagram posts that contain specific hashtags
- Tagged Posts: Display photos and videos that have tagged your Instagram account
If you select more than a single option here, you can combine multiple feed types into 1 feed.
Once you select your Instagram feed type, click on Next.
The multiple-feed-types option above is easy to skim past and hard to add later.
If you want your own posts and a hashtag feed sitting in one widget rather than two, select both here rather than building a second feed afterwards.
Step 3: Connect Your Instagram Account
In this step, you can connect this feed to Instagram so it’ll show photos and videos on your site.
For that, click on the Add Source button here.
The plugin will now show you a popup where you can pick between a Business Basic connection or a Business Advanced one.
Not sure how they’re different? It’s pretty simple:
- Business Basic: You can create Instagram feeds of your profile that update automatically and include the usual Smash Balloon features.
- Business profile: In addition to a profile feed, you can create even more types of Instagram feeds, such as hashtag feeds, shoppable feeds, mentions feeds, and much more.
Select the option you prefer between these two, and then click on Connect.
After that, the plugin will ask for read-only access to your Instagram account.
Since the access is read-only, the plugin can’t actually make any changes and only reads your Instagram data. As a result, Smash Balloon is completely safe.
To proceed, just click on Allow.
Finally, click on the Next button.
With that, your Instagram account is now connected to the plugin.
This choice quietly decides what you can build later. A personal profile covers your own posts.
Hashtag feeds, shoppable feeds, and mentions feeds all need a business profile, so if any of those are on your roadmap, connect the business account now.
Step 4: Customize Your Instagram Feed
Now that you’ve connected your Instagram account, it’s time to start customizing your feed.
The plugin will now show you its live feed editor, which contains all of your customization options.
Using the options on the left, you can set your feed layout, color scheme, header style, buttons, and much more.
Towards the right, you can see a live preview of your Instagram feed and track your changes in real-time.
Now click on the Feed Layout section on the left.
Under the Layout option, you can find 4 different layouts for your Instagram feed: Grid, Carousel, Masonry, and Highlight.
To show your Instagram posts in a simple grid with rows and columns, you have the grid option. It’s a great way to have lots of Instagram posts on your feed at once.
You can also show an Instagram carousel slider so visitors can interact with your site.
For that, just pick the carousel layout.
Want to show your photos and videos in their original proportions? Then, the masonry layout can help you out.
And if you want to make your photos and videos more visible, we’ve got the highlight option. This layout will boost the size of your Instagram posts by 4 times.
Once you select the Instagram feed layout that you want, click on Save to continue.
Now click on the small Customize button at the top and return to the main customization options.
From here, you can set the colors for your Instagram feed using the Color Scheme option.
Instagram Feed Pro comes with 4 options when it comes to color scheme options:
- Inherit from Theme: Use the colors of your website for your Instagram feed
- Light: Display an Instagram feed with a dark font on a light background
- Dark: Use a light font along with a dark background for your Instagram feed
- Custom: Pick all the colors of your Instagram feed manually
Just select the color scheme that you prefer and click on Save.
Inherit from Theme is the setting that works the best for Elementor websites. That way, your Instagram posts read as part of your page rather than a panel someone dropped in from elsewhere.
After that, you can use the other customization options here to change how your Instagram feed looks. You can set the feed size, number of posts, font, margins, background, and much more.
Finally, click on Save again to confirm your changes.
Step 5: Add Your Smash Balloon Instagram Feed to Elementor
Finally, it’s time to add your Instagram feed to the Elementor page.
First, create a new WordPress page by opening the Pages » Add New menu from your dashboard area.
On that new page, click on the Edit with Elementor button.
If you want to use a WordPress post, go to Posts » Add New from your dashboard instead.
And then, just select Edit with Elementor.
Doing that will open the Elementor editor, where you can find all the content widgets on the left side.
The right side of the screen has a live preview of your Elementor page. Any time you make a change, you can see how it’ll look here.
To continue, look for the search field on the left and write “instagram” in it.
After that, you can see the Instagram Feed widget in the search results below.
To continue, just drag the widget and drop it on the right.
You can now finish setting up your Instagram feed using this widget.
To do that, just select the Instagram feed you want to embed using the dropdown menu.
Then click on the Publish button to save the changes.
The widget settings also carry a Create New Feed link and an Edit this Feed link.
Both open in a new tab, which matters more than it sounds: you can adjust the feed’s design and come back to a page you have not lost your place in.
You now have a Smash Balloon Instagram feed on your Elementor page. If you want to check how it looks, just open your website and see.
Whatever column you drop the widget into decides the feed’s width, so a feed in a narrow sidebar column and the same feed full-width behave differently.
Drop it into the column you actually want before you judge how it looks.
And that’s it!
Now, you know how to use Smash Balloon’s Instagram Feed Pro plugin with Elementor.
With it, it’s pretty easy to add beautiful Instagram feeds to engage your visitors, boost your sales, and get more Instagram followers.
An Instagram feed that fits the design you already built
Your theme colours, your column widths, your layout. The feed adapts to the page rather than the other way round.
Get Instagram Feed ProWhat an Instagram Feed Does for a Page You Designed
You built the page. Here is what a feed adds that another image block will not.
It replaces the stock photography. Most Elementor pages have at least one section filled with images that came from a library and could belong to any business.
Your Instagram posts are the same shape and size, and they are actually yours. Visitors can tell the difference even when they could not say why.
You can put it where the decision happens. A feed does not have to be a strip across the bottom of the homepage. Drop it into the column beside a product description, under a service section, or in the sidebar of a landing page.
The same content does more work when it sits next to whatever you are asking someone to say yes to, which is why social proof placement tends to matter more than volume.
It gives the page movement without a slider plugin. If you have ever added an animation or a carousel purely so a section did not feel static, a feed does that job with real content instead of effects, and without another plugin loading on the page.
It sends visitors to your profile instead of away from it. Someone who likes what they see can follow you from the page they are already on. That is a smaller step than most conversions you are asking for, and it is how a website starts growing your Instagram audience rather than only the other way round.
Frequently Asked Questions
Does Smash Balloon Instagram Feed work with Elementor?
Yes, and not by workaround. The plugin registers an actual Elementor widget, so it sits in your panel next to Heading and Image rather than needing a shortcode pasted into a text block. It works the same way in Divi, Beaver Builder, and Thrive Architect.
Do I style the feed in Elementor or in the plugin?
Both, and they handle different things. Colors, layout, post count, header, and button design all live in the plugin’s customizer. Width, margins, and where the feed sits on the page are Elementor’s job. If you find yourself fighting one from inside the other, you are probably in the wrong place.
Can I show my own posts and a hashtag feed in the same widget?
Yes, if you set it up in step 2. Selecting more than one feed type there combines them into a single feed, which then appears as one option in the Elementor dropdown. Doing it after the fact means building a second feed and placing a second widget.
What happens to my feed if I change my Elementor template or theme?
The feed follows. Because the color scheme is set to inherit from your theme by default, changing your site’s colors updates the feed too. If you set custom colors in step 4 instead, those stay fixed, and you would go back into the customizer to match them.
Does the widget work inside Elementor templates and popups?
Yes. It behaves like any other widget, so it can go in a saved template, a header or footer, or a popup. Every copy points at the same feed, meaning one edit in the plugin updates all of them at once.
Start Using Smash Balloon Instagram Feed for Elementor Now
If you use Elementor, you want your website to look exactly how you planned it.
I have found that Smash Balloon Instagram Feed Pro is the best way to add your photos without breaking your design. It works right inside Elementor, so you don’t need to learn any new tech skills to get it working.
Here is how you can get started:
- Get Instagram Feed Pro here and try it risk-free for 14 days to start adding your Smash Balloon Instagram feed to Elementor.
- Change how your Elementor Instagram feed looks with the simple editor so it matches the rest of your website’s style.
- Add your Instagram feed to any Elementor page just by dragging the widget right where you want it.
- Show your new Instagram posts automatically, so your website always has something new for visitors to see.
Your website should look professional, and that includes your social media photos. This plugin helps you do that quickly so you can focus on other things.
Want to get started with Instagram marketing? We’ve got a helpful guide on how to increase Instagram followers that can help you out.
If this article helped you out, follow us on X (Twitter) and Facebook and stay tuned for more social media marketing tips and tricks.
