Adobe Stock Integration

Merchants can integrate Adobe Stock with Magento giving them access to countless media assets for use in their stores.

Adobe Stock Search Results

The Adobe Stock service provides businesses with access to millions of high-quality, curated, royalty-free photos, vectors, illustrations, videos, templates, and 3D assets for all their creative projects. Magento users are able to quickly find, preview, and license Adobe Stock assets. Users can also save them to the Media Storage, all without leaving the Magento workspace.

Prerequisites

This integration requires an adobe.io Console account and Magento 2.3.4 or newer. In order to license Adobe Stock images, a paid Adobe Stock plan and an Adobe account are also required.

Integrate Magento and Adobe Stock

Configuring the Adobe Stock Integration for Magento is a two-step process: create an adobe.io integration to generate an API Key, and then configure the Adobe Stock Integration in your Magento Admin.

Create an Adobe.io integration

  1. Navigate to the adobe.io Console and under Quick Start, click Create integration.

  2. Ensure Access an API is selected and click Continue.

  3. Under the Creative Cloud column, ensure Creative SDK is selected and click Continue.

    At this time, do not use the Adobe Stock service on this screen.

  4. On the final Integration Details screen, do the following:

    • For Name, enter a descriptive name for your integration.

    • For Description, enter a longer form description for your integration.

    • For Platform, select the Web option.

    • For Default redirect URI, provide the redirect URI for the integration.

      The default redirect URI is in the form ${HOST}/${ADMIN_URI}/adobe_ims/oauth/callback/, such as:

         https://store.myshop.com/admin_hgkq1l/adobe_ims/oauth/callback/
      

      where:

      • ${HOST} is your Magento fully qualified domain name (i.e., https://store.myshop.com).
      • ${ADMIN_URI} is your Magento Admin URI, which can be retrieved by running magento info:adminuri (i.e., admin_hgkq1l).
    • For Redirect URI pattern, provide the redirect URI pattern. This is the same as your redirect URI with two differences:

      • Any periods (.) must be escaped with two backslashes (\\)
      • Add .* to the end of the pattern

        Using the example from the previous Default redirect URI field, this would be:

          https://store\\.myshop\\.com/admin_hgkq1l/adobe_ims/oauth/callback/.*
        
  5. Click Create Integration.

  6. On the page that follows, copy your API Key (Client ID) and Client secret.

    This information is used in the next section.

Configure the Adobe Stock Integration

Use the API Key and Client secret generated in the previous section to set the system configuration in your Magento Admin.

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Advanced and choose System.

  3. Expand Expansion selector Adobe Stock Integration and do the following:

    • Set Enabled Adobe Stock to Yes.
    • Enter your API Key (Client ID).
    • Enter your Client secret.
    • Click Test Connection to validate your keys.

    Advanced configuration - Adobe Stock integration Adobe Stock Integration

    Give the validation a few seconds. If your credentials are valid, you should see a green “Connection Successful!” message.

  4. When complete, click Save Config.