Cloudinary Blog

Cloudinary Partners with Magento to Improve the Visual Shopping Experience for eCommerce

Magento Image and Video Optimization

As the number of channels and devices continues to grow, it is becoming much more challenging to deliver an optimal visual experience. On an eCommerce site, engagement and conversions are critical. Factors such as page load time strongly influence search engine rankings, shopping experiences, conversion rates and, ultimately, your revenue. An optimized visual experience positively affects conversion rates. But it also can introduce resource bottlenecks, as every image and video needs to be delivered in the most efficient format, quality and resolution, based on the viewing device.

At Cloudinary, we are committed to supporting eCommerce companies. That is why we are now a Select Level Partner with Magento Commerce. The Magento Authorized Cloudinary Plugin, enables merchants on the Magento platform to quickly and easily enhance their media assets, including images and videos, and deliver improved shopping experiences across every device and browser.

Note
You can read our full Press Release here.

In 2014, we launched the Magento 1 (M1) Cloudinary plugin with the goal of enhancing image optimization. While this was a good start, we wanted to improve the plugin’s functionality with the launch of the Magento 2 (M2) Cloudinary plugin.

New and Improved Magento 2 Plugin

The Cloudinary image and video management plugin streamlines media management without disrupting the existing workflow.

With the M2 plugin, Magento merchants can:

  • Get Up and Running in Minutes - Easily install and start using the Cloudinary plugin for free. With just a few lines of code, effortlessly migrate an entire media library to Cloudinary at once or move the media assets on demand.
  • Improve the User Experience- Automatically deliver media assets in the most efficient format, quality and resolution based on the end user’s viewing device and browser.
  • Enhance The Visual Appearance - Apply new transformations and effects to images and videos such as image and text overlays, rotations, modified shapes and artistic filters that suit your design goals.
  • Video Support- Add product videos to the Cloudinary Media Library with support for transcoding and manipulation capabilities of the Cloudinary video solution.

Beyond optimization, Cloudinary enables you to:

  • Engage Consumers with Targeted, Personalized Media: Dynamically manipulate images and videos with custom content based on user behavior, and deliver personalized media across various channels.
  • Drive Sales with Visual Merchandising: Dynamically generate media assets for product viewers or overlay monograms and badges, such as “Sale,” or “Best Sellers” on top of original product images based on inventory information.

Moving Forward

What’s next? Well, that’s for you to decide! Explore the Select Level Cloudinary plugin in the Magento Marketplace. In the near future, we will continue to add features to the already powerful M1 and M2 plugins. Stay tuned for next week's post where Inviqa will take a deep dive into the features of the M2 plugin.

Recent Blog Posts

Cloudinary Product Gallery Enables Dynamic Buyer Experience

We live in a world where we spend increasingly more time online. As our routines change and adapt to new trends and technologies, we perform more and more of our daily activities in virtual environments. A key example of this is shopping. There are many reasons why online shopping has become so attractive for many buyers. A near endless variety of products is accessible from the palm of your hand. Customer reviews give buyers more confidence in their decisions. It's increasingly easy to search for attractive prices. And the list goes on. But a customer's desire to "touch" or "feel" the product is an interactive experience that can be hard to overcome when shopping online.

Read more
A Guide to Website Image Optimization and Performance

Part 1 of this series delves into the background for this guide. Here in part 2 are the ins and outs.

Wait, hear me out. I know, we just talked about this: Nobody is sheepishly pleading you, “Please, might we have just one more image on the page?” No, I’m not telling you to pick that particular fight. Instead, use a little smoke and mirrors to avoid requests for images that your audience needn’t render right away and might never need at all while loading them asynchronously—only as needed.

Read more
A Guide to Image Optimization for Website Performance

I’ve spent a lot of time thinking about the rules of putting images on the web.

For such a flexible medium as the web, software development can feel like a painstaking, rules-oriented game—an errant comma might break a build, a missing semicolon might wipe out an entire page. For a long time, the laws of image rendering seemed similarly cut-and-dry: For example, if your markups contained an img element , the singular content of its src attribute would be foisted on the audience regardless of their browsing context, period.

Read more
Digital Asset Management Platform: Meeting Customer Expectations

Consumers today expect media-rich experiences. No longer a novelty, it’s second nature to swipe through multiple photos on mobile apps, zoom in on product images for a closer look, visualize online travel reviews, socialize cool video clips while browsing, and encounter brand messages when walking into brick-and-mortar stores. These experiences weave together visual cues and clues with relevant content to create meaning and more authentic connections for customers.

Read more
How to Customize Cloudinary's eCommerce Android App

Recently we added the Cloudinary Demo - eCommerce App to the Google Play Store. This app demonstrates the best practices for optimal delivery of images on a storefront, including category pages, product pages, and a shopping cart. At the time, we published Introducing the Cloudinary Demo Android App, Part 1, which provided an under-the-hood tour of how the eCommerce Android App was designed and how Cloudinary was integrated throughout.

Read more