Looking for a way to add an Instagram grid to WordPress?
Displaying Instagram content on your site is a great way to engage your visitors with beautiful photos and videos.
You can then convert website visitors into customers and even get more followers on this social network.
Today, we’ll show you the easiest way to add an Instagram grid to WordPress websites.
To help you get started quickly, this tutorial will talk about the following:
- Why add Instagram grids to WordPress
- Why use an Instagram grid WordPress plugin
- How to embed an Instagram grid using a WordPress plugin
You can simply click on each topic to skip to that section.
Now let’s get started!
Why Add Instagram Grids to WordPress
With over 1.21 billion users, Instagram is one of the biggest social media platforms out there and a great place to check out visual content.
By posting relevant Instagram images and videos on your site, you have an easy way to keep visitors interested.
That way, you can keep people on your website for much longer, which also improves your SEO ranking.
On top of that, here are a few more ways an Instagram grid can help your WordPress site:
- By embedding your own posts in the Instagram grid, you can get more likes, comments, and followers with ease.
- You can display a shoppable Instagram grid so people can easily purchase things directly from your website. And it works perfectly with WooCommerce!
- You can show reviews and testimonials from Instagram on your product pages and convince visitors to make a purchase
- Using an Instagram grid, you can even show popular influencers using your products. This can improve your brand’s image and boost your conversions.
As you can see, you can get more sales, boost your Instagram presence, and grow your business with the help of Instagram grids.
Now let’s take a why using an Instagram grid WordPress plugin is the easiest option.
Why Use an Instagram Grid WordPress Plugin
In the past, you could simply paste a link to Instagram on your website, and WordPress would automatically embed it.
But on October 24th, 2020, WordPress dropped this feature, so you can’t create Instagram widgets easily anymore.
You’ll have to get the embed code for each post and manually add that code to your website. And if you want to show lots of Instagram posts, this can take a ton of time.
What’s more, you can’t customize your Instagram content and show them in a grid without dealing with complicated code. That means you might end up having to hire developers to show an Instagram grid on your WordPress site.
The solution? You can simply add an Instagram grid using a WordPress plugin like Instagram Feed Pro.
As the best Instagram feed plugin for WordPress, you can use Instagram Feed Pro to embed beautiful videos and photos in a few easy clicks – no need to use CSS or any kind of code.
In fact, you can simply follow a guided flow, and the plugin will take you through the entire process of creating, customizing, and embedding Instagram content on your website.
Instagram Feed Pro is highly customizable as well. Aside from an Instagram grid, you can show Instagram posts in other layouts, like masonry and carousel slider.
What’s more, your Instagram feeds will automatically match your website’s theme and look great right out of the box.
You can even use a live feed customizer to change the design of your Instagram feed with a real-time preview to help you out.
Plus, Instagram Feed Pro comes with a smart caching feature that keeps your Instagram feeds lightning fast.
With all these amazing features, it’s the best WordPress plugin to display beautiful Instagram feeds and has rating of 4.9/5 from over 1 million users.
As a bonus, the plugin comes with a support team of WordPress experts who are always ready to help you out.
Ready to take your Instagram marketing to the next level? Get your copy of Instagram Feed Pro today.
With that, let’s get started with our tutorial and see how you can embed an Instagram grid.
How to Embed Instagram Grid Using a WordPress Plugin
Simply follow the steps below, and you can have an Instagram grid ready to go on your website in no time.
Let’s get started:
Step 1: Install the Instagram Feed Pro Plugin
First, go and grab your copy of the Instagram Feed Pro plugin from here. Next, you can simply install and activate the plugin on your website.
Not sure how? You can follow this easy guide on how to install a WordPress plugin.
After installing and activating the plugin on your site, you can move on to step 2.
Step 2: Create an Instagram Feed
To show an Instagram grid on your site, you can create a new Instagram feed using this plugin and quickly turn on the grid layout.
For that, navigate to your WordPress dashboard area and then click on the Instagram Feed » All Feeds menu.
After you do that, simply click on the Add New button at the top.
Before you can continue, the plugin will ask you to choose which type of Instagram feed you want to show on your website:
- User Timeline: Show content from your Instagram profile
- Public Hashtag: Embed all that Instagram posts that have your chosen hashtags
- Tagged Posts: Display posts that mention your Instagram user account
Want to combine different feed types? Just select more than a single option here to do that.
After picking your Instagram feed type, click on the Next button to continue.
We’ll go with a user timeline for this example.
Next, you can connect this feed to your Instagram account so that it can show Instagram photos and videos on your website.
Step 3: Connect Your Instagram Account
To show Instagram content on your website, you can simply use your own Instagram account as the source.
First, click on the Add Source button on the page to get started.
After this, Instagram Feed Pro will allow you to pick between a personal or business Instagram account.
With a personal account, you can only show Instagram content from your own profile.
On the other hand, you can create hashtag feeds, shoppable feeds, Instagram video feeds, and more using a business account.
After selecting your Instagram account type, click on Login with Instagram on the popup.
Now, Instagram Feed Pro will ask for read-only access to your Instagram account. Using this access, it will only view Instagram info and can’t make any changes at all.
To give the read-only access, you can then click on Allow.
The plugin will then bring you back to your own website.
From here, you can click on the Next button to finish connecting your Instagram account.
Just like that, you’ve created a new feed using this plugin and connected it to your own Instagram account.
Now, you can turn on the grid layout for your Instagram feed in step 4.
Step 4: Customize Your Instagram Grid
After connecting your account, you can see the live feed editor, where you can enable the grid layout for your Instagram feed.
On top of that, you can also customize its color, size, header design, lightbox option, and much more using the options on the left.
Towards the right, you can find a live preview of your website that shows all of your changes in real-time.
Ready to get started?
To turn on the grid layout for your Instagram feed, first, select the Feed Layout option on the left.
Now, you can choose from 4 different layouts for your Instagram feed: Grid, Carousel, Masonry, and Highlights.
Using these, you can create Instagram slider widgets, highlights gallery, masonry cards, and much more.
Since we’re creating an Instagram grid here, you can click on the Grid option.
By enabling the grid layout, your Instagram feed will show the thumbnails in simple rows and columns.
As a bonus, you can use this layout to create Instagram galleries which show tons of posts at once, like this:
Click on the Save button at the top to confirm your changes, and your Instagram grid is ready!
From here, you can still use the remaining customization options to change the design of your Instagram grid.
For that, click on the small Customize button at the top.
You can now click on the Color Scheme option in the left panel to configure the colors for your new Instagram grid.
Instagram Feed Pro comes with simple color schemes that you can use to instantly change all the colors of your grid.
Simply select from these 4 options here:
- Inherit from Theme: Automatically copy your WordPress theme’s colors
- Light: Show a light background and dark font
- Dark: Use a light font with a dark background
- Custom: Choose all the colors yourself
Like before, click on the Save button to keep your changes.
Using the remaining customization options, you can set your header design, follow button, load more button, lightbox options, feed size, visible media, and much more.
Finally, click on the Save button once you’re happy with your Instagram grid’s design.
After that, it’s time to go to step 5 and add the Instagram grid to your WordPress site.
Step 5: Embed Your Instagram Grid on Your Website
Using Instagram Feed Pro, it’s super easy to embed your Instagram grid. In fact, you can do that in 2 different ways:
- Display Instagram grid on a WordPress page
- Display Instagram grid on the WordPress sidebar or footer
Not sure which option to choose? We’ll show you both of these methods below:
Display Instagram Grid on a WordPress Page
To quickly add your Instagram grid to your website, you can use the live feed editor.
Just click on the Embed button in the top right corner to get started.
Next, the plugin will show you a popup and ask where you want to embed the Instagram grid. If you want to manually add Instagram feeds on your site, you can also copy the shortcode from here.
For now, click on Add to a Page to continue.
This will allow you to see a list of WordPress pages on your website. There, select a page and then click on Add.
Doing that will open the page in the WordPress editor. From there, click the plus (+) icon to add a new content block.
Using the search bar at the top, search for “instagram” and then click on the Instagram Feed block in the results below.
Finally, click on Update or Publish to save your changes, and your Instagram grid will be live on your website.
Now you can open your site to see how your Instagram grid will look to your visitors.
Now, let’s look at another way you can use this Instagram grid WordPress plugin.
Display Instagram Grid on the WordPress Sidebar or Footer
You can also embed your Instagram grid widget on the sidebar or footer areas of your site with the help of Instagram Feed Pro.
First, open the Instagram Feed » All Feeds menu from your WordPress dashboard area to see all of your Instagram feeds.
Now click on the Instagram grid that you created earlier.
You’ll now see the Instagram grid in the live feed editor once again. To continue, click on the Embed button in the top right corner.
After that, click on the Add to a Widget button on the popup to start managing the widgets of your WordPress website.
From here, you can choose between the sidebar or footer as the location for your Instagram widget.
To show your Instagram grid on the sidebar, click on the Sidebar panel.
Or, you can choose to show the Instagram grid on your footer by clicking on the Footer panel here.
For our tutorial, we’re going to use the WordPress sidebar.
Once you do that, add a new widget by clicking on the plus (+) icon at the bottom and then select the Instagram Feed widget.
Finally, click on the Update button, and your Instagram grid will be live on your website’s sidebar.
Just open your site now and check out how your Instagram grid looks.
And that’s it!
Now you know how to display photos and videos on Instagram grids with the help of the Instagram Feed Pro plugin. You’ll now have an easy time getting more Instagram followers and boosting sales.
As you can see, this Instagram grid WordPress plugin can help you create, customize, and embed all kinds of Instagram content in just minutes.
Want to create beautiful Instagram grids? Get Smash Balloon’s Instagram Feed Pro plugin.
For more useful tips on using Instagram, check out our ultimate list of Instagram marketing tools.