Cloudinary

This integration allows business users to build personalized digital experiences (web sites, web apps, mobile apps, etc.) by repurposing content from your Cloudinary digital asset management system. It also enables developers to use their preferred front-end tools to build these applications.

Adding the Cloudinary integration to your Uniform project adds Cloudinary asset library (recommended) and new parameter types that you can add to your Uniform Canvas components.

  1. Log into Cloudinary.
  2. Navigate to Settings.
  3. Click the tab Account.
  4. Note the Cloudinary cloud name. You will need this value in the next section.
  5. Click the tab Security.
  6. Note the API Key. You will need this value in the next section.
  1. In Uniform, open your project.

  2. Navigate to the Integrations tab.

  3. Scroll to the section Browse Integrations.

  4. Click Cloudinary.

  5. Click Add to project.

    add-integration-to-project
  6. Enter the required values:

    Uniform settingValue
    CloudnameYour Cloudinary cloud name.
    API KeyYour Cloudinary API key.
    API Secret (optional)Your API secret as generated in Cloudinary.
    Global Image Options (optional)Anything you enter in this field is appended to the URLs Cloudinary generates when serving assets. A good value to use is q_auto,f_auto. This value tells Cloudinary to use AI (artificial intelligence) to optimize image quality and file type for your visitor's device.
    Default target folder for asset library (optional)Defines which folder to open by default. So if you have some folders already created, for example "Root / Samples / Landscapes / Nature" and you would like to open asset library by default in "Landscapes" directory you will have to specify Samples/Landscapes without prefix or suffix slashes.
  7. Click Save.

    settings-saved

Next steps

Explore the new parameter types that are available when you configure components using Uniform Canvas.

After you install the Cloudinary integration, you can manage items from within the Uniform asset library.

global-asset-library-location

Now Cloudinary can be used as a source of images and videos for your Uniform Canvas components by using the Uniform asset parameter.

asset-parameter-using-cloudinary