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:
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.
Start using Clipara for free and create video experiences that delight your customers.
Get started freeIf 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.
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.
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.
Follow the steps below to quickly create a custom video carousel for your website.
Click create campaign from the Clipara homepage:
Select the 'On-site' campaign type:
Choose the 'In-Line' player style. Full screen will open a full screen player on mobile and desktop rather than playing in-line in the page:
Click 'Add Video' to add new content:
Toggle to Instagram to add your Instagram content:
You can either connect an Instagram account to make it quick to pull multiple videos from your Instagram or simply paste in a link from Instagram.
Paste in your link then click upload:
Change the video name if you want to then click continue:
Select all of the videos you would like to include in your carousel. On the left, drag them to reorder them if you want to. Once selected, click 'Create Campaign' in the top left:
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.
You can now edit your carousel to look exactly how you want using the design panel on the left hand side.
Once you've completed all of your customisations, click install in the top right:
You'll now have the code to install on your site. Simply copy that and paste it into your website builder.
You'll now have a slick video carousel on both desktop and mobile, just like this:
With a few simple steps, you can elevate your website’s design, improve user engagement, and create a more dynamic experience for your audience. Try it out and see how it works for your site! Get started with here.
Start using Clipara for free and bring your site to life without slowing it down.
Get started free
