Installation

  1. Navigate to Settings > Extensions.
  2. Select Install from GitHub from the Add Extension drop down. Add Extension
  3. Enter https://github.com/brandfolder/integration-contentful-ui-extension/blob/master/extension.json Install Extension
  4. Click Install to complete the installation.

Assigning the Extension to a Field

After successful installation, the Brandfolder Asset extension can be assigned to a Content Type with a JSON field.

  1. Navigate to the desired Content Type.
  2. Select the desired JSON field in the Content Type.
  3. Navigate to Settings > Appearance of the field.
  4. Select Brandfolder AssetConfig Extension
  5. Copy the API key for your Organization from https://brandfolder.com/profile#integration
  6. Enter the API key and click Save.

Usage

  1. Navigate to an entry of the Content Type to see Brandfolder Asset in action.
  2. Select a Brandfolder from the dropdown menu unless you wish to search within the default [All Brandfolders].
  3. Type your query into the search field. Results will be updated in real time.
  4. If you do not immediately see your desired Asset, press Enter to ensure the best results. Use Extension
  5. Click on the desired Asset to select it for use. Used Extension
  6. You can preview the JSON data that will be saved in the field by clicking view asset data.

Fetch and Use the Content

You can use the Content Delivery API to fetch the content

curl --include \
     --request GET \
     https://cdn.contentful.com/spaces/{space_id}/environments/{environment_id}/entries/{entry_id}?access_token={access_token}

Display the Asset image on your website using our CDN by getting the value from response.fields.{Brandfolder Asset Field Name}.cdn_url

If you have any questions please reach out to the Customer Experience team at support@brandfolder.com

Was this article helpful?
0 out of 0 found this helpful