How to Add a Social Media Feed to Squarespace

Adding your social media feed directly to your Squarespace site is a game-changing move for bridging the gap between your brand's home base and its social community. It keeps your site content fresh, offers powerful social proof, and encourages visitors to follow you for more updates. This guide will walk you through exactly how to add a social feed using Squarespace's built-in tools and more powerful third-party options.

Why You Should Add a Social Media Feed to Your Website

Before jumping into the "how," let's quickly cover the "why." Displaying your social content on your website isn't just about aesthetics, it's a strategic decision that offers several powerful benefits for your brand.

• Endless Fresh Content: Your website might only get updated periodically, but your social media is likely updated several times a week, if not daily. Embedding a feed instantly pulls this new, dynamic content onto your site, keeping it from feeling static and giving repeat visitors something new to see.
• Powerful Social Proof: A lively and engaging social feed shows potential customers that you have an active community and a pulse on your industry. When visitors see real people interacting with your brand - especially through user-generated content - it builds trust and credibility far more effectively than static testimonials.
• Increased Follower Growth: Your website visitors are already interested in what you offer. By putting your social media feed front and center, you make it incredibly easy for them to click through and follow you. It's a low-friction way to convert website traffic into a dedicated social audience that you can engage with long-term.
• Deeper Brand Storytelling: Your social media profiles often showcase a more casual, behind-the-scenes look at your brand. Embedding this content onto your site adds a layer of personality and authenticity that product pages or formal "About Us" sections can't always capture.

Method 1: Using Squarespace's Native Instagram Block

The simplest way to get started is by using Squarespace's built-in block for Instagram. It's quick, easy, and requires no third-party accounts or code. However, as the name implies, this method is limited only to Instagram. If that's your primary platform, this is the perfect solution for you.

Step-by-Step Guide to Adding the Instagram Block

Follow these simple steps to get your Instagram feed up and running in minutes.

1. Enter Edit Mode on Your Page

Navigate to the Squarespace page where you want the feed to appear. In the top-left corner, click the Edit button. The page editor will open, allowing you to add and arrange content blocks.

2. Add the Instagram Block

Find the section on the page where you'd like your feed located. Hover your cursor until an "Add Block" button with a plus (+) icon appears, and click it. A menu of available content blocks will pop up. Scroll down or use the search bar to find and select the Instagram block.

3. Connect Your Instagram Account

Once you add the block, a placeholder grid will appear. Click on the block itself, and a configuration window will open. You'll see a prompt to connect an account. Click the Add an account... button. This will redirect you to a secure login screen where you need to authorize Squarespace to access your Instagram profile. Don't worry, this only gives it permission to display your posts, not to manage your account.

4. Customize Your Feed's Design

After your account is connected, Squarespace will immediately pull in your most recent posts. Now comes the fun part: customizing how it looks. Click the Design tab in the block's configuration window. You'll find several options to control the feed's appearance:

• Layout: You can choose from a few different formats.
  • Grid: The classic, clean grid layout. It's sleek and the most popular option.
  • Stacked: Displays posts one after another vertically, much like the native Instagram feed. This is good for blogs or sidebars.
  • Carousel: Creates a slider where users can click or swipe through your posts. Great for saving space on a homepage.
• Aspect Ratio: You can choose whether to display your images as squares (1:1), vertical (3:4), or horizontal (4:3), or let them keep their original aspect ratio.
• Items Per Row: In the Grid layout, you can choose how many posts appear in each row, from two all the way up to ten. This lets you control the size of the images.
• Spacing: Adjust the gap between images to give your feed a tighter or more breathable feel.

Play around with these settings until the feed perfectly matches your website's style. Once you're happy, click Save in the top-left corner of the page editor. Your live Instagram feed is now officially part of your Squarespace site!

Method 2: Using a Third-Party Widget for More Platforms and Power

Squarespace's Instagram block is great for basic needs, but what if you want to feature your TikTok videos, Facebook posts, or X (formerly Twitter) conversations? Or what if you want more advanced features, like showing a feed built from a specific hashtag or automatically filtering out certain posts? That's where third-party widgets come in.

