GraphCMS UI Extension

The GraphCMS-Cloudinary UI Extension allows GraphCMS users to manage content and Cloudinary assets via a single interface, with direct access to Cloudinary's dynamic Media Library.

Important
The GraphCMS-Cloudinary integration described here was developed according to Cloudinary's best practices and has been reviewed by the Cloudinary technical team.

However, the integration is not maintained by Cloudinary. For all updates or questions related to this integration, please contact GraphCMS's slack community.

Overview

GraphCMS enables developers to build content APIs, while providing content editors with tools to manage their content. The hosted content APIs can then be applied to websites, apps, and other digital platforms. GraphCMS enables teams to unify their stack and programmatically create, edit, enrich, deliver, and consume content from any frontend or backend service.

The GraphCMS-Cloudinary UI Extension allows content editors to natively search, edit and manage digital Cloudinary assets directly from within GraphCMS. This is done by adding single or multiple Cloudinary fields in your schema and clicking a button to open the Media Library. From there, you can manage assets, and then select the images and/or videos to insert directly into your site.

With the GraphCMS UI Extension installed, you can benefit from these powerful Cloudinary features, made easily accessible:

  • The Cloudinary DAM as your single source of truth for storing and collaborating on all of your rich media files. You can share media with other users, apply structured metadata values tailored for your organization's media workflow, and take advantage of advanced AI capabilities that enable automatic tagging, face detection, advanced search capabilities, background removal, and more.
  • Cloudinary's media optimizations, which enable media handling at scale including automatic image and video optimization and fast delivery to every user device and delivery channel.

Note
The Safari browser may require additional steps when logging in to the Media Library. If you encounter an issue, follow the prompts to log in separately and attempt to open the Media Library again. Alternatively, use one of the other recommended browsers when working with Cloudinary.

Using the GraphCMS integration

This video tutorial shows you the how to set up and use the GraphCMS UI Extension to add Cloudinary assets to your content:

Get the extension


Guide to Building the Ultimate E-Commerce Website

 
You may also want to take a look at Cloudinary's five-chapter Guide to Building the Ultimate E-Commerce Website. The guide includes suggestions by e-commerce and technical experts on how to build a versatile marketplace by selecting automated e-commerce and CMS platforms that help you create, modify, and deploy adaptable user experiences.

✔️ Feedback sent!

Rate this page: