Cloudinary Blog

Product Videos 101: What Makes Them Great?

Product Videos 101: What Makes Them Great?

A product’s benefits and usage, including its value proposition, features, and instructive details, are best demonstrated through video. Product-video types vary, depending on the funnel, channel, and audience, the most popular ones being demos, reviews, installation, and how-tos.

Creating effective product videos can be a massive undertaking for novices. This article explains the important best practices for that task and the time-saving capabilities offered by Cloudinary’s features for video optimization and distribution.

Here are the topics:

What Are Product Videos?

A potent tool for engaging customers, product videos facilitate visual storytelling by brands. A survey on video for small businesses revealed that 96 percent of customers found videos helpful for purchase decisions, and 73 percent reported leaning toward purchase after viewing a product video.

By leveraging video, you can show audiences how your product works, encouraging them to envision using it. When customers think about the product in relation to their own lives, they perceive its value and are more likely to buy it.

What Constitutes Effective Product Videos?

Even though they vary widely in content, style, and length, compelling product videos share certain common characteristics: engagement, education, quality, and activation.

Engagement

The first priority is to ensure that your video is engaging. If it fails to capture viewers’ attention, nothing else matters. Make it riveting from beginning to end to ensure a captive audience.

Pay particular attention to where to display the product video: which page on your site and where on the page. The initial frame, such as a thumbnail, is paramount, especially if the video does not autoplay. Absent an appealing preview or thumbnail, visitors will skip the video.

Here you can learn how to automatically generate intelligent video previews. Great tip!

Education

Once you have the viewers’ attention, ensure that they can learn about your product from the video content. As entertaining as a product video should be, its first job is to spotlight the merchandise and its merits.

After watching the video, audiences should have a firm grasp of the product’s features and intended customers. Depending on the video type, customers who already own the product might also learn how to get more from it, such as through new features or add-ons.

Quality

Quality directly complements the video content. The higher the quality of the production and sound, the more professional and reliable the video becomes. Even though you might occasionally manipulate quality for engagement, such as by mimicking old TV ads, the content must be clear.

Other aspects of quality are editing, placement of graphics, and scripting. In general, high-quality videos flow smoothly, replete with natural speech patterns along with clear, incisive text and graphics.

Activation

Activation in videos refers to calls to action for the audience. They must be crystal-clear so that people know what steps to take to make a purchase or learn more. A good way of accomplishing that is through links or directions on how to see more details. For instance, link to your site in the video description in social-media posts. Or, transition from the video to product options if they are available on your site.

See this tutorial on how to automatically generate subtitles for videos with Cloudinary.

How Do You Create Engaging and High-Performance Product Videos?

Adopt the four guidelines below to ascertain that your videos reach the audience at the right time with a clear message.

Role

Before kicking off a product video’s production process, first consider where in the customer journey to target. For example, potential customers on your site are in a different place than those on social media, and you might want to customize content to cater to them.

Making a different video for each stage of the customer journey is one way to ensure your video’s relevancy. As a case in point, play advertisements that highlight your products or brand on social media and then show off the features on your site.

Style

Style in this context refers to the way content is displayed in your video: by skill level, content type, or purpose. Below are a few common video styles:

  • Collages or slideshows, which display a montage of images or populate slides of static images with text, music, or audio for a more profound effect. This is the simplest type of video to make, best for short advertisements.
  • Short loops, which, typically a few seconds long, repeat a predetermined number of times, e.g., animated GIFs or boomerang videos. They work well for hero banners or social-media ads, with which you catch viewers’ attention and redirect them to more content.
  • Demos, which show what your product looks like and how users interact with and use it. These videos are longer and best for customers who are already interested in the product.
  • Reviews, aka user-generated content (UGC). which are customer evaluations of the product’s positive and negative aspects. These videos can help you build trust with patrons and enable them to compare products. You can add review videos to product pages or on long-form social media, such as Facebook or YouTube.

Animated GIFs are highly popular. Learn how to intuitively convert videos to those images on Cloudinary.

Planning

Planning comes into play after you’ve determined your video’s role and style. The tasks involved include writing scripts, storyboarding scenes, and creating mockups, which can serve as a guide for calculating budgets, homing in locations, and gathering props and actors.

The planning stage is an excellent opportunity for you to showcase ideas and familiarize yourself with tools. For example, shooting a demo video can help you identify the issues that pertain to equipment, timing, and product appearance.

File Size

Be sure to minimize video size for efficient delivery. Videos that are too large or poorly buffered result in suboptimal viewer experience. In worst-case scenarios, the content escapes the viewers because the video never loads.

So, compress videos as much as possible. Additionally, take advantage of when you can control how videos are buffered or served, such as when they are hosted on your own site. In those cases, verify that the formats and qualities match the viewer’s browser specs and that the related resources are delivered.

How Do You Deliver Product Videos With Cloudinary for a World-Class User Experience?

Cloudinary is a cloud-based service for managing images and videos that offers a generous free plan. With Cloudinary, you can upload images, apply built-in effects, filters, and modifications, including automated captioning, a tough task to perform with traditional editing tools. Cloudinary also offers secure cloud storage, delivering videos to your audience through an ultrafast multi-CDN setup..

