How to Embed an Instagram Post on Squarespace

Embedding an Instagram post on your Squarespace site is a fantastic way to blend your social media presence with your website, creating a more dynamic and engaging experience for your visitors. Instead of just linking to your profile, you can bring your best content directly onto your pages. This guide will walk you through exactly how to do it using two different methods, explaining the benefits of each so you can choose the right one for your goals.

Why Should You Embed Instagram Posts on Squarespace?

Before jumping into the "how," let's quickly cover the "why." Integrating Instagram content isn't just about making your site look good, it's a strategic move that delivers real benefits for your brand.

• Boosts Social Proof: Displaying user-generated content (UGC) or glowing testimonials from Instagram acts as powerful social validation. When potential customers see others happily using your products or services, it builds instant trust.
• Keeps Your Website Fresh: A website can sometimes feel static. An embedded Instagram feed, especially one that updates automatically, breathes life into your pages with a constant stream of new, relevant content without you having to manually update the site.
• Increases Engagement Everywhere: By embedding posts, you make it easy for site visitors to follow you, like, or comment on Instagram directly from the embedded post. This drives your website traffic over to your social platform, helping you grow your audience.
• Enhances Your Brand's Story: Your website shows what you sell, but your Instagram often shows who you are. Embedding your feed allows you to showcase your brand's personality, aesthetic, and community, telling a richer, more authentic story.
• Highlights Promotions and Announcements: Did you run a great giveaway, announce a new product, or share a major update on Instagram? Embed that specific post on a relevant page - like your homepage or a product announcement blog post - to maximize visibility and impact.

Method 1: Embedding a Single Instagram Post (The Manual Way)

Sometimes you don’t need your entire feed on your website. You just want to highlight one specific, high-impact post. Maybe it's a stellar customer review, a beautiful product shot, or a video tutorial. For this, Instagram’s native embed code is the perfect tool.

This method gives you precise control over exactly what content appears on your site. It’s ideal for adding visual testimonials to a case study page, embedding a product demo on a sales page, or showcasing a featured artist on your portfolio.

Step-by-Step Instructions

Step 1: Locate the Instagram Post

Open Instagram in your web browser (you can’t get the embed code from the mobile app). Navigate to the specific post you want to feature on your Squarespace site. It can be one of your own posts or a post from another public account (just make sure you have permission if it's user-generated content!).

Step 2: Get the Embed Code

Click on the three dots (...) in the top-right corner of the post. A menu will pop up. Select "Embed" from the options.

Step 3: Copy the Embed Code

Another window will appear showing a preview of the embedded post. You’ll see a bit of code below it. You can choose whether or not to include the caption by checking or unchecking the "Include caption" box. Once you're ready, click the "Copy Embed Code" button. This copies the entire HTML snippet to your clipboard.

<,blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/CXYZ123..." data-instgrm-version="14" ...>,...<,/blockquote>,

Step 4: Add a Code Block in Squarespace

Now, head over to your Squarespace editor. Go to the page and section where you want the Instagram post to appear. Click an insert point ("+" icon) to add a new content block. In the blocks menu, search for or scroll down to the "Code" block and select it.

Step 5: Paste and Save

A Code Block editor will pop up. Delete any default placeholder text (like "<,p>,Hello, World!<,/p>,"). Make sure the display mode is set to "HTML." Now, paste the embed code you copied from Instagram directly into the text box. Click out of the block, and you should see a script disabled message. Don't worry, this is normal in the editor. Click "Save" in the top-left corner of the page editor, and the live page will display your perfectly embedded Instagram post.

Method 2: Embedding an Instagram Feed with Squarespace's Block (The Automated Way)

If your goal is to showcase a live, updating gallery of your latest Instagram content, then using Squarespace's built-in Instagram Block is the easiest and most efficient way to do it. This method is perfect for adding a dynamic "Follow Us On Instagram" section to your footer, creating a "lookbook" page powered by your feed, or just keeping your homepage vibrant and current.

The biggest advantage here is convenience. Once you set it up, the block automatically pulls in your latest posts, so your website stays fresh with zero manual effort.

Step-by-Step Instructions

Step 1: Add the Instagram Block

Navigate to the page and section in Squarespace where you want your feed to appear. Click an insert point ("+" icon) to add a new block. In the block menu, type "Instagram" into the search bar or find it under the "Social" section.

Step 2: Connect Your Instagram Account

When you add the Instagram block for the first time, it will prompt you to connect an account. Click the "Account" dropdown and select your Instagram profile if it's already connected to Squarespace. If not, click "Add an account" and follow the on-screen prompts to authorize Squarespace to access your Instagram content. You'll need to log into your Facebook account that is linked to your Instagram Business profile.

Step 3: Customize Your Feed's Design

Once your account is connected, click on the "Design" tab in the block's settings. Here's where you can get creative and make the feed match your site's aesthetic. You have several options:

• Layout: Choose how you want to display your posts. You can select a clean grid, a dynamic slideshow, a stacked layout, or a carousel.
• Aspect Ratio: Pick from different crop ratios like Square (1:1), Vertical (2:3), or Horizontal (3:2) to control how your images appear.
• Posts Per Row / Columns: Adjust the slider to determine how many posts fit in each row, allowing you to create anything from a small, single-column strip to a wide, expansive gallery wall.
• Spacing: Control the amount of padding between images to create a tight, seamless look or a more open, airy feel.

You can also choose whether to show the content on hover as a solid or gradient overlay, making it interactive for your visitors.

Step 4: Save and You're Done!

Once you're happy with the look and feel of your embedded feed, simply close the block editor and click "Save" on the page. Your live, automatically updating Instagram feed is now officially part of your Squarespace website.

Best Practices for Embedding Instagram Content

Getting the content on your site is one thing, using it effectively is another. Here are a few quick tips to make sure your embedded posts have the biggest impact.

• Place it with Purpose: Don't just stick your feed in the footer because everyone else does. Embed specific product posts on their corresponding product pages. Add a curated feed of UGC to a "Community" page. Place a compelling video testimonial right on your homepage. Context matters.
• Always Get Permission for UGC: If you're embedding someone else's content, especially a positive review or photo featuring your product, it's a best practice to ask for their permission first. A quick comment or DM is usually all it takes.
• Mind Your Page Speed: While modern and effective, embedding too much third-party content can slow down your site's load time. Use your Instagram feeds strategically. One well-placed grid is better than three different feeds scattered across the same page.
• Choose the Right Method for the Job: Use the single post embed for high-impact, specific placement. Use the Instagram Block for a general, dynamic showcase of your brand's latest activity. Knowing which tool to use is half the battle.

Final Thoughts

Embedding Instagram posts on your Squarespace site is a remarkably simple way to enhance social proof, keep your content looking fresh, and create a stronger bridge between your brand's online platforms. Whether you're highlighting a single rave review or showcasing your entire visual identity through a live feed, it only takes a few clicks to make it happen.

Bringing your best social content to your website transforms it into a dynamic hub, but of course, this relies on having great content to begin with. The real day-to-day work is in planning, scheduling, and engaging with your audience to create those embed-worthy moments. We’ve found the grind of managing multiple platforms is where most creators get stuck, dealing with buggy schedulers or tools not built for video. That's precisely why we built Postbase - to create a simple, reliable hub for all your social media that handles planning, scheduling (especially short-form video in its original format), and engagement in one clean space, letting you focus on creating content people love.