How to Add Instagram to a Squarespace Website

Displaying your live Instagram feed on your Squarespace website is a powerful way to add fresh content, showcase your brand's personality, and provide instant social proof. This guide walks you through connecting your account using Squarespace's built-in tools, embedding specific posts, and implementing best practices to make your feed look its best.

Why Connect Your Instagram to Your Squarespace Site?

Before getting into the steps, it’s worth touching on why this is such a good idea. Integrating your Instagram is about more than just adding a few pictures to your homepage. It’s a strategic move that provides a few key benefits.

• Keep Your Content Fresh: A static website can feel dated quickly. An active Instagram feed constantly injects new, dynamic visuals onto your pages, showing visitors that your brand is active and current without you having to manually update website galleries.
• Build Instant Social Proof: When potential customers see an active and engaged Instagram community showcased directly on your site, it builds trust. It signals that you have a real, breathing brand that people are connecting with.
• Strengthen Your Brand's Visual Identity: Your Instagram grid is a carefully curated visual story. Bringing that story onto your website reinforces your brand’s aesthetic, creating a cohesive experience for visitors as they move from your social profiles to your online home.
• Increase Instagram Followers: For site visitors who may not have come from social media, embedding your feed is a great way to cross-promote your Instagram account. It gives them a reason to click "follow" and stay connected with your brand on another platform.

The Easiest Method: Using Squarespace's Built-in Instagram Block

Squarespace has a dedicated "Instagram Block" that makes this process incredibly simple. It’s the fastest and most common way to get your full feed up and running. Here’s exactly how to do it.

Step 1: Choose Your Page and Find an Insertion Point

First, navigate to the Squarespace page where you want your Instagram feed to appear. Common places include the home page, the footer (for site-wide display), a contact page, or a dedicated "Community" page. Once you're on the page, click the Edit button in the top left corner. Now, hover over the section where you want to add the feed and click on an insertion point (the blue + Add Block icon).

Step 2: Add the Instagram Block

A menu of content blocks will pop up. In the search bar at the top, just type “Instagram” and select the Instagram Block when it appears. The block will be added to your page, showing a placeholder and a prompt to connect your account.

Step 3: Connect Your Instagram Account

After adding the block, a configuration window will open. If you haven't connected your Instagram to your Squarespace site before, you’ll see an Account dropdown menu with an option to Add an account.

• Click Add an account.
• A pop-up will appear asking for authorization to connect with your Instagram/Facebook account.
• Log into your Facebook account that is linked to your Instagram Business profile. The integration requires an Instagram Business account connected to a Facebook Page, which is standard for most brands and creators.
• Follow the on-screen prompts to grant Squarespace permission.

Once connected, your feed should instantly populate the block. If you have multiple Instagram accounts linked, you can choose the correct one from the dropdown menu.

Step 4: Customize the Look &, Feel

This is where you make the feed fit your website's design. Clicking the pencil icon on the Instagram Block opens its editor, which has a Design tab full of customization options. Let's look at the most important ones:

• Layout: You can choose from a few display types. A Grid is the most common and classic look. A Carousel (or Slideshow) lets users slide through posts one by one, which can be great for saving space. Stacked displays your posts in a single, full-width column.
• Aspect Ratio: Do you want your images cropped into unified squares (1:1), or do you want them to keep their original aspect ratios (Auto)? You can also choose other crops like 3:2 or 4:3. Square is typically the cleanest look for a grid.
• Items Per Row: If you're using the grid layout, you can decide how many posts you want to show per row. A common choice is 3 or 4 columns, but you can go up to 10 for a denser feel.
• Number of Items: Control how many posts are displayed in total. You can show anywhere from 1 to 20 images. A good starting point is between 6 and 12, as showing too many can potentially slow down your page loading speed.
• Slider/Carousel Options: If you chose a carousel or slideshow layout, you'll see options to enable auto-play, add navigation arrows, or display "next" and "previous" controls.

