Want to add a Smash Balloon Instagram feed to your Elementor page?
With Elementor, it’s super easy to create fantastic web pages for your site without any coding. But if you want your Elementor pages to be even better, there’s an easy way.
Showing an Instagram feed is a great way to make your site more engaging. You can show amazing photos and videos for your site and use them to boost your Instagram followers and conversions.
And today, we’ve got a guide on how to do that in just a few easy steps.
But first, let’s see how embedding your Smash Balloon Instagram feed to Elementor can help your site.
Why Add Smash Balloon Instagram Feed to Instagram?
If you want to build beautiful pages for your website, an easy solution is to use a page builder plugin. And a popular option for that is Elementor.
Using Elementor’s drag and drop page builder, you can create pages without touching a single line of code.
Plus, there’s a simple way to make your Elementor pages even more engaging. You can just use an Instagram feed.
With an Instagram feed, you can easily show relevant images and videos on your Elementor page. So, you can have reviews, testimonials, announcements, demonstrations, and other types of engaging content.
And on top of that, showing Instagram posts of real people enjoying your products can also work as social proof. So, you’ll have an easier time convincing people to make a purchase.
Plus, it’s a great way to grow your Instagram presence as well. You can embed your own Instagram posts and turn website visitors into Instagram followers.
With that, let’s go ahead and see what’s the easiest way to add Instagram feeds to Elementor.
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 out there 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 fantastic drag and drop editor.
Here are a few more amazing features that you can get with Smash Balloon’s 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, IGTV videos, shoppable feeds, profile feeds, and more.
- Live Customer: 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.
In fact, some of the biggest brands in the world also use Smash Balloon’s Instagram Feed Pro.
As you can see, there are many reasons why this plugin is the best option for you.
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
Since the plugin is so user-friendly, it’s pretty easy to use Smash Balloon Instagram Feed Pro with the Elementor page builder.
All it takes is 4 simple steps:
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.
Step 2: Create Your 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.
We’ll select a user profile for this tutorial.
You can now go to step 3 and connect this feed to your account on Instagram.
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 profile or a personal profile.
Not sure how they’re different? It’s pretty simple:
- Personal profile: With a personal profile, you get all the usual Instagram features. Using the plugin, you can create Instagram feeds of your profile.
- Business profile: A business profile gives you access to analytics and a contact button on Instagram. And with the plugin, you can create even more types of Instagram feeds, such as hashtag feeds, Instagram TV (IGTV) videos, shoppable feeds, mentions feeds, and much more.
Select the option you prefer between these two, and then click on Login with Instagram.
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. You can now move on to step 4 and choose how your Instagram feed looks like.
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.
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.
With that, you can add your Instagram feed to Elementor in the next step.
Step 5: Add Your Smash Balloon Instagram Feed to Elementor
Finally, it’s time to add your Instagram feed to the Elementor page.
To do that, click on the Embed button from your live feed editor.
This will open a popup where you can copy the embed code for your Elementor Instagram feed. You can just paste this code to embed your feed.
To continue, click on the Copy button on the popup.
After that, you can create a new WordPress page or post to embed your Instagram feed.
To create a new WordPress page, you can go to Posts » Add New 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.
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.
On the left, you’ve got all the widgets that you can add to the page.
To continue, look for the search field on the left and write “shortcode” in it.
After that, you can see the Shortcode widget in the search results below.
To continue, just drag the widget and drop it on the right.
You can now use the shortcode widget to show your Instagram feed.
Just paste your embed code from earlier under the Enter your shortcode option.
Then click on the Publish button to save the changes.
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.
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.
Do you want to start building amazing Instagram feeds? Just get your copy of the Instagram Feed Pro plugin.
Want to get started with Instagram marketing? We’ve got a helpful guide on how to increase Instagram followers that can help you out.