---
title: Configure the Brandfolder app
slug: optimizely-connect-platform/docs/configure-the-brandfolder-app
docTags: 
createdAt: 2026-07-20T15:44:29.680Z
---

:::hint{type="info"}
The OCP database is not included in the free version of OCP. The free version syncs data in real-time without using the OCP database, letting you access public apps and data syncs.

Contact your Customer Success Manager if you have any questions.
:::

Use the Brandfolder app in Optimizely Connect Platform (OCP) to connect OCP to your Brandfolder instance, import your Brandfolder asset metadata, and receive real-time changes to assets through Brandfolder webhooks. After you sync the data, use OCP data syncs to integrate this data with your other Optimizely products.

## Install and configure the app

1. Go to **Data Setup > App Directory**.
2. Select the **Brandfolder** app.

   ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/kOM6dVfG5598I40IKWzy-_zd-39529099493901.png" size="100" isUploading="false" showCaption="false" sha="f7881ca5f0752c711e9aee1e9c5ca8894094bbc1" initialPath="../../assets/zd-39529099493901.png" githubPath="docs/assets/zd-39529099493901.png" width="1453" height="516" darkWidth="1453" darkHeight="516"}
3. Click **Install App**. The **Settings** tab displays.

   ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/PHpKdA7x1Bx5uQ4-QZEIs_zd-39529197288461.png" size="100" isUploading="false" showCaption="false" sha="d4f06dbc134a93937c61d258065cb856d9f443f8" initialPath="../../assets/zd-39529197288461.png" githubPath="docs/assets/zd-39529197288461.png" width="1409" height="422" darkWidth="1409" darkHeight="422"}
4. Enter your Brandfolder **API Key** in the **Authentication** section, and then click **Save**.

   ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/8D5LFlz2SA44wZ8K_T1I7_zd-39531059934221.png" size="100" isUploading="false" showCaption="false" sha="04fbb86005e77257f9f23d1b678b1461bc9680f8" initialPath="../../assets/zd-39531059934221.png" githubPath="docs/assets/zd-39531059934221.png" darkWidth="898" darkHeight="360" width="898" height="360"}
5. Expand the **Configuration** section and enter a comma-separated list of the Brandfolder IDs you want to sync, or enter an asterisk (\*) to sync all your Brandfolders.
6. (Optional) Toggle on **Sync Approved Assets Only** to sync only assets that you have marked as approved.
7. Click **Save**.

   ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/spp_KK869ajQYvB_sPL1h_zd-39531073224333.png" size="100" isUploading="false" showCaption="false" sha="4f1480de066a176a0cd04892c44c69b92121fb31" initialPath="../../assets/zd-39531073224333.png" githubPath="docs/assets/zd-39531073224333.png" darkWidth="1023" darkHeight="397" width="1023" height="397"}

## Sync Brandfolder data to other Optimizely products

1. Go to **Data Setup > Sync Manager**.
2. Click **New Sync**.
3. Enter a **Sync Name**, like *Brandfolder Assets to Optimizely Graph*.
4. Complete the following for the sync **Source**:
   - **Source** – Select **OCP App**.
   - **App** – Select **Brandfolder**.
   - **Object** – Select the data type that you want to sync from Brandfolder, like **image**.

     ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/a9IL6mEu-6XiMy90UDX-N_zd-39531458196749.png" size="100" isUploading="false" showCaption="false" sha="34154dd156c8d1fbd6038f5203d9f6747730e7f2" initialPath="../../assets/zd-39531458196749.png" githubPath="docs/assets/zd-39531458196749.png" darkWidth="527" darkHeight="281" width="527" height="281"}
5. Complete the settings for the sync **Destination**:
   - If you select **Optimizely Graph** as the product to which you want to sync your Brandfolder data, you must also select the **Instance**, **Content Type**, **Status**, and **Language**.
   - If you select **OCP App** as the product to which you want to sync your Brandfolder data, you must then select the **App** and **Object**.

     ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/5RzZqNquyLpTOp8dv8GMG_zd-39531651484045.png" size="100" isUploading="false" showCaption="false" sha="bb885b60d85eea6c6c8a5215da27e6043b85a722" initialPath="../../assets/zd-39531651484045.png" githubPath="docs/assets/zd-39531651484045.png" darkWidth="534" darkHeight="447" width="534" height="447"}
6. Connect specific Brandfolder fields with your chosen destination fields in the **Field Mapping** section. To auto populate the field mappings based on your chosen source object, select **Clone Source Schema** in the **Content Type** drop-down list of the **Destination** section, and then click **Apply**.

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/98RJ0lLngeBOehb0QqjM8_configure-brandfolder-field-mapping.png)

7. Toggle off any field mappings that you do not want to sync (all are on by default).

   ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/tEQg_7iFw7qjKrMrXFL8t_zd-39531808415757.png" size="100" isUploading="false" showCaption="false" sha="d6068119394dd37757438fc744f3ad5990bc9c1f" initialPath="../../assets/zd-39531808415757.png" githubPath="docs/assets/zd-39531808415757.png" darkWidth="1340" darkHeight="631" width="1340" height="631"}
8. Click **Save**. Your Brandfolder data now syncs to your chosen destination.

   ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/nU03Ch2mUWUIzYBuibV4C_zd-39531839012877.png" size="100" isUploading="false" showCaption="false" sha="3388ba36e3cb985f889d907efb1c998d7a54c3cd" initialPath="../../assets/zd-39531839012877.png" githubPath="docs/assets/zd-39531839012877.png" darkWidth="1458" darkHeight="1008" width="1458" height="1008"}
9. Repeat these steps if you want to sync different Brandfolder data to different destinations.