How to Embed Instagram Feed in Squarespace: Turn Your Instagram Into a Visual Showcase

How to Connect Instagram to Squarespace

Before you can embed your Instagram feed on Squarespace, you need to connect your Instagram account. This is a one-time step that unlocks the native Instagram Block and keeps your feed synced automatically.

Step 1: Connect Your Instagram Account in Squarespace Settings

Open your Squarespace dashboard and navigate to Settings, then scroll down to Connected Accounts. Click Add Account, select Instagram from the list, and follow the prompts to log in to your Instagram account. Squarespace will ask for permission to access your profile and media - approve these to allow the feed sync to work.

Once connected, your Instagram account will appear in the Connected Accounts list with a green status indicator. Squarespace pulls your most recent posts and keeps the feed updated automatically as you post new content. Note that you must connect a personal or creator Instagram account - business accounts connected through a Facebook Page use a slightly different OAuth flow but follow the same steps.

Step 2: Confirm Your Account Is Linked

After connecting, return to any page editor and add a new block. If your Instagram account is properly linked, you will see the Instagram Block available in the Social category. If it does not appear or shows an error, disconnect and reconnect the account - this resolves most authentication issues. Squarespace's connection to Instagram periodically requires re-authorization, so if your feed goes blank in the future, this is usually the fix.

How to Add an Instagram Feed to Squarespace Using the Instagram Block

The Instagram Block is Squarespace's native tool for embedding your Instagram feed. It is the simplest method and works without any third-party tools or custom code. Understanding how to add an Instagram feed to Squarespace via the block editor is the right starting point for most users.

Adding the Instagram Block to a Page

Open the page where you want your Instagram feed to appear and click the plus icon to add a new block. Type "Instagram" in the block search bar or find it under the Social section. Select it, and Squarespace will automatically pull in your connected account's most recent posts in a grid layout.

By default, the Instagram Block displays your latest posts in a row or grid. You can configure the number of posts shown (typically between 3 and 20), the number of columns, and whether each image links back to the original Instagram post. These settings are in the block's design panel on the left side of the editor. The block updates automatically whenever you publish new content on Instagram - there is no need to manually refresh or re-embed.

Customizing the Instagram Feed Layout

Squarespace gives you several layout options for the Instagram Block. You can choose between a grid view (equal-sized thumbnails in columns) and a strip view (a horizontal scrolling row of images). For most sites, the grid layout works best because it shows more content without taking up excessive vertical space. The strip is a good choice for portfolio sections or pages where you want the feed to feel more like a gallery.

To adjust colors, spacing, and thumbnail size, use the Design panel. You can also control whether image captions appear on hover, which adds context without cluttering the layout. For deeper customization of how your Instagram section looks alongside the rest of your page, our guide to Squarespace design tips covers layout principles that apply here too.

How to Embed an Instagram Post or Reel in Squarespace

Embedding a single Instagram post or Reel is different from displaying a live feed. This method lets you pull any public Instagram post - including Reels - directly into a Squarespace page using Instagram's native embed code.

How to Embed a Single Instagram Post

On Instagram, open the post you want to embed. Click the three-dot menu in the top right corner of the post and select Embed. Instagram will generate an embed code snippet - copy it. In your Squarespace editor, add a Code Block to the page where you want the post to appear and paste the embed code into it. Save the block, and the Instagram post will render inline on your page, complete with the caption, like count, and a link back to your profile.

This method works for photos, carousels, and standard video posts. The embedded post loads from Instagram's servers, so it always reflects the current state of the post - if you update the caption or add a tag, the embedded version updates automatically.

How to Embed an Instagram Reel in Squarespace

Embedding an Instagram Reel in Squarespace follows the same process as embedding a post, but there is one important distinction. Reels use a slightly different embed format and - depending on your Squarespace template and browser - may render at a tall portrait aspect ratio. To manage this, wrap the embed code in a container div with a fixed height, or use a max-width style to constrain the Reel to a column rather than full-width.

Here is a simple wrapper you can add around the Instagram Reel embed code in your Code Block to control its size on desktop and mobile:

<div style="max-width: 540px; margin: 0 auto;"></div>

Replace the bracket placeholder with the actual embed code from Instagram. This centers the Reel and prevents it from stretching across the full page width on larger screens. If you want to go further with custom styling, our guide to adding custom CSS to Squarespace walks through exactly how to target and style embedded elements.

Third-Party Instagram Widget Tools for Squarespace

The native Instagram Block works well for basic feed display, but it has real limitations - you cannot filter by hashtag, show content from other accounts, display Reels in a dedicated grid, or customize the layout beyond what Squarespace's block editor allows. Third-party Instagram widget tools fill that gap and are the best solution for anyone who wants a squarespace instagram feed with more control.

Elfsight

