> ## Documentation Index
> Fetch the complete documentation index at: https://cloudinary.com/documentation/llms.txt
> Use this file to discover all available pages before exploring further.

# Cloudinary's SAP Commerce Extension (video tutorial)

## Overview

Cloudinary's [SAP Commerce extension](sap_commerce_extension_integration) can enhance your end-users' shopping experience by incorporating Cloudinary's visual media automation into your SAP storefront. 

## Video tutorial

  This video is brought to you by Cloudinary's video player - embed your own!Use the controls to set the playback speed, navigate to chapters of interest and select subtitles in your preferred language.

## Tutorial contents
This tutorial presents the following topics. Click a timestamp to jump to that part of the video.### Setup and installation

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=0 :sec=15 :player=cld} | Before installing the Cloudinary extension, make sure you have a Cloudinary account. [Sign up for a Free plan](https://cloudinary.com/users/register_free), starting with generous usage limits. If your requirements grow, you can easily [upgrade to a plan](https://cloudinary.com/pricing) that best fits your needs. |
 
### Locate your product environment credentials

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=0 :sec=39 :player=cld}> | Your product environment credentials include your cloud name, API key, API secret, and environment variable. They are located on the [API Keys](https://console.cloudinary.com/app/settings/api-keys) page of the Cloudinary Console Settings. |

> **NOTE**:
>
> You can no longer access your full credentials directly from the Dashboard. Find your **Cloud name** on the Dashboard, and all credentials, including **API Key**, **API Secret**, and **API environment variable**, on the [API Keys](https://console.cloudinary.com/app/settings/api-keys) page of the Cloudinary Console Settings.

### Apply upload presets

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=1 :sec=18 :player=cld} | With [upload presets](upload_presets), you can also automatically specify how assets should be stored in your Cloudinary Media Library when uploaded from SAP.|

### Configure global transformation and breakpoint settings

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=1 :sec=39 :player=cld} | [Global transformations can be applied](transformations_intro) across all of your images and videos in SAP. These transformations can be overwritten on the catalog level or even on an individual level. The extension provides automatic settings to apply Cloudinary's most powerful transformations such as [f_auto](image_optimization#how_to_optimize_image_format) and [q_auto](image_optimization#automatic_quality_selection_q_auto) to ensure each image and video is optimized for website performance.|

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=2 :sec=26 :player=cld} | Use the "auto" setting to streamline the breakpoint generation process using [Cloudinary's automated breakpoint solution](responsive_images). |

### Set up your Cloudinary Product Gallery

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=3 :sec=02 :player=cld} | Incorporate [Cloudinary's Product Gallery](product_gallery_tutorial) and select your carousel style, zoom features, and other properties to display images, videos, 360 spin sets, and 3D models. |

### Deliver videos with Cloudinary's Video Player 

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=3 :sec=46 :player=cld} | The embedded [Cloudinary Video Player](cloudinary_video_player) is a feature-rich HTML5-based video player that allows you to customize the look, features and functionality of your videos on your storefront. |

### Update your global settings

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=4 :sec=41 :player=cld} | If you want to replace or change any of your global settings, all you need to do is click on the folder path in the configuration window. |

### Insert assets with Cloudinary's Media Library

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=4 :sec=50 :player=cld} | When you're ready to add media items, select and insert your Cloudinary assets directly from your SAP Backoffice. |

### Add product spin sets to your storefront

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=5 :sec=36 :player=cld} | To add a [product spin set](product_gallery#360_spin_sets), you first have to prepare the image set in your [Cloudinary Media Library](digital_asset_management_overview#media_library_overview).  |

### Apply transformations to individual assets

{table:class=tutorial-bullets}|  |
| --- | ---|
| {videotime:id=media :min=6 :sec=20 :player=cld} | To apply a unique transformation to an individual asset or overwrite a global transformation on the individual product level, you will need to go to the Multimedia tab for the specific asset. |

## Keep learning

> **READING**: - Read [our full documentation](sap_commerce_extension_integration) about the SAP Commerce extension.
- Learn how to manage assets in the Media Library with the [Introduction to Cloudinary Assets](https://training.cloudinary.com/learning-paths/introduction-to-cloudinary-assets) learning pathway. 
- Learn more about our [transformation](transformation_tutorials) and [optimization](programmatic_optimization_tutorials) capabilities.

#### If you like this, you might also like...

  
  
  
    Adobe CC Connector Overview
    Integrate your Media Library with Photoshop, Illustrator and more 
  

  
  
  
    Transformations
    Learn about creating asset variations with transformations. 
  

  
  
  
    Searching for Assets
    Learn about the different methods for performing asset searches. 
  

 

 Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.