Squarespace

Instagram Widget for Squarespace: Complete Setup Guide (2026)

FeedPane Team·February 21, 2026·5 min read

Squarespace's built-in Instagram block was removed in 2023 following Meta API changes — leaving thousands of site owners searching for alternatives. Here's the best way to get your Instagram feed back on your Squarespace site in 2026.

What happened to Squarespace's native Instagram block?

In 2022–2023, Meta (Instagram's parent company) made significant changes to its API access policies, requiring all third-party app developers to go through a formal App Review process. Squarespace chose not to maintain this integration, removing the native Instagram block from their platform.

The result: if you want Instagram on your Squarespace site, you now need a third-party widget. The good news is this actually gives you more control — you choose the layout, customise the appearance, and aren't dependent on Squarespace to maintain the integration.

What you'll need

  • A Squarespace website (any plan)
  • A FeedPane account (free — sign up here)
  • An Instagram business or creator account
  • For Code Injection (sitewide): Squarespace Business plan or higher

Method 1: Code Block (works on any Squarespace plan)

This places the Instagram feed on a specific page. Perfect for a homepage section, portfolio page, or "Follow us" section.

  1. Log in to FeedPane, connect your Instagram, and copy your embed code
  2. In your Squarespace site editor, navigate to the page where you want the feed
  3. Click Edit to enter edit mode
  4. Click the + button where you want to add the widget
  5. Select Code from the block list
  6. Paste your FeedPane embed code into the code block
  7. Click Apply, then Save

The widget will appear as a placeholder in the editor. Open a preview or your live site to see the actual Instagram feed.

Method 2: Code Injection (sitewide — Business plan+)

This adds the widget to your entire site's footer, making it appear on every page. Great for establishing a persistent brand presence.

  1. In your Squarespace dashboard, go to Settings → Advanced → Code Injection
  2. In the Footer field, paste your FeedPane embed code
  3. Click Save

The widget will now appear in the footer of every page on your site. You can control its appearance using the FeedPane data attributes.

See FeedPane in action

Loading Instagram feed…

Customising the widget on Squarespace

FeedPane's widget is customisable via data attributes on the embed tag. Here are the most useful options for Squarespace:

3-column grid (default):

<script src="https://feedpane.com/widget.js" data-key="YOUR_KEY"></script>

Horizontal slider — great for Squarespace's full-width sections:

<script src="https://feedpane.com/widget.js" data-key="YOUR_KEY" data-layout="slider" data-cols="4"></script>

4-column grid with rounded corners:

<script src="https://feedpane.com/widget.js" data-key="YOUR_KEY" data-cols="4" data-radius="8" data-gap="6"></script>

Best practices for Squarespace layouts

  • Wrap in a spacer section. Add some padding above the code block to give it breathing room within your Squarespace layout.
  • Add a heading block above it. Something like "Follow Us on Instagram @yourbrand" with a link to your profile makes the section feel intentional.
  • Use full-width sections for sliders. Squarespace's full-width section container pairs beautifully with the FeedPane slider layout.
  • Match column count to your design. For minimalist Squarespace designs, a 4 or 5-column grid with tight gaps looks sleek. For content-heavy designs, 3 columns is easier to read.

Troubleshooting common Squarespace issues

The widget shows in editor but not on the live site

The opposite is usually true — the widget shows a placeholder in the editor but renders live on the published site. If it's not showing on your live site, confirm your Instagram account is connected in the FeedPane dashboard and your embed code contains the correct API key.

Code Injection not available on my plan

Code Injection requires the Business plan or higher. If you're on a Personal plan, use the Code Block method (Method 1) instead — it has no plan restrictions.

Images load slowly

FeedPane images load lazily — only when they scroll into view. On the first load, there may be a brief moment where the grid skeleton appears before images populate. This is normal behaviour and doesn't affect your Squarespace page speed score.

Summary

With Squarespace's native Instagram integration gone, a third-party embed code is the cleanest replacement. FeedPane takes under 2 minutes to set up, works on any Squarespace plan via the Code Block method, and auto-syncs with your Instagram hourly.

Ready to add your Instagram feed?

Free forever. One line of code. Setup in under 60 seconds.

Try FeedPane Free →
FP

FeedPane Team

We build Instagram widget tools for businesses of all sizes. feedpane.com