How to add an Instagram feed to Squarespace

An Instagram feed widget for Squarespace

If you’ve built a website recently and compared options of easy-to-use website builders, you wouldn't have been able to avoid finding Squarespace among the list of most popular options. Squarespace makes it easy to create a professional website for your business. Millions of companies worldwide trust their service.

Like on any other company website, an engaging Instagram feed is something that marketers want to add to their homepage and product pages.

With Instagram’s embed, you can display any image or video on your Squarespace site.

However, busy website designers and marketers need a solution to keep a more complex Instagram feed on the website up-to-date without any manual work.

That’s where the Flockler social media aggregator is brought into play. With Flockler, you can create a live-updating Instagram feed and embed it into your Squarespace site within minutes. If needed, you can combine content from Facebook, Twitter, YouTube, and other social media channels, too (see the list of supported social media channels).

Here’s a three-step guide on to add an Instagram feed to Squarespace:

  1. Collect images and videos from an Instagram Business account or a hashtag feed
  2. Select your Instagram feed layout: Wall, Grid, or Carousel
  3. Embed an Instagram feed to Squarespace


1. Collect images and videos from an Instagram Business account or a hashtag feed

Start by creating a free Flockler account. Our 30-day free trial includes the full product and support without any commitment.

After creating your account, the platform asks you to create your first automated feed. From Instagram, you can gather posts by any Instagram Business account, mentions of the Business account you administrate, or an Instagram hashtag campaign feed.

When creating your live-updating feed, you decide if the content shows up on the Squarespace website automatically or if you moderate it. You are in full control.

Here’s a short video on how to create an Instagram feed of your business:

2. Select your Instagram feed layout: Wall, Grid, or Carousel

Now that you’ve got an automated feed populating fresh content to Flockler, the next step is to select a layout for your embed.

Flockler has three layouts out-of-the-box: Wall, Grid, and Carousel.

You can customize each of the layouts from settings – the embed code will fit seamlessly to your brand look & feel.

Here are examples of each layout in action:

Wall

An Instagram feed widget wall layout

Who is it for: Clients who’d like to display caption texts and combine content from various sources.

Grid

An Instagram feed widget grid layout

Who is it for: Clients who’d like to display an Instagram-like layout on their website.

Carousel

An Instagram feed carousel layout by Flockler

Who is it for: Clients who’d like to save space on their homepage – website visitors can scroll the images to the left and right.


3. Embed an Instagram feed to Squarespace

After selecting your layout, Flockler gives you an embed code to add to any Squarespace page. Note that you’ll need a Business plan for Squarespace to add any third-party widget.

Adding the embed code to Squarespace is easy – click to 'Edit' the page where you’d like to add Flockler.

Then add an element.

Adding an element to Squarespace

Click + icon – a set of options opens up. Search and select the ‘Code’ block.

Adding a 'Code' block to Squarespace

In the ‘Code’ block, make sure you’ve got ‘HTML’ selected from the dropdown and that you have NOT selected ‘Display source’. Paste Flockler’s embed code to the field and click 'Apply'.

Add an Instagram feed embed code to Squarespace

Next, you should see the element saying ‘Script Disabled’. Don’t worry, that’s standard behaviour on Squarespace.

Squarespace page editing tools showing 'Script disabled'

Save changes and publish the site – the beautiful Instagram feed will then show up on your Squarespace site!

An Instagram feed on a Squarespace page

You can add Flockler to an unlimited number of pages and use all the layouts – without any additional costs.

Why do businesses add an Instagram feed to Squarespace?

1. Increase time spent on site

Websites often have a news and blogs section. However, most businesses are much more active on social media channels publishing their latest news and offers than writing blog posts. By adding an Instagram feed to your Squarespace site, you make sure the website visitors get a chance to view your latest content, and the beautiful Instagram widget increases the time spent on site.

2. Build engagement on social media channels

An Instagram feed embedded on a website builds engagement on social media channels, too. Some of your website visitors click to view their favourite images from your brand and mention their friends in the comments. Some of them decide to follow you.

Sometimes it’s hard to stand out on a social media platform – after all, some great brands are competing from the same space with you. But you own the space on your website – make sure you show your engaging Instagram content there, too.

3. Add social proof

If you create a user-generated content campaign and ask your customers to mention a branded hashtag, some of those images will become your testimonials. And customers love testimonials from others because seeing how others use your products and services in real life makes it easier to trust your brand. Adding social proof to your homepage and product pages increases conversions.


 

With Flockler, you can gather and display social media feeds from your favourite channels. See the full list of supported content types and sources

Flockler helps marketers like you to create social media feeds and display user-generated content on any digital service increasing dwell time and drive conversions.

Book a demo Start your 30-Day Free Trial
Start your 30-Day Free Trial