# Connect your Hygraph project to Bynder

Learn how to connect your Hygraph project to Bynder.

**Bynder** is digital asset management platform that helps you conquer the chaos of growing content, touchpoints, and relationships.

## What you can do with the Hygraph-Bynder integration

With this app you can continue to use Bynder as your preferred DAM solution for images, videos, and other digital assets. By installing the Bynder app, you can bring your Bynder assets into Hygraph projects with the rest of your content.

## Prerequisites to use this integration

- You must have a **Hygraph** account. If you don't have one, you can create one [here](https://app.hygraph.com/signup).
- You must have a [Hygraph project](https://hygraph.com/docs/getting-started/quickstart#create-a-project) with at least one [model](https://hygraph.com/docs/getting-started/quickstart#create-a-model).
- You must have a **Bynder** account. If you don't have one yet, you can [contact the team](https://www.bynder.com/en/) about it.
- You must have a **Bynder domain**. [Here](https://support.bynder.com/hc/en-us/articles/360013875240-How-To-Create-A-Portal-Custom-URL) is some information on how to get one.

**Warning:**

**Apps are environment specific**. This means their configuration is applied per environment. Take this into consideration if you're working with a project using more than one environment.

## Install the Bynder app

Click [here](https://hygraph.com/marketplace/apps/hygraph-bynder-app) to install the **Bynder** App on **Hygraph**, then follow these steps:

[Video: Install Bynder app](https://eu-central-1-shared-euc1-02.graphassets.com/AvHQ3RDvFSousA8iwElOKz/2ltPkSKbSbS46u6NCfM9)

1. In the dropdown, select which project you want to install the app in, then click on the `Add App` button. You should be redirected to the **Configure Bynder** section of your Hygraph project.
2. Fill in the `Bynder domain` and use the checkboxes to select the allowed asset types.
3. Click on the `Save` button. A pop-up notification in the lower right corner of the screen will indicate that the changes have been saved.

**Note:**

Allowed asset types are selected in the initial configuration, but can be edited later by navigating to <b>Apps > Bynder card edit button</b>, in your Hygraph project.

## Add the Bynder asset picker to your model

[Video: Add Bynder asset picker field](https://eu-central-1-shared-euc1-02.graphassets.com/AvHQ3RDvFSousA8iwElOKz/EDSqmi9OTnKErumZZtKr)

1. Navigate to the **Schema** builder.
2. Select the model that you would like to add the **Bynder** asset picker field to, and click on it.
3. Select the **Bynder** asset picker field from the **Add fields** right sidebar.
4. Complete the `Display name` field, and the `API ID` will be auto-filled by the system. Optionally, you can also add a `Description`. This screen allows you to control different properties of your **Bynder** asset picker field: you can allow multiple values, or you can localize the field, by selecting the checkboxes under the `Field options` section of the screen.
5. Click on the `Create` button.

## Use Bynder in your Hygraph project

[Video: Use Bynder in your Hygraph project](https://eu-central-1-shared-euc1-02.graphassets.com/AvHQ3RDvFSousA8iwElOKz/7T8ZkDysSmGqmZSJafqB)

1. Navigate to the **Content** editor.
2. Select the view that you configured the **Bynder asset** picker field for.
3. Click on the `+ Add entry` button or, alternatively, edit an existing entry.
4. Locate the **Bynder asset** section of the screen and click on `Select asset from Bynder`. As a result, a new screen will display, showing the assets available in your Bynder domain. Only the asset types selected during the [configuration process](https://hygraph.com/docs/integrations/connect-bynder#install-the-bynder-app) will display here.
5. Select the asset you wish to add to the entry, then click on the `Add asset` button.
6. Now that the asset has been added to the entry, you can click on `Save` or `Save & Publish`, as needed.

## Resources

- [Bynder documentation](https://support.bynder.com/hc/en-us)