# Contentstack

The features of the DAM Contentstack App include:

* **Asset Manager Widget** in Contentstack Content Management;
* **Multiple file type support**;
* **Metadata sync**: asset metadata from DAM will show on your Rest/GraphQL response.

## Prerequisites <a href="#prerequisites" id="prerequisites"></a>

1. [Register for a demo](https://www.scaleflex.com/request-a-demo) if you don't already have a DAM account.
2. Sign up to Contentstack.

## Installation <a href="#od_c5ae8232" id="od_c5ae8232"></a>

### Step 1. Install from Contentstack Marketplace <a href="#od_c5ae8232" id="od_c5ae8232"></a>

Updating

### Step 2. Configure the app <a href="#od_b9b03603" id="od_b9b03603"></a>

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FYoQFQw4DT376K4o7FUGl%2Funnamed%20(3).png?alt=media&#x26;token=f268538f-9b9e-4dd2-847a-3618206be053" alt=""><figcaption></figcaption></figure>

* **Security Template Identifier:** Found in the *Project > Access > Security Templates* tab, this key is required for secure access
* **Asset**&#x20;
* **Container:** Your DAM token from the Asset Hub interface

## Usage <a href="#od_da860408" id="od_da860408"></a>

1. Custom Field
2. JSON Rich Text Editor

### 1. Custom Field <a href="#od_c5ae8232-1" id="od_c5ae8232-1"></a>

Step 1. On Content Type Menu\
&#x20;![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FBWEIFlr4zi8nGMh7BgC8%252Fimage.png%3Falt%3Dmedia%26token%3D0e653795-9cb8-4b9e-acb3-55bf361ff353\&width=300\&dpr=4\&quality=100\&sign=10ee709d\&sv=1)![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FoNITw1dMPvV81LPsIHz4%252Fimage.png%3Falt%3Dmedia%26token%3D63897222-a3f2-4853-b526-524ad9d3a4c9\&width=300\&dpr=4\&quality=100\&sign=7a691397\&sv=1)

Step 2. Select Scaleflex Filerobot

![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FsA1DSInG59fDYtcBqOBr%252Fimage.png%3Falt%3Dmedia%26token%3Db75bfd59-2f50-4e7f-a4b6-9472a3774ea1\&width=300\&dpr=4\&quality=100\&sign=ff57db49\&sv=1)![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252Fe3crI6kuktigecnWX9Vz%252Fimage.png%3Falt%3Dmedia%26token%3Db1c0b2ac-101f-4c62-85bc-3799600b5651\&width=300\&dpr=4\&quality=100\&sign=2084287d\&sv=1)\
&#x20;Step 3. Save and Close

<figure><img src="https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FUBM9gQhiusdA9ZzYb2rA%252Fimage.png%3Falt%3Dmedia%26token%3D42fd685c-347d-4b42-b20a-b2fde148ed5c&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=ee13239c&#x26;sv=1" alt=""><figcaption></figcaption></figure>

Step 4. On Your Entry open DAM and choose image\
\
&#x20;![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FtKGqTiwHs8nYyQnBOpWf%252Fimage.png%3Falt%3Dmedia%26token%3Df9648948-a486-4b40-ac12-e6d28243429e\&width=300\&dpr=4\&quality=100\&sign=7c715367\&sv=1)![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FDV4I34LoVSkSdDVSyyS4%252Fimage.png%3Falt%3Dmedia%26token%3D7ac8b0cd-fd4a-4bd9-a774-d71815ce2700\&width=300\&dpr=4\&quality=100\&sign=6873edc4\&sv=1) ![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FR0PDqszmrE7fnFMEGrsG%252Fimage.png%3Falt%3Dmedia%26token%3D3b96a15d-7fc4-4b01-8d2e-c7a1cc0db80d\&width=300\&dpr=4\&quality=100\&sign=92cb4ead\&sv=1)![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FNnRKHM5X8bc6KAz15vqb%252Fimage.png%3Falt%3Dmedia%26token%3Dde27014d-3622-4691-9354-06b9c5cdc407\&width=300\&dpr=4\&quality=100\&sign=626435c0\&sv=1) \
\
Step 5. Publish

<figure><img src="https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FCy0DE2S4RrHMn4laFLeJ%252Fimage.png%3Falt%3Dmedia%26token%3D506e6937-4bd3-4b3f-9d90-e6cff06ef811&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=e082fc23&#x26;sv=1" alt=""><figcaption></figcaption></figure>

### 2. JSON Rich Text Editor <a href="#od_c5ae8232-2" id="od_c5ae8232-2"></a>

Step 1. On Content Type Menu \
\
![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252F8HPT1kIYEix9Y5f0Zwfw%252Fimage.png%3Falt%3Dmedia%26token%3Dc7e978f7-daeb-444d-bff2-53935468b582\&width=300\&dpr=4\&quality=100\&sign=3a2322c3\&sv=1)![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252Fb6Z24vtvltIRiXHHdNHV%252Fimage.png%3Falt%3Dmedia%26token%3D877ff741-65a2-4568-9fd4-d8624c08116f\&width=300\&dpr=4\&quality=100\&sign=112b831\&sv=1)

\
Step 2. Select Scaleflex DAM\
&#x20;![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FIs83pzc9rffkVfb1dmXn%252Fimage.png%3Falt%3Dmedia%26token%3D7b9ea356-fb66-4c2a-8e15-00ca7b93851f\&width=300\&dpr=4\&quality=100\&sign=d7f86cd2\&sv=1)![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FTEWavbkLdzs3mduRDmOu%252Fimage.png%3Falt%3Dmedia%26token%3D77dd0a71-4473-4e7a-8811-44ff8ba54be2\&width=300\&dpr=4\&quality=100\&sign=e8addb84\&sv=1)

Step 3. Save and Close

<figure><img src="https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FmY6OnCfC2qxl5eowovDP%252Fimage.png%3Falt%3Dmedia%26token%3Da1cf55b1-6cf4-459f-b5d8-1093b1fc7247&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=a4f59840&#x26;sv=1" alt=""><figcaption></figcaption></figure>

Step 4. On Your Entry open DAM and choose image

![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FYp4RqtNGWjfDE222WP8G%252Fimage.png%3Falt%3Dmedia%26token%3Dfe42889f-a4a8-4d17-80f9-1facecf8b78d\&width=300\&dpr=4\&quality=100\&sign=1b7a02c8\&sv=1)![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FDV4I34LoVSkSdDVSyyS4%252Fimage.png%3Falt%3Dmedia%26token%3D7ac8b0cd-fd4a-4bd9-a774-d71815ce2700\&width=300\&dpr=4\&quality=100\&sign=6873edc4\&sv=1) ![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FR0PDqszmrE7fnFMEGrsG%252Fimage.png%3Falt%3Dmedia%26token%3D3b96a15d-7fc4-4b01-8d2e-c7a1cc0db80d\&width=300\&dpr=4\&quality=100\&sign=92cb4ead\&sv=1)![](https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FtCiSJ4auhZBQYfmC8tW9%252Fimage.png%3Falt%3Dmedia%26token%3D3c22a691-f393-430d-9dfa-e73a027f9c72\&width=300\&dpr=4\&quality=100\&sign=ed2e508a\&sv=1) \
Step 5. Publish

<figure><img src="https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FWXvsEUE23uGHjmGoYlMZ%252Fimage.png%3Falt%3Dmedia%26token%3D8ddb29eb-386e-4938-b946-9c665e55d4cc&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=b43a6a00&#x26;sv=1" alt=""><figcaption></figcaption></figure>

## JSON format <a href="#od_f9476583" id="od_f9476583"></a>

1. Custom Field

<figure><img src="https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FXKnWvZqnTHTRCa7mYDTu%252Fimage.png%3Falt%3Dmedia%26token%3D33a7a8d5-0670-4776-b9af-6b0bf4365038&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=2015e97b&#x26;sv=1" alt=""><figcaption></figcaption></figure>

1. JSON Rich Text Editor

<figure><img src="https://docs.scaleflex.com/~gitbook/image?url=https%3A%2F%2F3586816136-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fl0Yvbyw1t10jWRzoi0FW%252Fuploads%252FJYGCians7VaK1XmNscfI%252Fimage.png%3Falt%3Dmedia%26token%3D20efe071-2fef-487a-bb83-f96b516eee01&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=b0557cd9&#x26;sv=1" alt=""><figcaption></figcaption></figure>