Vertical and short form video is becoming more and more popular. Whether it's from your Instagram reels, Instagram Stories, TikTok, YouTube shorts, or you own content that isn't on social, you probably should use it on your website too!
That's not always easy, and very importantly you need to make sure that you keep your page as fast as possible.
You'll notice that adding vertical videos to Squarespace doesn't look great and comes out in a landscape layout. We'll show you how to add vertical video to Squarespace without the black borders
These are the quick steps and then we'll run through it with a full guide with some screenshots.
Using this method, you can end up with a simple, intuitive video experience like this one:
You can also use a similar strategy for adding just one video.
We'll run through a full example below with screenshots.
This example uses a video grabbed from YouTube but you can upload your own content or get content from Instagram and TikTok.
Let's get started.
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 YouTube to add your YouTube content and paste the link of the YouTube short you want to add then click upload:
Once uploaded, you can rename the video from the YouTube URL. Once done just 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:
You can get started using Clipara for free here: https://dashboard.getclipara.com/signup
Start using Clipara for free and bring your site to life without slowing it down.
Get started free
%201.png)
