# Knowledge Base

### Integrate Adobe Commerce (Magento) with Bynder

Check out the integration below and start using your Bynder images in Adobe Commerce.

#### Tell me More About the Integration

With the Adobe Commerce integration you can add your Bynder assets to your Adobe Commerce products and static pages. The integration is available for Adobe Commerce or Magento Community Edition (open source). The integration makes use of the Compact View, which allows you to use the filters and search functionalities that are also available in your Bynder portal.

The integration makes use of the CDN URLs. By using the CDN URLs you can ensure that the latest version of the assets is always available for your Adobe Commerce products. When adding Bynder assets to Adobe Commerce products you can also decide to store the images in Adobe Commerce's default image library. Alternatively, you can make use of both options, which means the CDN URLs will be used and the images will be stored in the Adobe Commerce image library.

You can track which assets are used in Adobe Commerce by making use of our Asset Tracker and ensure that your users are warned when they try to archive or delete an asset that is used for Adobe Commerce products.

The integration allows you to add the original file or one of the available public derivatives.

#### How to Install and Configure the Adobe Commerce Integration?

1. Contact our partner The DAM Consultants and provide them with your Bynder portal URL. They will further assist you to get your portal set up for the Adobe Commerce integration.

#### How to Add a Bynder Image to a Adobe Commerce Product?

2. Go to Catalog > Products and create a new product or modify an existing product.

3. In the product information section decide whether you want to use the CDN URLs , store the images in the Adobe Commerce image library or go for both options:

Toggle the Use Both Image switch if you want to use the CDN URLs in combination with the Bynder image(s) being stored in the Adobe Commerce image library.

Toggle the Bynder Image Import switch if you only want to store the Bynder images in the Adobe Commerce image library. The Bynder CDN URLs won't be used, which means you have to manually update the image when a new version is available in your Bynder DAM.

Toggle the Use Only Bynder CDN switch if you want to make use of the Bynder CDN URLs. The image won't be sent over to the Adobe Commerce image library.

4. Open the Images and Videos dropdown and click the Bynder Image button. The Compact View will open. If your company's Bynder portal URL is already filled in in the pop-up, click Connect. If not, enter the URL in the below format. A popup will open, which allows you to log in to your Bynder environment.

https://YourPortalURL.com

6. In the Asset tab use the filter bar or search bar to filter and search for the asset(s) you need. Select the asset(s) you need and click Add asset(s) to add the asset(s) to your Adobe Commerce page.

Alternatively, you can add all the assets that are inside a collection. In the Collection tab select the collection that you want to add or click the collection and select the asset(s) you want to add. Click Add asset(s) to add the asset(s) to your Adobe Commerce product .

After selecting your assets the integration will show you the available formats for each asset. This can be the original file or one of the available public derivatives.

8. Click the Save button in the top right corner to save the changes.

#### How to Update A Bynder Image for Adobe Commerce Product?

If you don't use the Bynder CDN URLs you have to manually update the Bynder images for your Adobe Commerce products when a new version is available in your Bynder DAM.

1. Go to Catalog > Products and modify the existing product for which you want to update the Bynder image(s).

2. Open the Images and Videos dropdown and click the Update Bynder Item button.

3. Click the Save button in the top right corner to save the changes.

#### How to Add a Bynder Image to a Static Page?

2. Click Add New Page to add a new page or hover over an existing page and click Select > Edit.

3. Open the Content dropdown and click the Insert image button in the editor.

4. Click the button in the Source field, which will open a popup.

5. Click the Import Bynder Image button. The Compact View  will open.

6. If your company's Bynder portal URL is already filled in in the pop-up, click Connect. If not, enter the URL in the below format. A popup will open, which allows you to log in to your Bynder environment.

https://YourPortalURL.com

8. In the Asset tab use the filter bar or search bar to filter and search for the asset(s) you need. Select the asset(s) you need and click Add asset(s) to add the asset(s) to your Adobe Commerce page.

Alternatively, you can add all the assets that are inside a collection. In the Collection tab select the collection that you want to add or click the collection and select the asset(s) you want to add. Click Add asset(s) to add the asset(s) to your Adobe Commerce page .

After selecting your assets the integration will show you the available formats for each asset. This can be the original file or one of the available public derivatives.

9. Select the format(s) you want to add to your Adobe Commerce page and click Continue. The asset(s) will be added to the Bynder image library inside Adobe Commerce.