Was this page helpful?

UI Extensions

Introduction

The Contentful Web App uses components (called appearances) to make the fields of a content type editable. UI Extensions are enabling developers to replace these components with HTML5 applications so the editing experiences of the Contentful Web App can be customized.

A short text field using a built-in appearance

The image below shows a field title of type short text using the default single line appearance:

A short text field using a custom UI Extension

The image below shows the same field rendered with a UI Extension. The field now renders a diff of the published and draft field value:

Technically speaking a UI Extension lives in a sandboxed <iframe> which interacts with the Contentful Web App through the UI Extensions SDK. This SDK is a proxy to the Content Management API and is acting on behalf of the logged-in user.

Next steps

Not what you’re looking for? Try our FAQ.