Digizuite™ for Contentful Example

Owned by Brian Bak Laursen
Last updated: Apr 24, 2023
3 min read

Digizuite has a public example on how to utilize @contentful/dam-app-base in context of Digizuite. You can find the official contentful documentation here: https://www.contentful.com/developers/docs/extensibility/app-framework/libraries/.

The Digizuite public example is ready to use and can be cloned from here to get you started immediately with contentful and Digizuite: https://github.com/Digizuite/embedded-ui-examples/tree/main/digizuite-for-contentful .

Digizuite has written a blog post on how it works and how it was built using the Contentful App Toolkit. Read it here: https://medium.com/@brianbaklaursen/composable-stack-with-digizuite-dam-and-contentful-34856010597d .

Contentful Marketplace

Find the Digizuite DAM app in the Contentful marketplace.

https://www.contentful.com/marketplace/app/digizuite-dam/

Integration Architecture

Digizuite has created a Web-plugin which use the App Toolkit provided from Contentful to communicate with the content in Contentful.

Digizuizte has an embedded ui (https://digizuite.atlassian.net/wiki/spaces/DD/pages/3177121185 ) which posts messages when a user clicks on an asset. The web plugin the listens to those messages and forwards the asset urls to contentful for rendering.

How it works

When you have installed the plugin, then you need to create your content type to use in the actual content.

 

  1. Go to ‘Content Model’ and click on ‘Add content type’:

  2. Select the field type to be ‘JSON Object’

  3. Go to Appearance and make sure to select Digizuite DAM and then provide url for your mm and remember /embedded.



  4. Go to ‘Content’ and then create some content which then use your new content type. When you do that, you can see ‘Select asset from Digizuite’ which will open the UI from where you can search and find the assets.

 

The asset picker UI looks like this in MM 5.7.0.

And here is a short gif showing the selection.