Elfsight is one of the most popular Instagram widget tools for Squarespace. It offers a visual builder where you select a layout (grid, slider, masonry, or carousel), filter by hashtags or account, and configure how many posts to display. Once built, Elfsight gives you a code snippet to paste into a Squarespace Code Block - the widget loads from Elfsight's CDN and updates automatically. The free plan displays a small Elfsight badge; paid plans remove it and unlock more layouts.

Curator.io

Curator.io lets you aggregate content from Instagram and other social platforms into a single embedded feed. It is useful if you want to show Instagram posts alongside content from LinkedIn or Twitter/X in one unified widget. Setup is similar to Elfsight - connect your Instagram account in the Curator dashboard, configure the feed, and embed the generated script in a Squarespace Code Block. Curator's free tier is generous enough for most small sites.

Behold (formerly Snap Widget)

Behold is purpose-built for Instagram feeds and offers some of the cleanest grid layouts available. It supports Reels, carousels, and standard posts, and lets you filter what appears in your feed. The embed is a single script tag that goes into a Squarespace Code Block - no iframe required. Behold's free plan includes up to 25 posts and one feed.

When to Use a Third-Party Tool vs. the Native Block

Use the native Instagram Block if you want a simple, automatic feed with minimal setup and are happy with Squarespace's default grid layout. Use a third-party tool if you need hashtag filtering, Reels-specific layouts, multiple accounts, or a design that matches your site more precisely. For most professional sites, a third-party tool produces a noticeably better result - and the added customization is worth the extra setup time.

Styling Your Instagram Feed on Squarespace

Whether you are using the native block or a third-party widget, the way your Instagram feed looks on your Squarespace site matters. A poorly styled feed can undermine the professionalism of an otherwise well-designed page. Getting the styling right comes down to a few core principles.

Matching the Feed to Your Site's Design

Your Instagram feed should feel like a natural part of your Squarespace page, not a widget dropped in from somewhere else. Choose a layout that matches the visual weight of the surrounding sections. A full-width grid works well on a homepage; a narrower column grid suits a sidebar or about page. For more guidance on how design decisions affect the overall feel of your site, our guide to customizing your Squarespace website is a useful companion to this one.

Adding a Section Header and Follow CTA

Always add a heading above your Instagram feed section and a call-to-action below it. Something as simple as "Follow Us on Instagram" above the grid and "See More on Instagram" as a button below it dramatically improves click-through to your profile. Without these anchors, visitors often scroll past the feed without registering what it is or taking any action. Treat the Instagram section like any other conversion element - it needs a headline, the content, and a next step.

Controlling Feed Width and Spacing

If the native Instagram Block looks too wide or too cramped on your site, the easiest fix is to place it inside a narrower content column using Squarespace's layout controls, or to add a custom CSS rule that limits the block's max-width. A feed that spans the full 100% width of a wide-format template can look overwhelming - constraining it to 80% or adding generous padding on both sides creates a more balanced result. Our guide to Squarespace SEO also covers how page layout and content hierarchy affect search rankings, which is relevant if you are adding a feed to a key landing page.

Troubleshooting Common Instagram Embedding Issues on Squarespace

Even when everything is set up correctly, Instagram embedding on Squarespace can run into problems. Here are the most common issues and how to fix them.

Instagram Feed Not Showing or Showing a Blank Block

If your Instagram Block shows a loading spinner that never resolves, or appears blank, the most likely cause is an expired connection. Go to Settings, Connected Accounts, find your Instagram account, and click Disconnect. Wait 30 seconds, then reconnect the account. This refreshes the OAuth token and usually fixes the blank feed immediately. If the problem persists, try a different browser - Squarespace's editor occasionally has display issues in certain browser versions.

Instagram Embed Code Not Rendering in Squarespace

If you have pasted Instagram's embed code into a Code Block and nothing appears, check that the Code Block is set to HTML mode, not Markdown. Squarespace Code Blocks have a mode toggle in the bottom left corner of the code editor - switch it to HTML if it is showing Markdown or plain text. Also ensure you pasted the full embed snippet including the script tag at the bottom, which is required for Instagram's oEmbed to initialize correctly.

Reels Not Playing in Embedded Format

Instagram Reels embedded via the native embed code will play inline on most modern browsers, but some mobile browsers restrict autoplay for privacy reasons. This is expected behavior and not a Squarespace bug. To maximize compatibility, add the wrapper div described in the Reels section above and make sure your page does not have any Content Security Policy headers that block Instagram's scripts - this can happen if you have custom headers set in Squarespace's Advanced settings.

Start Embedding Your Instagram Feed on Squarespace Today

Adding a live Instagram feed to your Squarespace site is one of the simplest ways to build social proof, increase time-on-page, and keep your site feeling current without manually updating it. Whether you use the native Instagram Block for a quick setup or a third-party widget for a more polished result, the steps are straightforward and the payoff is immediate.

Connect your Instagram account, choose the right embed method for your needs, and style the section so it feels like part of your site rather than an afterthought. Once it is live, your Instagram content works double duty - building your profile and your website at the same time.