In recent years, short-form videos tailored for mobile devices have been rapidly gaining popularity. Audiences enjoy the engaging format, and websites are gradually beginning to adapt to this trend.
So, you’ve chosen to feature your Instagram Reels or other short-form videos on your Wix site. The appeal of these short videos is their concise and engaging format, allowing you to mix and match multiple clips.
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 Wix editor, click add Elements, go to Embed Code then select Embed HTML:
Add the code you've copied from Instagram and click Apply:
Reshape the box and drag it into place:
If you're adding multiple videos, you might lay them across the screen next to each other. On mobile, these will stack on top of each other like below. This can make your page very long and difficult to use.
You'll also 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 also create mobile optimised carousels for simple swiping between videos, more like a slick app experience.
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 Clipara for free here.
Start using Clipara for free and bring your site to life without slowing it down.
Get started free
