How to Embed Instagram Feed on Your Thrive Architect Website [For Newbies]
Home Blog How to Embed Instagram Feed on Your Thrive Architect Website [For Newbies]

How to Embed Instagram Feed on Your Thrive Architect Website [For Newbies]

how to embed instagram feed on your thrive architect website

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.

thrive architect builder

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.

embed code for instagram

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.

best instagram feed pro plugin

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.

instagram feed pro guided flow

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.

reviews instagram feed pro plugin

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.

create new feed instagram feed pro

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.

select your feed type instagram feed pro

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.

instagram add source for feed

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.

select instagram account type popup

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.

allow access to instagram

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.

confirm account as source for instagram feed

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:

  • Default
  • Simple Grid
  • Simple Grid XL
  • Simple Row
  • Simple Carousel
  • Masonry Cards
  • Card Grid
  • Highlight

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.

live feed editor instagram feed

Ready to start personalizing the design of your Instagram feeds?

First, click on the Feed Layout option on the left.

edit layout for instagram carousel

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.

enable the carousel layout

For this tutorial, we’ll go with the carousel layout.

To continue personalizing your Instagram feed, click on the Customize button at the top.

return to main customization options

Next, you can go ahead and change the colors of your Instagram feed.

For that, select the Color Scheme option on the left.

click on color scheme option

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
color scheme options instagram feed pro

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.

embed instagram feed

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.

copy shortcode instagram feed

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.

add new page thrive architect

Want to use a WordPress post instead?

You can navigate to the Posts » Add New menu from your dashboard area instead.

add new post thrive architect

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.

normal or pre built page thrive

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.

thrive editor blank

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.

select your page design

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.

select design version

Finally, you can click on the Apply Template button below to continue.

select template thrive architect

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.

add content block in thrive

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.

drag and drop wordpress block

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.

instagram feed in thrive architect

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.

instagram feed thrive example

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.

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.

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.