Once you're happy with the settings, click Save in the top left corner to exit the page editor. Your live feed is now part of your website!

Advanced Tip: How to Embed a Single Instagram Post

Sometimes you don't want your entire feed - you just want to highlight a single, spectacular post. Maybe it's a customer testimonial, a product announcement, or a Reel that performed exceptionally well. For this, you’ll bypass the Instagram Block and use the Code Block instead.

1. Get the Embed Code from Instagram

Go to Instagram.com on a desktop browser and navigate to the specific post you want to feature. Click the three dots (...) in the top-right corner of the post and select Embed. A small window will appear with HTML code. Just click Copy Embed Code.

2. Add and Configure a Code Block in Squarespace

Head back to your Squarespace page editor. Add a new block where you'd like the post to be, but this time search for and select the Code Block. A black box with "Hello, World!" placeholder text will appear.

<,p>,Hello, World!<,/p>,

3. Paste The Instagram Code

Click the pencil icon to edit the Code Block. Delete the placeholder text and paste the embed code you copied from Instagram. Click out of the editor, and a live, interactive preview of your Instagram post will appear on your page. Visitors can even play the video, view the like counts, and read the comments right from your website. Click Save to confirm your changes.

Best Practices for Your On-Site Instagram Feed

Just connecting your feed isn't enough. How you display and manage it matters. Here are a few tips to make sure it enhances your site, rather than distracts from it.

• Be intentional about placement. Don't just throw the feed on your homepage. Consider its purpose. On the footer, it acts as a constant, subtle source of fresh content. On an "About" page, it can add personality and show the faces behind the brand. On a "Contact" page, it can signal that you're active and reachable.
• Remember that your website audience is VIP. Everything you post on Instagram could now appear on your website automatically. Be mindful of your on-site content curation. What works on Instagram (like a quick behind-the-scenes meme) might not perfectly align with the tone of your professional website. Keep your feed on-brand and high-quality.
• Don't tank your page speed. More images mean more data for a browser to load. A grid of 20 high-resolution images can significantly impact your site’s performance. Stick to displaying a more reasonable number of posts, such as 8 or 12. Most visitors won't scroll through more than that anyway.
• Add a clear call to action. The goal isn't just to show photos, it's to gain a follower. Add a simple Text Block above your Instagram feed with a heading like "Follow Our Journey on Instagram" and link directly to your profile. This transforms your passive photo gallery into an active lead generator for your social media.

Troubleshooting Common Connection Issues

Sometimes things don't go perfectly. Here are a couple of common hiccups and how to quickly fix them.

• Problem: The feed is not updating with new posts.
  Solution: This is often a caching issue. Squarespace sometimes takes a few hours to pull the latest posts from Instagram's API. First, try logging out of your Squarespace account and logging back in. If that doesn't work, give it a few hours before getting concerned. If it persists for over 24 hours, try re-authenticating your account.
• Problem: The connection failed or images are not appearing.
  Solution: Your account authorization has likely expired. To fix this, go to your main Squarespace dashboard and navigate to Settings >, Connected Accounts. Click on your Instagram account and then click Disconnect. Now, go back to your Instagram page Block and reconnect your account from scratch. This re-establishes a fresh, secure connection and solves the problem 99% of the time.

Final Thoughts

Connecting your Instagram feed to your Squarespace site is an effective and refreshingly simple process. Whether you go for the full-feed Instagram Block or embed a single post with the Code Block, you're making your site more dynamic, visually engaging, and trustworthy in just a few clicks.

Of course, an on-site feed is only as good as the content you post on Instagram. Keeping that feed full of engaging content, especially modern formats like Reels and Shorts that showcase your brand's energy, can be a challenge. We built Postbase to solve this very problem. Our platform makes it straightforward to plan your content in a visual calendar, schedule video across all your platforms reliably, and manage all your comments in one place. It helps you build a vibrant, consistent Instagram presence that will look incredible on your Squarespace site, without all the usual headaches of managing social media.