# Strapi (v4)

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://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%252FQdUfxlMxQblPQgrFMwwB%252F5.png%3Falt%3Dmedia%26token%3D4f79fac1-7ffb-42d2-9226-99578dda1e42&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=68a436ff&#x26;sv=1" alt=""><figcaption></figcaption></figure>

Select media from Scaleflex DAM:

<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%252FaCjZu2VXrSZy2sQpohU3%252F6.png%3Falt%3Dmedia%26token%3Df7ca613a-bbf5-4b74-a282-2baf53e4a0ae&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=aaa738e7&#x26;sv=1" 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>

1. And 10 images on Scaleflex DAM

<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%252FolEupfKGw6A8RfaKd8Dh%252F8.png%3Falt%3Dmedia%26token%3De56e9b54-544d-4174-ba47-0f86b4ecb9fa&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=a03772f4&#x26;sv=1" alt=""><figcaption></figcaption></figure>

1. 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>

1. 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>