How to Embed an Instagram Reel in Squarespace

July 24, 2024
Ben Russell
Founder

For the last few years, short form, mobile focused video has been growing and growing. People love the experience, and websites are slowly starting to catch up.

Now you’ve decided to add some of your Instagram Reels or other short-form video content to your Squarespace website. The charm of short videos is their quick, to-the-point nature, making it easy to combine several clips together

Doing that with Instagram reels isn’t that simple though. There are a few problems:

  1. You’ll have Instagram logos and buttons all over your website, making it off brand
  2. The embeds will try to take people off your site onto instagram
  3. Playing a new video doesn’t stop the video that’s currently playing
  4. It can slow down your site
  5. There’s no autoplaying previews for engagement

You can fix all of that by using a specialist video embedding software like Clipara. Purposefully built for short form content.

You can create carousels, grids or embed individual videos with your own custom styling, full screen mobile experiences (just like being in an app), smooth changeovers between videos and much more. It’s incredibly simple to use too, and covers all aspect of making videos responsive across devices, autoplaying, muting etc.

With that you can easily carousels that open to a full screen player like this:


or experiences that play in line like this one:


All of this is completely customisable without any code and has lots of other layout and customisation options. The end result is something much more professional than embedding lots of Instagram Reels.

Create seamless video experiences without code with Clipara.

Start using Clipara for free and create video experiences that delight your customers.

Get started free

If you do just want to grab the embed code for instagram reels and put it straight into your site and leave it as a instagram reel, you can do so with the quick steps below.

How to get the embed code for Instagram Reels

The embed code for a instagram is actually quite simple to find. Open Instagram on a desktop web browser, go to the the reel you want to embed and click on the three dots in the top right:

Select the 'Embed option'"

Either leave the caption on or toggle it off then Click Copy Embed Code.

How to add the Instagram reel embed code to Squarespace

In your Squarespace editor, click add block, then select the embed option:

If you try to just paste the reel URL, you'll find you'll get an error like below:

To solve this, you just need to toggle to Code Snippet, and paste in the code we previously showed you how to collect from Instagram. Click Save and Exit and you will see your instagram embed on the site.

You'll notice once embedded, you'll have an Instagram style experience on your site like below with lots of links out to Instagram. But you probably don't want people leaving your site! It's also not really in the style of your own website.

If you'd prefer something more on brand to your site, with a better video experience, you can use Clipara. Clipara enables you to add multiple videos, and also gives you additional features on top of the customisations like proper sound controls, better mobile experience and more.

You can give Clipara a try with a free account account here: https://dashboard.getclipara.com/signup.

Engage and delight customers with epic video experiences

Start using Clipara for free and bring your site to life without slowing it down.

Get started free

Other Guides