How to Add an Instagram Feed to Squarespace

Your website feels static. Your Instagram stays active. Why not connect them?

Learning how to add an Instagram feed to Squarespace takes under 10 minutes and requires zero coding knowledge.

The built-in Instagram block pulls your latest posts automatically, keeping your site fresh without manual updates.

This guide walks you through the complete setup process: connecting your account, adding the block, choosing layouts, and fixing common sync issues.

You’ll also learn when to use third-party widgets like Elfsight or Taggbox instead of the native Squarespace integration.

Works with both Squarespace 7.0 and 7.1 templates. Professional Instagram account required.

How to Add an Instagram Feed to Squarespace

Adding an Instagram feed to a Squarespace website is the process of connecting your Instagram account and displaying posts directly on your pages using the built-in Instagram block.

Users need this when showcasing social content, building trust with visual proof, or keeping their site fresh without manual updates.

This guide covers 5 steps requiring 5-10 minutes and a Professional Instagram account (Business or Creator).

Prerequisites

Before you start, gather these requirements:

• Squarespace account with an active website (version 7.0 or 7.1)
• Instagram Professional account (Business or Creator profile)
• Both accounts logged in on the same browser
• Basic familiarity with the Squarespace block editor

Time estimate: 5-10 minutes for complete setup.

The Instagram block requires a Professional account for continuous content sync. Personal accounts cannot automatically update the feed display.

Step 1: How Do You Connect Your Instagram Account to Squarespace?

Open the Connected Accounts panel in Squarespace settings, click Connect Account, select the Instagram icon, and authorize access through the Instagram login popup to establish the API connection between both platforms.

Action

Navigate to Settings > Third Party Tools > Connected Accounts.

Click the black Connect Account button, then select the Instagram icon from the list.

A popup appears asking you to log into Instagram. Enter your credentials and click Allow to authorize Squarespace.

Expected result: Your Instagram account appears in the Connected Accounts list with a green checkmark.

Purpose

This connection allows Squarespace to pull your Instagram photos and sync them automatically. Without it, the Instagram block has no content source to display.

Step 2: Where Do You Add the Instagram Block on Your Page?

Open the page editor, click an insert point where you want the feed, select Instagram from the Integrations menu, and choose your connected account to place the social media feed block on your page.

Action

Go to Pages panel and select your target page. Click Edit to open the page editor.

Find a blue (+) insert point where you want the feed. Click it and scroll to Integrations > Instagram.

Select your connected Instagram account from the dropdown menu.

Expected result: An Instagram block placeholder appears on your page showing your recent posts.

Purpose

Block placement determines where visitors see your Instagram content. Most users add it to the homepage for visibility, the footer for user experience flow, or a dedicated gallery section.

If you’re still learning how to use Squarespace, the block editor works the same way across all page types.

Step 3: How Do You Configure the Number of Posts to Display?

Click the pencil icon on your Instagram block, adjust the Items slider in the Account tab to show between 1 and 20 posts, and watch the preview update in real time as you set your preferred display count.

Action

Hover over the Instagram block and click the pencil icon to open settings.

In the Account tab, locate the Items slider. Drag it left or right to set your post count (1-20).

The preview updates immediately so you can see how many posts fit your design.

Expected result: Your feed displays the exact number of Instagram posts you selected.

Purpose

Post count affects page load speed and visual balance. A grid system with 9 or 12 posts creates clean rows; odd numbers can leave gaps depending on your layout choice.

Step 4: How Do You Choose the Instagram Feed Layout Style?

Open the Design tab in your Instagram block settings, select from Grid, Slideshow, Carousel, or Stacked layouts, then adjust display options like auto-scroll speed and navigation controls to match your site design.

Action

Click the pencil icon on your Instagram block, then select the Design tab at the top.

Choose your layout style:

• Grid – displays all posts in rows; best for galleries
• Slideshow – shows one post at a time with arrows
• Carousel – horizontal scroll with multiple visible posts
• Stacked – vertical list format

Each layout has additional settings: auto-scroll toggle, transition speed, navigation arrows, and spacing controls.

Expected result: Your Instagram feed displays in the chosen format with your customized settings applied.

Purpose

Layout choice affects how visitors interact with your content. Grid works well for visual portfolios; CSS carousel styles keep users engaged with horizontal scrolling on mobile devices.

Step 5: How Do You Save and Publish Your Instagram Feed?

Click Save in the block editor to keep your settings, exit the editor, then click Publish in the top right corner to make your Instagram feed visible on your live Squarespace website.

Action

Click Save at the bottom of the block editor panel.

Click outside the block or press Exit to close the editor. Your changes are saved but not yet public.

Click Publish in the top right corner of the screen.

Expected result: Your Instagram feed appears on your live website, visible to all visitors.

Purpose

Squarespace separates saving from publishing. You can preview changes before going live, which helps when testing different CSS gallery layouts or post counts.

Need to make your entire site live for the first time? Check the guide on how to publish a Squarespace website.

Verification

After publishing, confirm your Instagram feed works correctly:

• Open your live page URL in a new browser window or incognito tab
• Count the posts displayed; should match your settings
• Check that the layout matches your selected design option
• Test on a mobile device for responsive design display
• Wait up to 30 minutes for new Instagram posts to sync automatically

The feed updates approximately every 30 minutes. New posts won’t appear instantly.

Troubleshooting

Issue: Instagram Block Shows “No Items to Display” Error

