How to Embed an Instagram Profile on a Website

October 31, 2025

Embedding your Instagram profile on your website is one of the smartest ways to turn passive site visitors into active followers and community members. It acts as dynamic, living social proof that showcases your brand’s personality and builds trust. This guide breaks down exactly how to add your Instagram feed to your site, from the simplest methods to the more powerful tools for creating a beautiful, customized grid.

Why You Should Embed Your Instagram Feed on Your Website

Before we get into the "how," let's quickly touch on the "why." Integrating your Instagram feed is more than just a design choice, it's a strategic move that offers several tangible benefits:

Boost Your Follower Count: It creates a direct, frictionless path for your website visitors - people already interested in your brand - to follow you on Instagram.
Automate Fresh Content: Every time you post on Instagram, your website content updates automatically. This keeps your site looking fresh and dynamic without any extra work.
Increase Social Proof and Trust: A vibrant Instagram feed shows potential customers that you have an active, engaged community. User-generated content, customer photos, and behind-the-scenes posts build authenticity that static web pages can't match.
Enhance User Engagement: An interactive feed can keep visitors on your site longer, reducing bounce rates and giving them more opportunities to connect with your brand.

Method 1: Using Instagram's Native Embed Feature (For a Single Post)

Instagram provides a built-in feature to embed content, but it comes with a significant limitation: it only works for individual posts, not your entire profile grid. This method is perfect if you want to highlight a specific announcement, a customer testimonial, or a particularly popular Reel on a blog post or landing page.

It’s fast, free, and incredibly simple. Here’s how to do it:

Step-by-Step Guide:

Find Your Post on a Desktop Browser: Open your web browser (like Chrome, Firefox, or Safari) and navigate to the specific Instagram post you want to embed. You cannot get the embed code from the mobile app.
Open the Options Menu: Click the three dots (...) in the top-right corner of the post.
Select "Embed": A new window will appear. Click on the "Embed" option from the menu.
Copy the Embed Code: Instagram will generate a snippet of HTML code. You can choose whether or not to include the caption by checking or unchecking the "Include caption" box. Click the "Copy Embed Code" button.

<,blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/CXYZ123abc/" data-instgrm-version="14" style=" background:#FFF, border:0, border-radius:3px, box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15), margin: 1px, max-width:540px, min-width:326px, padding:0, width:99.375%, width:-webkit-calc(100% - 2px), width:calc(100% - 2px),">,<,div style="padding:16px,">, <,a href="https://www.instagram.com/p/CXYZ123abc/" style=" background:#FFFFFF, line-height:0, padding:0 0, text-align:center, text-decoration:none, width:100%," target="_blank">, <,div style=" display: flex, flex-direction: row, align-items: center,">, ...more code here... <,/div>,<,/a>,<,/div>,<,/blockquote>, <,script async src="//www.instagram.com/embed.js">,<,/script>,

Paste the Code into Your Website: Now, go to your website’s editor. Find the page or post where you want the Instagram post to appear and paste the code into an HTML block. In most modern builders, this is straightforward:
- WordPress: Use the "Custom HTML" block in the Gutenberg editor.
- Squarespace: Use the "Code Block" element.
- Wix: Use the "HTML iFrame/Embed" element.
- Shopify: Add a "Custom Liquid" section to your page or paste it into the HTML view of a product description.

Save your changes, and the Instagram post will appear beautifully formatted on your site.

Method 2: Using a Third-Party Widget (The Gold Standard for Profile Grids)

To display your entire profile grid, you'll need the help of a third-party tool. These widgets are designed specifically for this purpose and offer a level of customization and reliability that you can't get otherwise. They connect to your Instagram account via the official API and generate a simple code snippet for you to add to your site.

This is the recommended method for anyone serious about showcasing their Instagram presence.

What to Look for in an Instagram Feed Widget

When choosing a tool, consider these features:

Customization: Can you change the layout (grid, carousel, masonry), colors, spacing, and number of columns to match your brand?
Responsiveness: Does the feed look great on all devices, especially mobile phones?
Header Options: Can you customize the header to include your profile picture, bio, and a "Follow" button?
Filtering Capabilities: Some tools let you filter your feed by hashtag or even hide specific posts, giving you full control over what appears on your site.
Reliability and Support: Choose a well-regarded tool that keeps up with Instagram's API changes to prevent your feed from breaking.

Popular and trusted widget providers include tools like Elfsight, Curator.io, and Taggbox.

A General Step-by-Step Guide for Using a Widget:

While the exact steps vary slightly between providers, the general process is almost always the same.