Tools like Curator.io, Elfsight, or Taggbox are specifically designed to create handsome, highly customizable social media feeds that can be embedded on any website, including Squarespace. They give you far more control and support a wider array of platforms.

How to Use a Third-Party Social Feed Widget

While the specifics vary slightly between services, the overall process is pretty much the same for all of them.

1. Choose a Third-Party Tool and Create Your Feed

First, sign up for a service of your choice. Many offer a free plan that's perfect for getting started. Once you're in their dashboard, you'll be prompted to create a new feed. The first step will be connecting your social media accounts, whether it's TikTok, Facebook, LinkedIn, Pinterest, or others.

2. Customize the Widget

This is where these tools really shine. You'll get access to a visual editor where you can customize everything:

• Layouts: Go beyond a simple grid with options like masonry, waterfalls, or sliders.
• Post Styling: Control colors, fonts, author information, share buttons, corner styles, and more.
• Moderation: Create rules to automatically approve or reject posts based on keywords, or manually approve every single post before it appears on your site. This is a must-have for displaying user-generated content from a hashtag.
• Filters: You can often create "combo" feeds that pull content from multiple platforms into one beautiful display.

3. Get Your Embed Code

Once you've designed the perfect feed, the tool will provide you with a small snippet of code. It's usually JavaScript or an iFrame. Simply click the "Copy Code" button.

4. Add a Code Block to Your Squarespace Page

Head back to your Squarespace site and open the page editor just like before. Click the Add Block button, but this time, select the Code Block. Note: The Code Block is a premium feature available on Squarespace's Business plans and above.

5. Paste in Your Code

A black box will appear on the page with a place to paste your code. Be sure to delete the default <,p>,Hello, World!<,/p>, placeholder text first. Then, paste the code you copied from your third-party widget. Important: a preview of the feed likely won't appear inside the editor view. This is normal. You'll see it once you save and view the live page.

Click away from the block, then click Save in the top corner. Visit your live site, and your new, fully customized social media feed will be there.

Best Practices for Your On-Site Social Feed

Just adding a feed isn't enough. To make it a truly effective part of your website, keep these best practices in mind.

• Curate, Don't Just Aggregate: Your feed should showcase the best of your brand. If you use a third-party tool, take advantage of moderation features to hide any posts that don't align with the message on that specific website page. Highlight glowing user-generated content (always get permission first!) and your top-performing posts.
• Match Your Website's Vibe: Whether you're using Squarespace's block or an external widget, style your feed so it feels native to your website. Adjust colors, spacing, and layouts so it doesn't look like a tacked-on afterthought. A seamless design creates a much more professional and trustworthy user experience.
• Think About Placement: Where you put your feed matters. The website footer is a common and effective spot, visible on every page without being intrusive. A dedicated "Community" or "Press" page is another great option. If it's central to your brand (like for a photographer or designer), featuring it prominently on the homepage can be a powerful move.
• Keep an Eye on Page Speed: Dynamic feeds, especially those from third-party tools that load a lot of images and scripts, can sometimes slow down your page load times. Choose a reputable widget provider known for being lightweight, and don't try to load too many posts at once.

Final Thoughts

Integrating a social media feed into your Squarespace website is a simple yet powerful way to keep your content fresh, build trust through social proof, and grow your online community. Whether you use the easy built-in Instagram Block or opt for a more versatile third-party tool, you can have a dynamic, engaging feed up and running in no time.

Of course, a beautiful social feed is only as good as the content you post. If your grid is looking a little sparse or managing multiple platforms feels chaotic, a solid social media management tool is essential. I originally built Postbase to solve this exact problem after wrestling with unreliable and bloated legacy tools. We designed it from the ground up to make planning and scheduling content - especially modern formats like Reels and TikToks - feel effortless. With a visual calendar, reliable scheduling, and accounts that actually stay connected, we help you keep that website feed consistently full of great content without the headache.