How to Embed an Instagram Feed on a Website

Showing off your Instagram feed on your website is one of the smartest ways to boost social proof, keep your content fresh, and turn website visitors into loyal followers. This guide breaks down exactly how to embed an Instagram feed on any website, covering everything from simple, single-post embeds to fully customizable, dynamic grids.

Why Embed Your Instagram Feed on Your Website?

Before we get into the "how," let's quickly cover the "why." Connecting your Instagram directly to your website isn't just about making your site look good, it's a strategic move with real benefits.

• Fresh Content, Zero Effort: Your website gets a constant stream of new visual content every time you post on Instagram. This keeps your site feeling current and dynamic without you ever having to manually update an image gallery.
• Instant Social Proof: An active, engaging Instagram feed shows visitors that you have a real community and an active brand. It acts as a live testimonial, building trust and credibility with potential customers.
• Increased Engagement: An embedded feed gives website visitors a reason to stay longer. They can interact with your beautiful photos and videos, increasing time-on-page, which is a positive signal for SEO.
• More Instagram Followers: You create a direct pathway for website traffic to discover your Instagram profile. Many embedding tools include a "Follow" button, making it super simple for visitors to connect with you.
• Showcase User-Generated Content (UGC): If you run a hashtag campaign, you can display a feed of posts from your happy customers. This is powerful social proof that showcases your products in real-world scenarios.

Method 1: The Official Instagram Embed (For Single Posts)

The simplest way to get an Instagram post onto your site is by using Instagram’s own built-in embed feature. This is a great option if you just want to highlight a specific announcement, a customer testimonial, or a single amazing video.

The major drawback? You can only embed one post at a time. This method won't create the dynamic, multi-image grid that many brands are looking for. Still, it’s a useful tool to have in your back pocket.

Here’s how to do it:

