Example extensions

To help you develop your own extensions, we've included some examples covering a range of use cases in our GitHub repository. These extensions are just included as a guide to give you some ideas about the kind of extensions you can create. If you have any questions about using any of the example extensions, just raise an issue in the extension's GitHub repository.

There's also a curated list of awesome UI extensions for Dynamic Content.

Content field extensions

Content field extensions extend the functionality of the content form. We've included some example extensions on GitHub and you can register these on your hub or use the code as the basis for your own extensions.

Image transformation extension

The image transformation extension makes it easy for a user to apply Dynamic Media parameters to an image by choosing options in the user interface. The selected parameters are saved with the content item and can be used by your rendering code to transform the image on the fly using Dynamic Media.

This extension was developed using the Angular framework.

Find it on GitHub.

The image transformation extension allows users to choose Dynamic Media parameters that will be used to transform an image in a content item
The image transformation extension allows users to choose Dynamic Media parameters that will be used to transform an image in a content item

Product selector extension

This extension shows you how you can search for and retrieve product information from a Salesforce Commerce Cloud, SAP® Commerce Cloud or commercetools account and add it to a content item.

This extension was developed using the React framework.

Find it on GitHub.

The product selector extension shows how to retrieve product information from a SFCC account and add it to a content item
The product selector extension shows how to retrieve product information from a SFCC account and add it to a content item

Translation extension

The translate extension shows you how you can connect a translation service (the example uses Yandex) to provide automatic translation of strings into multiple languages. The extension is designed for use with a content item that uses field level localized strings.

This extension was written using the React framework.

Find it on GitHub.

The translation extension demonstrates how to use an external translation service to translate field level localized strings
The translation extension demonstrates how to use an external translation service to translate field level localized strings

Map extension

This extension makes it easy to search for and add a location to your content using Google Maps. In order to use the extension you'll need a Google Maps API key.

This extension was written using the React framework.

Find it on GitHub.

You can easily add a location to your content using the map extension.
You can easily add a location to your content using the map extension.

Brand colours extension

This extension ensures that you can select from colours that are part of your branding. Your brand colours are defined in the extension parameters.

This extension was written in TypeScript and uses the Angular framework.

Find it on GitHub.

You can easily configure the brand colour extension to allow selection of colours that are part of your branding.
You can easily configure the brand colour extension to allow selection of colours that are part of your branding.

Rich text extension

This extension replaces the built in rich text editor with a customizable editor that features embeddable content items and enhanced markdown support.

This extension was written in TypeScript and uses the React framework.

Find it on GitHub.

The rich text extension is a customizable editor that can replaced the built in rich text editor.
The rich text extension is a customizable editor that can replaced the built in rich text editor.

Dashboard extensions

Dashboard extensions are web apps that extend the functionality of the dashboard. You can install the Google Analytics and kanban extensions, or use the code included on GitHub as the basis for your own extensions.

Google Analytics extension

The Google Analytics dashboard extension is an analytics dashboard with events reports for content, editions and slots.

Find the code and configuration details on GitHub.

The Google Analytics sample dashboard extension
The Google Analytics sample dashboard extension

Kanban extension

The kanban extension that uses content item statuses to help you visualize content in progress. You can use these dashboard extensions without modification, or use them as the the basis for your own extensions.

Find the code and configuration details on GitHub.

The kanban board shows content with one of three chosen statuses. In this example: Draft, In Progress and Approved.
The kanban board shows content with one of three chosen statuses. In this example: Draft, In Progress and Approved.

In order to use the kanban extension you will need to specify the ids of up to 3 content item statuses defined on your hub. You can find these ids using the workflow states end point in the Dynamic Content Management API.

Extensions overview

Registering extensions

Curated list of awesome extensions

results matching ""

    No results matching ""