Integrate with Cloudinary

To integrate with Cloudinary, you install the Progress.Sitefinity.Libraries.Cloudinary nuget package from the Sitefinity NuGet repository.

Then, you create a Cloudinary storage provider. Perform the following:

1. Navigate to Administration » Settings » Storage providers.
2. Click Add storage provider.
3. Fill out a Provider name.
4. Select Cloudinary as a Provider type.
5. Click Continue.
6. Fill out your Cloud name.
   You can see your Cloud name in the Cloudinary dashboard.
7. Fill out the Script URL.
   This is the URL for the JavaScript required for the use of the Cloudinary Media Library widget. For more information, refer to Cloudinary’s documentation on Media Library Widget. 
   
8. Fill out the API Key.
   You can see your API Key in the Cloudinary dashboard.
9. (Optional) Configure the supported thumbnail formats.
   In case you want to change the format of the thumbnails, you can configure the supported formats in this field.
10. Click Done.
11. Restart Sitefinity CMS.

You can now add media from Cloudinary to your Sitefinity content items and related media fields. For more information on how to add media to related fields, see Related data and related media.

When adding media from Cloudinary, Sitefinity CMS uses the Cloudinary Media Library widget. For more information on the widget, refer to the Cloudinary documentation Digital Asset Management (DAM).

IMPORTANT: To use media from Cloudinary in related media custom fields, you must use the default source for this site or all sources. For more information, see Add a Related media custom field.

You can crop images that come from your Cloudinary library by creating a thumbnail profile. For more information, see Thumbnails.

To create custom image crops, you must determine an area of interest of the image in Cloudinary. For more information, refer to Cloudinary’s documentation Analysis tab.

When the area of interest has been determined in Cloudinary, Sitefinity CMS focuses on that area when the image is cropped.