--- title: Configure the Bynder app slug: optimizely-connect-platform/docs/configure-the-bynder-app docTags: createdAt: 2026-07-20T15:44:29.033Z --- :::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. ::: The Bynder app lets you connect your Bynder account to Optimizely Connect Platform (OCP) to sync Bynder asset data and receive real-time changes to assets through Bynder webhooks. This app imports the Bynder data to OCP, where you can then use the [Sync Manager](docId:9MPJ0gwsoXoAubpkwFgyD) to sync this data to your other Optimizely products. :::hint{type="info"} Each Bynder instance connects to one OCP instance only. To connect to multiple OCP instances, configure a separate Bynder instance for each. ::: ## OAuth 2.0 authentication in Bynder Create an OAuth app in your Bynder account before connecting it to OCP.  1. Log in to the Bynder app as an administrator.  2. Go to **Settings > Portal Settings > Security > OAuth Apps**. 3. Click **Add new app **and enter the following details: - **Application name** – Enter *Optimizely Connect Platform*. - **Description **– Enter *Integration with Optimizely Data Platform*. - **Redirect URI** – Copy and paste the **OAuth Redirect URI **([https://auth.zaius.app/grant/bynder](https://auth.zaius.app/grant/bynder)) from **Settings > Authorization **in OCP. See [Install and configure the app in OCP](docId\:qfA1rIp7QTHFzX3-nIbtM).  - **Scopes **– Select the following permissions: - `offline` – Required for token refresh  - `asset:read` – Required to read asset data - `asset.usage:read` – Required to read asset usage data - `meta.assetbank.read:read` –  Required to read asset bank metadata - `webhooks.config.read` – Required to view webhook configurations - `webhooks.config:write` – Required to manage webhook configurations   - Click **Save**. After you authorize the app using OAuth per Bynder’s requirements, the Bynder asset data is downloaded to OCP, and future updates are synced through the supplied webhook URL. ## Install and configure the app in OCP 1. Go to **Data Setup > App Directory**. 2. Select the **Bynder** app. ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/-d6qF4rvaczaRHVjt-_SN_zd-37472008892685.png" size="100" isUploading="false" showCaption="false" sha="0089f8bab71b8415023c5a216cd535a14268a4e0" initialPath="../../assets/zd-37472008892685.png" githubPath="docs/assets/zd-37472008892685.png" width="1364" height="916" darkWidth="1364" darkHeight="916"} 3. Click **Install App**. The **Settings** tab displays. 4. Enter your Bynder **Instance URL**. 5. Enter your **Client ID **and **Client Secret**.  :::hint{type="info"} If you cannot see the **Client ID** or **Secret**, uninstall and reinstall the app. ::: 6. Click **Authorize with OAuth**. You are redirected to Bynder to approve the connection. After approval, you are redirected to OCP again to complete the configuration.  ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/oBs4OfYSAR6QlDBXRqNc2_zd-44328068593421.png" size="100" alt="image (13).png" isUploading="false" showCaption="false" sha="b02658627d2847c32a8561f4b40ae0b074971b45" initialPath="../../assets/zd-44328068593421.png" githubPath="docs/assets/zd-44328068593421.png" width="1492" height="1178" darkWidth="1492" darkHeight="1178"} :::hint{type="info"} You must have **Webhooks Permissions** in the **Set user profile** field of your Bynder user profile to authorize this integration. ::: ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/RhEpCgg1VS5bAGObanycE_zd-37472004108045.png" size="100" isUploading="false" showCaption="false" sha="da0dd975d3912dbb628f839c8224c33812a34e7f" initialPath="../../assets/zd-37472004108045.png" githubPath="docs/assets/zd-37472004108045.png" width="810" height="277" darkWidth="810" darkHeight="277"} ## Sync Bynder data to other Optimizely products in OCP 1. Go to **Data Setup > Sync Manager**. 2. Click **New Sync**. 3. Enter a **Sync Name**, like *Bynder Assets to Optimizely Graph*. 4. Complete the following for the sync **Source**: - **Source** – Select **OCP App**. - **App** – Select **Bynder**. - **Object** – Select the data type that you want to sync from Bynder, like **Asset**. ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/YGlN1xV_KboB9OLztprqL_zd-37644957023629.png" size="100" isUploading="false" showCaption="false" sha="819d99ce72e77e022693492ad35d169cf1471272" initialPath="../../assets/zd-37644957023629.png" githubPath="docs/assets/zd-37644957023629.png" width="670" height="396" darkWidth="670" darkHeight="396"} 5. Complete the selections for your sync **Destination**: - If you select **Content Graph** (now called Optimizely Graph) as the product to which you want to sync your Bynder data, you must also select the **Instance**, **Object**, **Status**, and **Language**. - If you select **OCP App** as the product to which you want to sync your Bynder data, you must then select the **App** and **Object**. ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/K94nxu45Q2poC_6k-Ncjj_zd-37644957027597.png" size="100" isUploading="false" showCaption="false" sha="04866dc6682a3a3bf349a99e45b1be01dac1ddb6" initialPath="../../assets/zd-37644957027597.png" githubPath="docs/assets/zd-37644957027597.png" width="618" height="394" darkWidth="618" darkHeight="394"} 6. Connect specific Bynder fields with your chosen destination fields in the **Field Mapping** section. To autopopulate the field mappings based on your chosen source object, select **Inherit Source Object** in the **Object** drop-down list of the **Destination** section, and then click **Apply**. ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/aiNjG3MJ58-_x8qz4GG8b_configure-the-bynder-app.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/LDmQ4iQPemen9Cvq0NjnC_zd-37644957031053.png" size="100" isUploading="false" showCaption="false" sha="20dfa072a6be167f2d58a64b7f821d812279bbb3" initialPath="../../assets/zd-37644957031053.png" githubPath="docs/assets/zd-37644957031053.png" width="1372" height="616" darkWidth="1372" darkHeight="616"} 8. Click **Save**. Your Bynder data now syncs to your chosen destination. ::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/GinG0UD9buXYsR4a8lMbX_zd-37644957032845.png" size="100" isUploading="false" showCaption="false" sha="5ee8eadcf276541d0f7784ebb48c64693494f57f" initialPath="../../assets/zd-37644957032845.png" githubPath="docs/assets/zd-37644957032845.png" width="1590" height="166" darkWidth="1590" darkHeight="166"} 9. Repeat these steps if you want to sync different Bynder data to different destinations.