Cloudinary Blog

Introducing the Cloudinary Integration With Salesforce Commerce Page Designer for B2C

Cloudinary Integration With Salesforce B2C Commerce Page Designer

Recent studies have shown that consumers are increasingly relying on online videos to shop around, learn about products, and make purchase decisions. Given that the online audience watches over 50% of videos on mobile devices, marketing through videos on eCommerce sites is a paramount strategy.

We are thrilled to introduce a new integration of Cloudinary’s capabilities into the Salesforce Commerce Cloud (SFCC) Page Designer for B2C. SFCC powers some of the largest eCommerce sites; its Page Designer enables marketers and designers to rapidly create and publish visually engaging content with no coding. Cloudinary’s superior platform for media management, optimization, and delivery is being adopted by thousands of customers, including some of the world’s biggest retail brands. With the Cloudinary-SFCC Page Designer integration, marketers can effortlessly add videos, beefing up visual storytelling in short order. In addition, by customizing the Cloudinary component (see the published code), developers can add management capabilities for rich media through Page Designer.

See all that in action in the demo below, which was part of SFCC’s early-access program. Not only are the videos optimized for fast loading on all devices and browsers, you stand to gain five significant benefits.


5 Visual Engagement Tactics That Convert Online Buyers


Ease of Use and Reuse of Evolving Videos

Even though eCommerce videos are typically produced only once, visual designs of websites and apps are dynamic and frequently being updated. Thanks to Cloudinary’s AI capability, the same video always works well in all layouts.

The example below shows how AI autocrops the same video to fit several layouts. In all cases, the most important part of the scene remains in focus.

“landscape”
“vertical”
“square”

Such versatility spells flexibility, freedom, and speed, with no back-and-forths between the publication and design teams.

Seamless Display on Mobile and Social Channels

Recall that over half of all videos are watched on mobile, a popular platform for social apps. Plus, notwithstanding that vertical videos are all the rage, most videos for website use are shot in landscape mode. Not to worry: Cloudinary AI automatically and intelligently crops videos to create vertical versions, ensuring a satisfactory delivery on mobile.

Superior Accessibility

Section 508 Accessibility Standards (or A11Y), a U.S. federal requirement, (is fast becoming a standard practice for websites and apps. Videos and images feature prominently in the checklist for rendering digital channels accessible. In addition, more and more consumers are watching videos muted with subtitles on.

To accommodate those requirements and trends, you can, with Cloudinary’s automated AI capability, transcribe and create subtitles for videos when uploading them to Cloudinary. To display subtitles, simply select a checkbox in the component’s user interface.

Accessibility

Smooth Maintenance of Brand Identity

Cloudinary automates the process of overlaying brands or logos to videos with no need for manual editing. See the video screenshot below for an example of a logo Cloudinary has added to the top left corner for a prominent display.

Brand Identity

Two major benefits:

  • Cloudinary “burns” logos into videos, making it harder for repurposing by unauthorized parties and hence protecting your digital assets.
  • You have complete control of the online experience to be delivered by using Cloudinary’s video player, but not with other platforms like YouTube.

At-Will Customization of Components

Again, by updating the published integration code, you can create or redesign video components to make even better use of Cloudinary’s exceptional capabilities for manipulating and optimizing rich media. How about developing an image that spotlights all of Cloudinary’s extensive image capabilities? Maybe add a coming-attraction kind of movie as a prelaunch feature for a video?

We are convinced that SFCC customers will relish the promising capabilities of Page Designer on Cloudinary. View our short demo and tell us about your experience with this integration. Not least, stay tuned for other advanced Cloudinary capabilities becoming available in the coming months.


Further Reading on Dynamic Media

Recent Blog Posts

A New, Simple Tool for Creating Text Overlays for Images

Many Cloudinary users desire a UI for tasks like creating text overlays for images, which they then embed on webpages or download for marketing campaigns. Generating such overlays with the Cloudinary Media Library UI involves a bit of a learning curve, especially if they require multiple fonts or text lines, which even experienced users might find challenging to implement.

Read more
Transitioning JPEG-Based to JPEG XL-Based Images for Web Platforms

When the JPEG codec was being developed in the late 1980s, no standardized, lossy image-compression formats existed. JPEG became ready at exactly the right time in 1992, when the World Wide Web and digital cameras were about to become a thing. The introduction of HTML’s <img> tag in 1995 ensured the recognition of JPEG as the web format—at least for photographs. During the 1990s, digital cameras replaced analog ones and, given the limited memory capacities of that era, JPEG became the standard format for photography, especially for consumer-grade cameras.

Read more

Amplify Your Jamstack With Video

By Alex Patterson
Amplify Your Jamstack With Cloudinary Video

As defined by Amazon Web Services (AWS), Amplify is a set of products and tools with which mobile and front-end web developers can build and deploy AWS-powered, secure, and scalable full-stack apps. Also, you can efficiently configure their back ends, connect them to your app with just a few lines of code, and deploy static web apps in only three steps. Historically, because of their performance issues, managing images and videos is a daunting challenge for developers. Even though you can easily load media to an S3 bucket with AWS Amplify, transforming, compressing, and responsively delivering them is labor intensive and time consuming.

Read more
Cloudinary Helps Move James Hardie’s Experience Online

While COVID has affected most businesses, it has been particularly hard on those that sell products for the physical ‘brick and mortar’ world. One company that literally fits that bill is our Australian customer James Hardie, the largest global manufacturer of fibre cement products used in both domestic and commercial construction. These are materials that its buyers ideally want to see up close, in detail. When customers have questions, they expect personal service.

Read more