Go to Settings > Third Party Tools > Connected Accounts.

Click your Instagram account, check the Download Data box, click Reset Data, then Save. Refresh your page.

Issue: Feed Not Updating With New Posts

Disconnect your Instagram account in Connected Accounts. Delete the existing Instagram block from your page and save.

Add a new Instagram block and reconnect your account. The fresh connection forces a full data sync.

Issue: Block Not Appearing on Page

Disable browser ad blockers; they often hide social media embeds. Clear your browser cache and refresh.

If problems persist, try a different browser to rule out extension conflicts.

Issue: “Unauthorized” Error Message Displays

Your Instagram authorization expired. Go to Connected Accounts, click your Instagram account, click Disconnect.

Reconnect using a fresh Instagram login. Meta requires periodic reauthorization for third-party connections.

Alternative Method: Third-Party Widget

Squarespace’s native Instagram block works well for most users, but third-party tools like Elfsight, Taggbox, or Flockler offer additional features.

Native Instagram Block

• Time: 5-10 minutes
• Complexity: Basic
• Best for: Professional accounts needing simple grid or carousel display
• Limitations: No Reels, no Stories, no hashtag feeds, no Personal accounts

Third-Party Widget

• Time: 10-15 minutes
• Complexity: Basic to Intermediate
• Best for: Personal accounts, hashtag aggregation, shoppable feeds, Instagram Reels display
• Cost: Free tiers available; premium features require subscription

Choose Native Block when you have a Professional Instagram account and need standard post display with automatic updates.

Choose Third-Party Widget when you need Instagram Stories, Reels, hashtag filtering, advanced customization, or have a Personal account that can’t use the native block.

Third-party widgets use JavaScript embed codes pasted into a Code Block. The setup process involves creating a widget in the external tool, copying the code, then adding it to your Squarespace page.

Related Processes

Once your Instagram feed is live, consider these related Squarespace tasks:

• How to add Google Analytics to Squarespace – track how visitors interact with your feed
• How to create a landing page on Squarespace – build dedicated pages featuring your Instagram content
• How to change favicon on Squarespace – complete your brand presence across browser tabs
• How to add a pop up on Squarespace – capture email subscribers who engage with your social content

For broader site customization, learn how to edit Squarespace website elements beyond just the Instagram block.

FAQ on How To Add An Instagram Feed To Squarespace

Why Isn’t My Instagram Feed Showing on Squarespace?

Check your Connected Accounts panel and ensure Download Data is enabled. Click Reset Data to force a refresh.

Browser ad blockers often hide social media embeds. Disable extensions and clear your cache to test.

Do I Need a Professional Instagram Account for the Instagram Block?

Yes. Squarespace requires a Business or Creator account for the native Instagram block to sync content automatically.

Personal accounts can only embed individual posts manually using the Embed Block with Instagram’s embed code.

How Often Does the Squarespace Instagram Block Update?

The Instagram block refreshes approximately every 30 minutes. New posts won’t appear instantly on your website.

To force an immediate update, go to Connected Accounts, click your Instagram profile, and select Reset Data.

Can I Display Instagram Reels on My Squarespace Website?

The native Instagram block only displays standard posts. Reels, Stories, and IGTV content are not supported.

Third-party widgets like Elfsight or Flockler can display Reels. They require embedding a code snippet into a Code Block.

How Many Posts Can I Show in the Squarespace Instagram Feed?

The Instagram block displays between 1 and 20 posts. Adjust the Items slider in the block editor to set your preferred count.

Choose multiples of 3 or 4 for clean grid rows depending on your layout width.

Can I Filter Instagram Posts by Hashtag in Squarespace?

No. The native Instagram block pulls all recent posts from your connected account without filtering options.

Hashtag feeds require third-party tools like Taggbox. These widgets let you aggregate content by specific hashtags or mentions.

Why Does My Instagram Feed Say “Unauthorized” in Squarespace?

Meta requires periodic reauthorization for third-party connections. Your token expired.

Go to Settings > Third Party Tools > Connected Accounts. Disconnect your Instagram account, then reconnect with fresh login credentials.

Can I Add an Instagram Feed to My Squarespace Footer?

Yes. You can add an Instagram feed to your Squarespace footer by inserting the Instagram block in the footer section the same way you add it to any page.

Footer placement keeps social content visible across all pages without cluttering your main content areas.

Does the Instagram Block Work on Mobile Devices?

Yes. The Instagram block is fully responsive and adapts to different screen sizes automatically.

Test your chosen layout on mobile. Carousel and Slideshow formats often perform better than Grid on smaller viewports.

What’s the Difference Between Instagram Block and Embed Block for Instagram?

The Instagram block syncs your feed automatically and updates with new posts. It requires a Professional account.

The Embed Block displays single posts using Instagram’s embed code. Works with any account type but requires manual updates.

Conclusion

You now know how to add an Instagram feed to Squarespace using the native Instagram block. Five steps. Under 10 minutes. No code required.

The Connected Accounts panel handles the authorization with Meta. The block editor gives you control over grid layout, carousel display, and post count.

Keep your feed placement strategic. Homepage for visibility. Footer for consistent social proof across all pages.

When the native block falls short, third-party widgets fill the gaps. Hashtag feeds, Reels, shoppable content.

Your Instagram already works hard to build your audience. Now your Squarespace site displays that visual content automatically.

Fresh posts sync every 30 minutes. Your website stays current without manual updates.