Create an Account: Sign up for the widget service of your choice. Many offer a free plan to get you started.
Connect Your Instagram Account: Follow the on-screen prompts to connect your Instagram Business Profile. This usually involves authenticating through Facebook to grant the necessary permissions safely.
Customize Your Feed: This is the fun part. Play with the settings to design a feed that perfectly matches your website's aesthetic. Adjust the layout, color scheme, font, post style, and what info you want to display (likes, comments, etc.).
Generate and Copy the Code: Once you're happy with your design, the tool will provide you with a single line of JavaScript or an embeddable iFrame code. Copy this to your clipboard.
Paste the Code into Your Website: Just like with the single-post method, you'll paste this code snippet into an HTML block on your site builder. It will automatically generate and display your customized feed.

Method 3: Platform-Specific Plugins and Apps

If you're using a popular CMS like WordPress or an e-commerce platform like Shopify, you have another great option: dedicated plugins and apps available right in their marketplaces. These often provide the deepest integration with the platform and can be the easiest to manage long-term.

For WordPress Users

The WordPress plugin repository is full of excellent social media feed plugins. Tools like Smash Balloon Social Photo Feed or Spotlight Social Feeds are fan favorites because they are powerful yet easy to set up.

The workflow is typically:

Install and Activate the Plugin: Search for your chosen Instagram feed plugin from your WordPress dashboard, then install and activate it.
Connect Your Account: Navigate to the plugin’s settings page and follow the simple steps to connect your Instagram account.
Configure Your Feed: Use the intuitive visual builder to customize how your feed will look and feel.
Add the Feed to a Page: The plugin will provide a dedicated Gutenberg block or a shortcode (e.g., [instagram-feed]). Simply add this block or paste the shortcode onto any page, post, or widget area to display your feed.

For Shopify Store Owners

The Shopify App Store has numerous apps designed to help you create stunning, shoppable Instagram feeds. This is a game-changer for e-commerce brands, as you can tag products directly in the images on your site, allowing customers to shop the look and driving sales directly from your feed.

Just like WordPress plugins, the process is straightforward:

Find and Install an App: Search the Shopify App Store for an "Instagram feed" app and install it on your store.
Connect and Customize: Open the app from your Shopify admin, connect your Instagram account, and design your gallery.
Embed the Feed: The app will give you clear instructions on how to add the feed to your homepage or other pages, usually through Shopify's theme editor without needing to touch any code directly.

Best Practices for Your Embedded Instagram Feed

Simply adding the feed is only half the battle. To get the most out of it, follow these best practices.

Match Your Brand’s Vibe

Use the customization options provided by your tool. Change the background color, match the font to your website's typography, and select a layout that complements your site design. A feed that looks out of place can feel jarring, one that integrates seamlessly feels professional.

Choose a Strategic Location

Where you place your feed matters. Here are a few popular and effective spots:

In the Footer: This is a classic choice. It adds a visual splash to the bottom of every page without being intrusive.
On the Homepage: Placing your feed prominently on the homepage shows off your brand’s vitality from the moment a visitor arrives.
On an "About Us" or "Community" Page: This is a fantastic way to visually tell your brand’s story and highlight your community.

Mind Your Page Speed

Images and scripts can slow down a website. A good widget or plugin will handle this for you with features like "lazy loading," which only loads images as the user scrolls down the page. Try not to display too many photos by default (9-12 is often a good starting point) to keep initial load times quick.

Include a Clear Call-to-Action

Don't assume visitors will know what to do. Add a simple text headline above your feed with a clear call-to-action (CTA). Something as simple as "Follow our journey on Instagram @YourBrand" or "Join Our Community" with a follow button encourages action.

Final Thoughts

Adding an Instagram profile to your website bridges the gap between your social media presence and your primary digital hub. Whether you choose a simple single-post embed, a WordPress plugin, or a versatile third-party widget, you’re creating a powerful new way to gain followers, build trust, and keep your website content exciting and current.

Once your feed is embedded, keeping that grid filled with high-quality, engaging content is what truly brings it to life. At Postbase, we built our platform to take the chaos out of social media management. Our visual content calendar lets you plan your strategy at a glance, and our reliable, video-first scheduling ensures your posts go live exactly when they should. It gives you the power to focus on creating great content without getting lost in the weeds of managing multiple platforms.

Spencer Lanoue

Spencer's spent a decade building products at companies like Buffer, UserTesting, and Bump Health. He's spent years in the weeds of social media management—scheduling posts, analyzing performance, coordinating teams. At Postbase, he's building tools to automate the busywork so you can focus on creating great content.

Stop wrestling with outdated social media tools

Wrestling with social media? It doesn’t have to be this hard. Plan your content, schedule posts, respond to comments, and analyze performance — all in one simple, easy-to-use tool.

Schedule your first post

The simplest way to manage your social media