Want to display Instagram feeds on Thrive websites?
Guess what – you’re not alone! As a popular website builder, tons of people use Thrive Architect to build a website for their brand.
By adding Instagram posts, you can make your Thrive Architect website even more engaging with relevant photos and videos.
Today, we’re going to show you the easiest way to display Instagram feeds on your Thrive Architect website.
Before that, let’s see how showing content from Instagram can help your brand.
Or you can click here and skip ahead to the tutorial.
Why Add Instagram Feeds on Your Thrive Website?
While Thrive Architect is a great website builder for WordPress, an easy way to keep your visitors engaged is to show Instagram posts.
After all, showing beautiful photos and videos from Instagram can help grab people’s attention and keep them on your website.
And that’s just the start! You can also use Instagram feeds to:
- Showcase reviews and testimonials from Instagram that can convince your website visitors to buy from you
- Embed all of your Instagram mentions to showcase your brand’s engagement and build trust
- Display your own posts to get tons of likes, comments, and Instagram followers
- Add fresh social media content with relevant keywords to boost your SEO and reach more people
As you can see, Instagram feeds can be an amazing way to give your business a boost.
Easiest Way to Add Instagram Feed to Your Thrive Website
If you want to manually add Instagram content to your website, it can be a long and complicated process.
You’ll have to manually generate the embed code for the post, tweak the code, and then insert it into your Thrive website.
Plus, you won’t be able to customize how your Instagram content looks. So, they can end up clashing with your Thrive website’s design.
For a better way, you can use the best Instagram feed plugin in the market: Instagram Feed Pro.
With the help of Instagram Feed Pro, you can showcase Instagram content on your website in just a few simple clicks — no coding needed.
All you have to do is follow the plugin’s easy guided flow, and it’ll guide you through the process of creating, customizing, and embedding Instagram feeds.
On top of showing posts from your own Instagram account, you can embed Instagram hashtag feeds, video feeds, tagged feeds, shoppable feeds, and more.
Plus, Instagram Feed Pro was also built from the ground up to be lightweight and fast.
So, you can embed as many Instagram posts as you want, and your site will load as fast as ever. And a fast website is actually great for SEO.
With all these amazing features, Instagram Feed Pro has become the #1 Instagram feed plugin out there, with 1,000,000+ users with a rating of 4.9/5 stars.
The best part?
You get a dedicated support team of WordPress experts who are always ready to lend you a hand. Just reach out to them if you need help or have any questions.
Ready to add Instagram content to your site? Give Instagram Feed Pro a try today.
Now, let’s move on and get started with our tutorial below.
How to Embed Instagram Feed on Thrive Architect Websites
Ready to go ahead and add Instagram feeds to your site? Simply follow our step-by-step guide below to get started.
Step 1: Install the Instagram Feed Plugin by Smash Balloon
First, grab your copy of Instagram Feed Pro and then download the plugin to your computer. Once you do that, simply install and activate the plugin on your WordPress website.
For more information on how to do that, you can check out this guide on installing a WordPress plugin.
You can then go ahead and create your feed in the next step.
Step 2: Create Your Instagram Feed
Now that the plugin is ready, you can create a new Instagram feed with the help of the guided flow.
First, open the Instagram Feed » All Feeds menu from your WordPress dashboard area, then click on Add New.
Next, the plugin will give you 3 different types of Instagram feeds that you can choose from:
- User Timeline: Display your own Instagram photos and videos
- Public Hashtag: Showcase Instagram posts that have specific hashtags
- Tagged Posts: Embed posts that have tagged your brand’s Instagram account
You can also select more than 1 option to combine different feed types.
Once you select your Instagram feed type, click on Next to continue.
For this tutorial, we’ll go with the user timeline option.
Now that you’ve created an Instagram feed, you can go to the next step and connect it to your account.
Step 3: Connect Your Instagram Account
By connecting your Instagram account, your feed can start showing content on your Thrive Architect website.
First, click on the Add Source button to get started.
Now, the plugin will ask you to choose between connecting a personal account or a business account.
With a business account, you get access to more types of Instagram content, including mentions feed, shoppable feeds, hashtag feeds, and more.
Don’t have a business account yet? You can just follow our guide on how to convert your Instagram account to a business profile.
After selecting your account type, click on the Login with Instagram button.
We’ll go with a personal account for this tutorial.
Next, you can give the plugin read-only access to your Instagram account so that it can fetch posts and display them on your site.
Since it’s read-only access, the plugin can only view your Instagram info and won’t be able to make any changes. So, it’s completely safe to use Smash Balloon.
To confirm the read-only access, click on the Allow button.
Instagram Feed Pro will now return you to your website so you can confirm this as a source for your feed.
You can click on the Next button for that.
Instagram Feed Pro will then automatically copy your website’s design so your feed will look beautiful right out of the box.
On top of that, you get different ways to customize your feed as well. In the next step, you can check them out.
Step 4: Customize Your Instagram Feed
First, you can quickly import a pre-designed template for your new Instagram feed. The plugin gives you 8 different templates to pick from:
- Simple Grid
- Simple Grid XL
- Simple Row
- Simple Carousel
- Masonry Cards
- Card Grid
After you pick a template, click on Next to continue.
Now, the plugin will send you to the visual customizer, where you can change your feed layout, color scheme, header design, post style, background, and much more.
On the right, you can see a live preview of your feed where you can see your changes in real-time.
Ready to start personalizing the design of your Instagram feeds?
First, click on the Feed Layout option on the left.
Now, you can choose from 4 different feed layouts for your Instagram feed:
- Grid: Show Instagram posts in neat rows and columns to display tons of posts at once
- Carousel: Display a slideshow of Instagram posts and make your site more interactive
- Masonry: Keep the original size of your Instagram posts and show them in multiple columns
- Highlight: Put the focus on specific Instagram posts to immediately grab people’s attention
After you select your Instagram layout, click on the Save button.
For this tutorial, we’ll go with the carousel layout.
To continue personalizing your Instagram feed, click on the Customize button at the top.
Next, you can go ahead and change the colors of your Instagram feed.
For that, select the Color Scheme option on the left.
Now, you can simply choose between 4 different color schemes for your Instagram feed:
- Inherit from Theme: If you want to use the same colors as your website’s theme
- Light: To show a light background for your feed along with dark font color
- Dark: Lets you show a dark background instead, and a lighter colored font.
- Custom: Allows you to manually pick all the colors of your feed
After you pick your color scheme, click on Save to confirm your changes.
Just like that, you can use the remaining customization options to change your post elements, header layout, button style, feed size, and much more.
Finally, click on the Save button to keep your changes.
Then, you can go ahead and start embedding Instagram feeds on your website in the final step.
Step 5: Embed Instagram Feed in Your Thrive Website
Now that your Instagram feed is ready, you can go ahead and add it to your Thrive Architect website.
Since the plugin is so user-friendly, you can do that directly from your visual customizer.
First, click on the Embed button at the top to get started.
Now, you’ll see all the ways you can display Instagram feeds on your website. You can add it to your pages, sidebar, or even the footer areas.
For now, click on the Copy button on the popup to copy your shortcode.
Once you do that, you can navigate to the Pages » Add New menu from your WordPress dashboard area.
Then, click on the Launch Thrive Architect button at the top.
Want to use a WordPress post instead?
You can navigate to the Posts » Add New menu from your dashboard area instead.
Now, Thrive Architect will give you 2 ways to edit this page or post:
- Normal Page: Start from scratch and create a page or post that looks like the regular content on your website
- Pre-built Landing Page: Import a pre-made design to instantly create a beautiful landing page
Here, you can choose whichever option you prefer.
If you click on the Normal Page option, Thrive Architect will immediately send you to the editor.
You can then start adding your Instagram feed here.
If you chose to use a pre-built design instead, the plugin will show you a popup with different landing page designs.
Once you find a design you like, just click on it.
Next, you can see different variations of this landing page design.
All you have to do is click on the variation that you want to use for this page or post.
Finally, you can click on the Apply Template button below to continue.
Now, Thrive Architect will send you to the drag-and-drop editor, where you can customize its design.
To continue, click on the plus icon (+) on the left to add a new block.
Using the search bar on the top right, now look for the “wordpress content” block.
Then you can see the WordPress Content block in the search results below.
You can now add this WordPress Content block to your page or post.
Just drag the WordPress Content block from the right and then drop it on the left.
Thrive Architect will now show you a popup where you can insert regular WordPress content.
All you have to do now is paste the shortcode from earlier before clicking on Save.
Finally, click on the Save Work button to confirm your new Instagram feed.
As you can see, you can add Instagram content to your Thrive website in just minutes with the help of this plugin.
If you open your website now, you’ll be able to see how your Instagram feed will look to your visitors.
And there you go!
As you can see, it’s super easy to embed Instagram feeds on Thrive Architect websites. All you have to do is use the Instagram Feed Pro plugin and follow the simple guided flow.
That way, you’ll be able to grab people’s attention, keep them engaged, boost your Instagram following, and grow your business with ease.
Ready to add Instagram feeds in Thrive? Grab your copy of Instagram Feed Pro here!
While you’re here, you can check out our list of expert tips on how to use Instagram for your business.