How to Add an Instagram Feed to Your Divi Website

How to Add an Instagram Feed to Your Divi Website (Easy Way)

By Sajjan Sharma on July 15, 2021

Looking for a way to add an Instagram feed to your Divi website? Just read on and we’ll show you how easy that is.

Divi is one of the most popular options for building a website. It comes with lots of amazing features but the theme is so user-friendly that you can use it even with no knowledge of WordPress.

Plus, with its simple drag-and-drop builder, you can easily create beautiful pages of your own — no coding needed.

And if you want to integrate Instagram with your Divi site, there’s an easy solution. In this post, we’re going to share with you how to embed an Instagram feed on your Divi website.

Why Add Instagram Feeds to Your Divi Website?

divi introduction

Let’s say you’ve built a great website for your brand with Divi. The next step is to promote it.

And if you want to promote something on the internet, you can’t ignore social media. With over 3.6 billion people actively using them, social media is a goldmine for anyone involved in marketing.

Just on Instagram, there are over 1 billion active users that you can reach!

And if you want to use Instagram to promote your brand, an easy way is to add a feed of Instagram posts on your Divi site.

In fact, here’s a few great ways an Instagram feed can help your site:

  • A hashtag feed of relevant content can capture the attention of your visitors and keep them interested.
  • If you embed reviews and testimonials from your customers, they can work as social proof. This means seeing real people enjoying your products can inspire your visitors to make a purchase.
  • An interesting Instagram feed can drive your site traffic towards your Instagram account to boost the number of followers.
  • You can have beautiful photos and videos on your website without uploading them manually.

So if your website has the Divi theme, adding an Instagram feed can make it even more engaging and boost conversions at the same time. Plus, you can also increase your Instagram followers while that happens.

And that’s just the start. There’s a lot more you can do with Instagram feeds, and if you want to grow your business, it’s a quick and easy way.

But while you can build a great website with Divi, it doesn’t really come with social media marketing features.

So if you want to effectively promote your website using Instagram, you’ll need the right tool to help you out.

The good news is, we’re going to show you the best Instagram plugin so you can start adding Instagram feeds right away. And, it’ll work perfectly with your Divi website as well.

Easiest Way to Add Instagram Feed to your Divi Website

instagram feed pro plugin

With Smash Balloon’s Instagram Feed Pro, you can now easily add your Instagram feeds to your site.

Since it’s super user-friendly, you can create, customize and post your Instagram feeds, with no coding needed.

And on top of that, it’s also packed with amazing features to improve your experience. Here’s what you can get with Instagram Feed Pro on your site:

  • Super Easy and Fast Setup: All it takes is a few minutes and you can start adding your Instagram feeds on your site. And it’s super easy to use as well so you can forget about complex codes.
  • Tons of Available Feed Types: You have lots of feed types to choose from for your Instagram feed. The plugin supports shoppable feeds, hashtag feeds, Instagram carousels, and even IGTV videos.
  • Lightweight and Fast: Wondering if all the photos and videos might slow down your site? Well, Instagram Feed Pro has been optimized to be lightweight. So your Instagram feeds and your site will load super fast, which is great for SEO.
  • Customer Support: With Instagram Feed Pro, you also get a team of WordPress experts to help you out if you run into any issues with your feeds.

Because of all these amazing features, Instagram Feed Pro has become the best Instagram feed plugin for WordPress. Now, it has 1,000,000+ active users with a rating of 4.9/5 stars.

user reviews instagram feed pro

And that user base includes some of the biggest brands out there.

brands that use smash balloon

And if you’re thinking Smash Balloon doesn’t work with Divi, then don’t worry. All of the Smash Balloon plugins are perfectly compatible with Divi.

So, you can use Instagram Feed Pro to boost the engagement and convert visitors on your Divi website.

As you can see, there’s lots of reasons why it is the best option if you want to embed Instagram feeds to your site.

So, give Instagram Feed Pro a try and you’ll boost your social media following in no time.

Now, let’s move and talk about how you can add an Instagram feed to your Divi website below.

Step 1: Install and Activate Instagram Feed Pro

To get started, you can get the Instagram Feed Pro plugin from here.

Then, all you have to do is install and activate it on your Divi site.

If you’re not sure how that’s done, check out our helpful post on how to install WordPress plugins.

Step 2: Connect Your Instagram Account

Now, go to Instagram Feed » Settings from your WordPress dashboard. And then, click on the Connect an Instagram Account button.

configure user account instagram feed pro

In the popup, you can pick between a personal and a business Instagram profile.

business or personal instagram account

With a personal profile, you can basically use all basic features that you’ve been using on Instagram. A personal profile only allows you to post feeds of your own Instagram account.

A business profile gives you analytics features and a contact button on Instagram. With it, you can show all kinds of feeds, like hashtag feeds, shoppable feeds, Instagram TV (IGTV) and more.

Pick the Instagram profile you want to embed and then click on Connect.

Next, you’ll be redirected to Instagram. Now, you can just click on Allow to give read-only access to the plugin.

allow access to instagram

Once you do that, you can finally click on Connect This Account and integrate your Instagram account with your Divi site.

