How to Make a Mixed Video and Image Carousel for Your Website

September 25, 2024
Ben Russell
Founder

Modern websites need to be engaging, visually appealing, and fast. A great way to do this? Use a mixed video and image carousel. It’s perfect for showing off your products, an event, travel destinations, or user-generated content (UGC) in an interactive way. You get the best of both worlds—images for quick snapshots and videos to show off more detail.

But here’s the catch: You want this carousel to look slick without slowing down your site. That’s exactly what Clipara brings to the table. Clipara lets you create seamless, fast-loading carousels featuring both images and videos without the hassle of coding. Whether you're displaying UGC, product teasers, or event highlights, Clipara helps you build dynamic, media-rich carousels with ease.

Smooth mixed video and image carousel powered by Clipara

Now, let’s walk through how to do it step-by-step!

Step 1: Create a Clipara Account

Head over to Clipara and sign up for an account. If you already have one, simply log in and get started.

Step 2: Upload Your Content

Next, you’ll need to upload the videos and images you want in your carousel. Clipara makes it easy to pull content from platforms like Instagram, TikTok, or YouTube, or you can upload directly from your device. You can store hundreds of files in your Clipara library and access them any time you create new carousels.

Step 3: Create a New Campaign

Go to the Clipara dashboard and hit Create a campaign on 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 on the page.

Step 4: Select Your Media

Choose the images and videos you want in your carousel from your library or upload additional content as needed. You can mix and match both types of media, creating a unique flow that draws attention.

You can also easily pull content from Instagram and TikTok to use in your carousel. Awesome right? Clipara integrates smoothly with these platforms, making it super simple to add Reels or TikToks to your website.

Check out these quick guides for step-by-step instructions:

These guides will help you get your content embedded in no time!

Once you’ve selected the videos and images for your carousel, Clipara’s user-friendly interface makes it easy to rearrange the order. Just drag and drop the media into place to get everything exactly how you want it. 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.

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 5: Customise the Carousel Layout

Here’s where you can tweak things to match your brand. Choose from Clipara’s pre-designed carousel layouts. Whether you want something sleek and minimalist or more dynamic, there’s a layout that will fit your style. Adjust fonts, colors, and design elements to ensure the carousel blends seamlessly with your website.

Step 6: Add the Carousel on Your Website

Once you’ve completed all your customisations, it’s time to embed it on your site. Click Install in the top right corner, copy the embed code for your carousel, and paste it into the section of your website where you want it to appear.

Whether you’re using Shopify, WordPress, or a custom-built site, Clipara offers easy-to-follow instructions for adding the carousel seamlessly to your page.

And that’s it! You'll now have a slick video carousel on both desktop and mobile, just like this:

Conclusion

Creating a mixed video and image carousel for your website is a great way to engage visitors and show off your products, events, or UGC in style. With Clipara, the process is simple, seamless, and won’t slow down your site. You can get started using Clipara here and start building your own dynamic carousels today.

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