Additionally, with Cloudinary, you can easily transform videos programmatically with SDKs or URL parameters. Cloudinary applies changes dynamically, leaving your original videos intact. That means you can modify videos on the fly as your site design evolves and as you add more content or products—a huge convenience and time saver.

Following are two examples of captivating effects you can achieve with Cloudinary.

Shoppable Videos

Shoppable videos, which highlight products and link to product galleries or pages, such as those for apparel, dynamically call to action and deliver higher viewer engagement. Not only are these videos eye catching, they also blend seamlessly with social-media content.

To create shoppable videos, add the shoppable parameter to your video source. That is, configure your video's UI and functionality and then apply the array of products and hotspots you want to highlight, as in the Node.js code below:

Copy to clipboard
var source = {
    shoppable: {    
        transformation: {
            crop: "pad",
            aspect_ratio: "1"
        },
        products: [
        {
            productId: 1,
            productName: "Sunglasses",
            startTime: 0,
            endTime: 2,
            publicId:
            "docs/shoppable_sunglasses",
            hotspots: [
            {
                time: "00:02",
                x: "50%",
                y: "50%",
                tooltipPosition: "left",
                clickUrl: "https://slo-fashion.com/"
            }
            ],
            onHover: {
            action: "overlay",
            args: "Click to see this product in the video"
            },
            onClick: {
            action: "seek",
            pause: 5,
            args: {
                time: "00:01"
                }
            }
        }              
        ]
    }
}

player.source("docs/shoppable_demo", source)

Here’s a demo of multiple products highlighted with the above code.

Branded Videos

With Cloudinary, you can easily create branded videos to match the content to your site and clearly identify the content source by transforming the video overlay in the URL or in Node.js. By saving that modification as a named transformation, you can reuse it for multiple videos—a tremendous convenience.

See this example of a transformation applied with Node.js:

Copy to clipboard
cloudinary.video("digital-asset-management-with-cloudinary", {transformation: [
  {color: "#db8226", effect: "colorize", gravity: "north_east", overlay: "cld_fashion", width: "0.5", x: "0.01", y: "0.01", crop: "scale"},
  {color: "#0e2f5a", effect: "colorize", gravity: "south_west", overlay: "cld_logo_white", width: "0.5", x: "0.01", y: "0.01", crop: "scale"}
  ]})

branded video

How Does Cloudinary Help in Creating and Managing Product Videos?

Product videos are an essential part of product-marketing strategies, especially in today’s highly competitive digital economy. However, creating, editing, distributing, and managing product videos can be expensive and time consuming. Cloudinary’s automation and management features save time, energy, and money. For example, you can leverage Cloudinary to quickly create product galleries, add branded content with transformation URLs, as well as deliver and manage product videos.

Give it a try! Start with creating a free Cloudinary account.

Want to Learn More About Video Optimization?

Recent Blog Posts

Creating an API With Python Flask to Upload Files to Cloudinary

Code

Cloudinary offers SDKs for many programming languages and frameworks. Even though it also offers an Upload API endpoint for both back-end and front-end code, most developers find the SDKs very helpful. If you're working with a powerful back-end framework like Python Flask, you'll be happy to hear that a Python SDK is now available.
This tutorial walks you through the process of building an API to upload images to Cloudinary. You can also upload other file types, including video and even nonmedia files, with the API.

Read more
How to Use the Cloudinary Media Editor Widget

At Cloudinary, we manage the entire pipeline of media assets for thousands of customers of varying sizes from numerous verticals.

As part of our commitment to support the entire flow of media assets, we are now introducing an intuitive media editing widget: an out­-of­-the-­box, interactive UI providing your users with a set of common image editing actions for immediate use on your website or web app. The widget is interactive and simple, built on Cloudinary's transformation capabilities, and requiring only a few lines of code to integrate. Afterwards, you can seamlessly and effortlessly add content to your site or app with no need for in-house image editing capabilities.

Read more
Shoppable Video Is Becoming Popular in E-Commerce

As pandemic restrictions necessitated, many shopping trips in 2020 took place outside the traditional brick-and-mortar store, or at least void of the physical aisle-browsing experience. Same-day curbside pickup became a safe and convenient alternative, and e-commerce transactions skyrocketed as consumers shopped online. In fact, Digital Commerce 360 estimates that, compared to 2019, e-commerce transactions grew by more than 40% last year.

Read more
Enhance Your Travel Site With Cloudinary in Anticipation of a Return to New Normal

Read more
The Benefits of Headless DAMs

Headless is not a buzzword anymore. In fact, the concept of headless architecture is gaining momentum due to the flexibility it offers for composing new experiences and for tackling the undue complexity of an ever-evolving technology stack. That’s because while the evolution of the martech landscape has enabled disruptive, digital innovations, the approach of buying point solutions for solving specific challenges can expose companies to the complicated nature of new technologies, systems, and platforms.

Read more