How to Add a Video Carousel to Squarespace – Step by Step Guide

September 28, 2024
Ben Russell
Founder

Why stick to just one video when you can feature a whole collection? With everyone scrolling through TikTok and Instagram Reels these days, people are used to quick, interactive videos that keep them hooked. Adding a video carousel to your Squarespace site lets you tap into that same experience, keeping your visitors engaged and giving them more to explore without lifting a finger.

Think about it—whether you're showing off products, sharing customer testimonials, or giving a behind-the-scenes peek at your brand, a video carousel lets you showcase multiple pieces of content in one spot. Instead of making visitors watch one video and move on, they can easily scroll through a bunch, just like they do on their favorite social apps. The more they interact, the longer they stick around—and that means more chances for them to connect with your brand or even make a purchase.

That’s where Clipara comes in. It’s a super easy tool that helps you create sleek, responsive video carousels that won’t slow down your site. You can pull in videos from TikTok, Instagram, or YouTube and embed them in a way that fits perfectly with your Squarespace design. No coding, no fuss—just a smooth, engaging video experience for your visitors.

In this guide, we’ll walk you through how to add a video carousel to your Squarespace site using Clipara, so you can showcase your videos in a way that really pops.

How to Add a Video Carousel to Squarespace with Clipara

Step 1: Create a Clipara Account

Start by creating an account on Clipara’s website. Once you’ve signed up, you can log in and start setting up your video carousel right away.

Step 2: Upload Your Videos to Clipara

Once Clipara account is set up, upload the videos you want to include in your carousel. Clipara allows you to easily add videos from your own files or from social media platforms like Instagram, TikTok, and YouTube.

Step 3: Create a New Carousel Campaign

In your Clipara dashboard, click Create a campaign in the Clipara homepage.

Choose On-site as your campaign type.

Next, select In-line as the player style. This style ensures that the carousel will fit seamlessly within your Squarespace page layout. Full screen will open a full screen player on mobile and desktop rather than playing in-line in the page.

Create seamless video experiences without code with Clipara.

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

Get started free

Step 4: Select and Arrange Your Videos

Now it’s time to choose the videos for your carousel. You can select media from your library or upload new videos.

You can even pull in videos directly from Instagram or TikTok, which is great for showcasing user-generated content or highlighting trending videos.

For more tips on embedding specific videos, check out these guides:

Clipara’s drag-and-drop feature makes it easy to rearrange the order of your videos so that they play in the exact sequence you want.

Once you’re happy with the order, click Create Campaign in the top left.

Next, select to create a new widget. Widgets are layouts that can be reused across multiple campaigns once you have designed them.

Select Carousel. This is the only layout style for In-line campaigns, but for campaigns that open to full screen, you can use grids, carousels, stories, pop-ups and create your own custom embeds.

Step 5: Customise Your Carousel

Clipara offers a wide range of customisation options to make sure your video carousel matches your brand’s aesthetic. You can tweak colors, fonts, and layout to create a seamless fit with your Squarespace design. You can also adjust autoplay settings, video looping, and other interactive features.

Step 6: Add the Carousel to Your Squarespace Site

Adding Clipara to your Squarespace site is straightforward. Here are two methods:

Option 1: Simple Embedding

Once your carousel is customised, it's time to embed it on your site. Click the Install button at the top right of your Clipara dashboard. You’ll be provided with an embed code. Copy this code to add to your Squarespace site.

Now, head over to your Squarespace account:

  1. Go to the Squarespace page or post where you want the carousel to appear.
  2. In the page editor, click on the + Add Block button.
  3. Select Embed from the block options, then switch to Code Snippet.
  4. Paste the Clipara embed code into the Code Block and click Apply.
  5. Save your changes by hitting Save or Publish.

Now your video carousel will appear on your Squarespace site, giving visitors a visually engaging, interactive experience.

Option 2: Script & Page Rules

This is for those on a Business Plan or higher. This method is used for when you want to create a very large number of campaigns across multiple pages or are using a template CMS page. For most people, option 1 will be the best option.

1. In the Home menu, click Settings, click Developer Tools, then click Code Injection.

2. Paste the Clipara script into the Header section. This will inject code into the <head> tag on every page in your site.

3. After adding your code, click Save.

Typically when you go to install the campaigns you create, you’ll paste a one-line piece of code into your site, like this:

Because you don’t have the Clipara script always in the head of your site, simply paste the script alongside the code above, like below:

Note: do not copy this exactly, take the unique code from your dashboard.

Bonus: Monitor Performance with Clipara Analytics

Once your carousel is live, take advantage of Clipara’s built-in analytics to monitor how well your video carousel is performing. You can track engagement metrics like clicks, views, and conversions to optimise your content and make data-driven decisions.

Final Thoughts

Adding a video carousel to your Squarespace site is a smart way to engage visitors and showcase multiple videos without cluttering your pages. With Clipara, you can create fast-loading, customisable carousels that fit perfectly with your site’s design—all without writing a single line of code.

Get started for free here and see how video carousels can elevate your website's look and performance.

No items found.

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