> For the complete documentation index, see [llms.txt](https://docs.scaleflex.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.scaleflex.com/digital-asset-management-dam/plugins-and-connectors/plugins/strapi.md).

# Strapi

DAM x Strapi plugin

To get Scaleflex DAM integrated you will need to set up these 2 components:

1. Scaleflex DAM plugin: <https://github.com/scaleflex/strapi-plugin-filerobot/blob/v4/README.md>;
2. DAM upload-provider: <https://github.com/scaleflex/strapi-provider-upload-filerobot/blob/v4/README.md>.

*Benefits*:

* All your media will be hosted on Scaleflex DAM;
* You have the option to synchronize all your existing media to Scaleflex DAM;
* You will have access to the Media Asset Widget (MAW), where you can upload media to Scaleflex DAM and select media from Scaleflex DAM.
* Additional workflows or enrichments can be performed from the DAM UI

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

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

[Register for a demo](https://www.scaleflex.com/en/request-a-demo) if you don't already have a Scaleflex DAM account.

#### Step 1. Get the plugin <a href="#od_ccade214-1" id="od_ccade214-1"></a>

Install the Scaleflex DAM plugin and you should see *Scaleflex DAM* in the left menu.

The following options are available to you:

<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%252F5KCSxnAo2PPeIoQY8aoO%252F1.png%3Falt%3Dmedia%26token%3D906bbc1e-1a0f-402a-9f5c-4b41a6c26a99&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=c908a1c0&#x26;sv=1" alt=""><figcaption></figcaption></figure>

#### Step 2. Get the upload provider <a href="#od_4d8b6919" id="od_4d8b6919"></a>

Then, install the DAM upload provider. Every media you upload will have DAM URLs:

<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%252FeBJaSkQ9I7grm2DjRo3E%252Fst2.png%3Falt%3Dmedia%26token%3D77be2ed4-006d-4ad4-bf5a-f5e6dc10e505&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=f3b0364d&#x26;sv=1" alt=""><figcaption></figcaption></figure>

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

#### Asset Manager <a href="#od_cc6b993f" id="od_cc6b993f"></a>

Upload media to Scaleflex DAM:

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FmqeKSYdMeNGCA9pKiIto%2Fimage.png?alt=media&amp;token=70408857-ccf1-4bda-b29b-40f7205dc44d" alt=""><figcaption></figcaption></figure>

Select media from Scaleflex DAM:

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2Fxqki2emi7l7gra2XYOGL%2Fimage.png?alt=media&amp;token=27009e0c-8938-4e60-addc-925c3974755d" alt=""><figcaption></figcaption></figure>

#### Synchronization <a href="#od_f7d253e8" id="od_f7d253e8"></a>

1. Beginning with 2 local images

<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%252FlXrgAfpORyd2bdDqagOm%252F7.png%3Falt%3Dmedia%26token%3D1e91dd4c-009f-47f3-afd4-766c25ac148e&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=1b56a15&#x26;sv=1" alt=""><figcaption></figcaption></figure>

2. And 10 images on Scaleflex DAM

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FgJ4kPMibdESi00EjtLfk%2Fimage.png?alt=media&amp;token=b19f6943-2fbe-4c11-a018-2ea217e3d4ac" alt=""><figcaption></figcaption></figure>

3. Synchronize

**Note:** Please don't close the browser tab until the sync process is done.

<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%252FVZIVMmHM3RjHU4r328BJ%252F3.png%3Falt%3Dmedia%26token%3Ddb0e9c8d-8a28-4051-94fb-2c4e721300e1&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=fced77a9&#x26;sv=1" alt=""><figcaption></figcaption></figure>

4. Results

<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%252FZU32T9zESuo8qDifz5IG%252F4.png%3Falt%3Dmedia%26token%3D0d4bf198-2ba9-4b07-952a-a02b9cb284ee&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=52822060&#x26;sv=1" alt=""><figcaption></figcaption></figure>

#### Custom Field (Scaleflex Asset) <a href="#od_f7d253e8" id="od_f7d253e8"></a>

In the **Content-Type Builder**, select the button **"Add another field"** and go to the tab **"Custom"**

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2F855tiQxfJ5G6VineFqaC%2Fimage.png?alt=media&amp;token=88b8a2bc-4aa8-48e9-9445-681f9553f590" alt=""><figcaption></figcaption></figure>

Select **Scaleflex Asset**, fill in the name of the content type

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2F2AHVFLt0PBCjXuj7AS21%2Fimage.png?alt=media&amp;token=fa0b303d-ef57-4218-aae2-e51ce587e879" alt=""><figcaption></figcaption></figure>

Basic Setting:

* **Allowed file type:** Restrict which type of assets can be selected

Advanced Settings:

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FJ4g0rVHLmU435w7At4WH%2Fimage.png?alt=media&amp;token=f5b45e22-a4f5-4858-abad-c29105859791" alt=""><figcaption></figcaption></figure>

* **Stored attributes:** To store the data you want to get in the widget, e.g meta, info, tags, hash
* **Max assets:** Maximum number of assets to select (e.g. 1 for thumbnail, 10 for gallery). Leave empty for no limit.

In the content, you will see the new content type like this:

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FQ8XNjP22FQXIhRvE3bia%2Fimage.png?alt=media&amp;token=6fa68a0b-6d17-4a8c-9416-6bf2f32b68a3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FrGTNWmg5hfBTvLHQegMZ%2Fimage.png?alt=media&amp;token=fbce20b7-ead2-4194-8845-7095edd7c0c4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FNAw9IDNfdCFgr7WIqFt5%2Fimage.png?alt=media&amp;token=477d62e5-d3c5-480f-804f-42a9fddee1bd" alt=""><figcaption></figcaption></figure>