1. Find Your Post: Open a desktop browser (this doesn't work on the mobile app) and navigate to the specific Instagram post you want to feature.
2. Open the Menu: Click the three horizontal dots (...) located in the top-right corner of the post.
3. Get the Code: A menu will appear. Click on Embed.
4. Copy the Code: A new window will pop up with a block of HTML code. Click the Copy Embed Code button. You can also choose whether or not to include the post's caption.
5. Paste it on Your Site: Go to the backend of your website. Find the page or post where you want the Instagram content to appear. Add a custom HTML block or switch to your text/code editor and paste the code snippet where you want it.

When you preview the page, your Instagram post should appear perfectly formatted. It's fast and easy, but again, if you want a full feed, you'll need a different approach.

Method 2: WordPress Plugins for a Dynamic Feed

If your website runs on WordPress, you're in luck. There are dozens of powerful plugins designed specifically to help you create and customize a beautiful Instagram feed. These tools connect to your Instagram account via an API and automatically pull in your latest posts. Here are a couple of the best options.

Smash Balloon Social Photo Feed

Smash Balloon is arguably the most popular and feature-rich Instagram feed plugin on the market. The free version offers more than enough to get you started, and the pro version adds features like hashtag feeds, shoppable links, and multiple layouts (carousel, masonry, etc.).

Here’s the basic setup process:

1. From your WordPress dashboard, go to Plugins >, Add New.
2. Search for "Instagram Feed Gallery" and you'll see Smash Balloon's plugin. Install and activate it.
3. Once activated, navigate to the new Instagram Feed menu item in your WordPress sidebar.
4. Follow the prompts to connect your Instagram account. You'll be asked to authorize the plugin to access your profile data.
5. After connecting, you can customize your feed's appearance. Choose the number of photos, columns, layout, and more. Even the free version gives you solid control.
6. To display the feed, go to the page or post where you want to add it. You can either copy the provided shortcode [instagram-feed] and paste it, or if you're using the Gutenberg block editor, find the "Instagram Feed" block and add it to your page.

Spotlight – Social Photo Feeds

Spotlight is another fantastic choice known for its incredibly intuitive live visual editor. It lets you see exactly what your feed will look like as you design it, taking all the guesswork out of the process. The setup is very similar to Smash Balloon: install, connect your account, design your feed, and then use a shortcode or block to add it to your site.

Using a plugin is the best method for most WordPress users because it blends convenience, control, and performance without needing to touch any code.

Method 3: Native Integrations for Shopify, Squarespace, and Wix

What if you're not on WordPress? Most modern website builders have understood how important social integration is, so they provide simple, built-in methods to add an Instagram feed.

Adding an Instagram Feed on Shopify

Shopify doesn't have a default Instagram block, but its App Store is packed with brilliant solutions. Apps like Instafeed, Covet.pics, and Taggbox are highly rated options that let you create galleries, shoppable feeds, and UGC showcases.

The process is straightforward:

1. Go to the Shopify App Store and search for "Instagram feed."
2. Choose an app that fits your budget and feature needs (many have great free plans).
3. Install the app and follow its instructions to connect your Instagram account.
4. Customize the feed design within the app’s dashboard.
5. Add the feed to your store, usually by putting a code snippet in your theme file or adding a section in the theme Customizer.

Many Shopify themes now also come with a pre-built Instagram feed section that you just need to authorize.

Adding an Instagram Feed on Squarespace

Squarespace makes this process extremely simple with its native "Instagram Block."

1. While editing a page, click a + icon to add a new content block.
2. Search or scroll down to find the Instagram Block and select it.
3. In the block’s settings, click the button to connect an Instagram account. You'll need to log in and authorize Squarespace.
4. Once connected, use the Design tab in the block's settings to choose the layout (grid, slideshow, carousel, stacked), the number of items to display, and other visual styles.

It's seamlessly integrated and requires no third-party tools.

Adding an Instagram Feed on Wix

Wix also offers an official app called "Instagram Feed" which makes the setup a breeze.

1. In the Wix Editor, click the Add Apps icon on the left-hand menu.
2. Search for "Instagram Feed" and select the official app by Wix.
3. Click +Add to add it to your site. A sample feed will appear.
4. Click on the feed, then click Settings. From there, you can connect your Instagram account.
5. In the Layout and Design tabs, you have full control over how you want your feed to look and feel.

Method 4: Powerful Third-Party Aggregator Tools

For the most flexibility and power, regardless of your website platform, third-party social media aggregator tools are the way to go. Platforms like Elfsight, Curator.io, and Taggbox are services dedicated to creating stunning social feeds.

These tools offer advantages you might not find elsewhere:

• They work on any website builder that lets you paste code.
• Advanced moderation panels let you hand-pick which posts appear.
• Combine feeds from multiple platforms (Instagram, TikTok, X, etc.) into one social wall.
• Gain detailed analytics on how users interact with your embedded feed.

The general workflow for these services is always the same:

1. Sign up for an account on their website.
2. Create a new "widget" or "feed" and select Instagram as the source.
3. Connect and authorize your Instagram account.
4. Use their visual builder to completely customize the look of your feed.
5. When you're happy with the design, they will provide a single line of JavaScript or HTML code.
6. Copy this code and paste it into a code block on your website. The feed will load in dynamically.

Though they are usually subscription-based, the level of control and professional appearance they provide is often worth the investment for serious brands.

Final Thoughts

Embedding your Instagram feed on your website is one of the most effective ways to leverage your social content, build credibility with site visitors, and grow your following. Whether you use Instagram's simple embed for a single post, a powerful WordPress plugin, your platform’s native block, or a third-party tool, there is a solution that fits your technical skills and marketing goals.

Of course, a beautiful feed starts with having great content to show off in the first place. Consistency in posting compelling photos and videos is what truly makes a feed worth following. We built Postbase to eliminate the friction from planning and scheduling social content for modern brands. Our visual calendar makes it easy to see your entire strategy at a glance, and we built our tool for an era of short-form video, so publishing Reels that will pop in your website feed is effortless. This lets you focus on creating content your audience loves, confident that your feed will always look its best.