final confirmation connect account

Plus, can even add multiple Instagram accounts to WordPress by repeating this process.

Step 3: Customize Your Instagram Feed

Now, you can go ahead and customize how your Instagram feed looks. Just go to the Customize tab to get started.

customize your instagram feed

Here, scroll down and find the Layout section to pick the Layout Type.

instagram layouts

You get 4 different layout options for your Divi social media feed: grid, carousel, masonry, and highlight.

With the grid layout, your Instagram posts will be shown in rows and columns in a neat way.

grid feed divi instagram

If you want a dynamic look for your feed, there’s the carousel option. This way, you can add a beautiful Instagram carousel feed on your Divi site.

carousel instagram feed for divi

Want to keep the original proportions of your Instagram posts? Then you can pick the masonry option.

masonry instagram feed with divi

Finally, you have the highlight option that can make your Instagram posts more visible. This layout will increase the size of your posts by 4 times.

highlights layout instagram feed with divi

Now just select the Instagram feed layout that you like and click on Save Changes.

After that, you can customize the rest of your feed to your liking. You can choose the size, background color, layout, font, and much more.

customization options for smash balloon

So with Smash Balloon’s Instagram Feed Pro plugin, it’s super easy to customize your feeds to look the way you want.

And with this plugin, your Instagram feeds will automatically inherit your website’s branding.

Step 4: Add Your Instagram Feed

Finally, it’s time to show you how to add your Instagram feed to your Divi WordPress site. You can add them directly to your posts and pages, or you can post them on your sidebar.

Add Your Instagram Feed to Divi Page

To add your Instagram feed to your WordPress page, go to Pages » Add New from your dashboard and open the WordPress editor.

Here, just click on the Use Divi Builder button.

add new page in divi

 

You can do the same for a WordPress post as well. From your WordPress dashboard, just go to Posts » Add New and click on Use Divi Builder.

add new post in divi

 

This will open up the Divi builder for you. Here, you have 3 ways to proceed:

  • Start Building: You can start from a blank template and build a page.
  • Browse Layouts: Check out the pre-built layouts and start editing one of them.
  • Choose Page: Or you can just copy the design of an existing page and edit it.

You can select whichever option you prefer here.

options to build a page in divi

If you choose the Start Building option, you can immediately start editing from a blank template.

start building from blank template

But if you pick the Browse Layouts, it will bring up the Load From Library popup. You can browse through all the available layouts here.

To select a layout for your page, just click on it.

load layout from library

This will open the Layout Details page. Now just click on Use This Layout and you can get started with editing your page.

use a divi layout

And if you picked Choose Page instead, you’ll see the existing page layouts that you’ve designed.

Here, just click on any of the options to start editing your age.

load your existing pages

Before you add your Instagram feed to Divi, you’ll need to create space for it. This means creating a new row.

To do that, click on the small green plus icon (+) on your Divi builder page.

You’ll now see the Insert Row popup. Just select from the collection of rows available here by clicking on the one you like.

insert row in divi builder

After that, you’ll see the Insert Module popup. Here, use the search bar to look for the “code” module and select it.

add code module

Once you’ve done that, you’ll see the Code Settings. Here, go to the code field and paste this shortcode:[instagram-feed]

Then, just click on the check icon in the bottom right corner.

add instagram feed with code module

And you’re done!

When you visit your Divi website, you can see the Instagram feed embedded on your page.

adding instagram feed on divi website

Now you know how to add a Divi Instagram slider by using Smash Balloon’s Instagram Feed Pro plugin.

Add Your Instagram Feed to Divi Sidebar

Now, let’s add the Instagram feed to the sidebar of your Divi website.

From your WordPress dashboard, go to Appearance » Widgets. 

In this page, drag the Instagram Feed widget and drop it on the sidebar panel at the right.

add instagram feed to sidebar

You’ve now added an Instagram feed to your Divi sidebar. Just check your site and you can see your Instagram feed embedded on the sidebar area.

instagram feed on sidebar example

And that’s it!

Hopefully, this post showed you how to embed an Instagram feed on your Divi website.

All you need is the best Instagram feed WordPress plugin and you can get started in no time. You can then create, customize, and post Instagram feeds that will boost user engagement and ultimately grow your website.

So what are you waiting for? Get started with Instagram Feed Pro today and make your site even more engaging.

And that’s just the start. There are also fantastic Smash Balloon plugins for Twitter, Facebook, and YouTube — which are all perfectly compatible with Divi.

In fact, you can just go and grab the Social Wall Pro Bundle to get all of Smash Balloon’s plugins at a great discount.

Want to get more from Instagram? Check out our article on how to increase Instagram followers.

Wondering if Smash Balloon is a secure choice for your website? Then you can take a look at our article on the reasons why Smash Balloon is safe.

If you found this article to be helpful, give us a follow on Twitter and Facebook and stay tuned for more social media marketing tips and tricks.

Want to Try our Instagram plugin for Free?

Enter the URL of Your WordPress website to install Instagram Feed Lite.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Leave a Reply

Your email address will not be published. Required fields are marked *