Introduction

Bloomreach's Integrations Library is a powerful feature that enables seamless integration of various third-party tools and services with Bloomreach Content. With this feature, businesses can easily extend the capabilities of their Content platform by integrating it with other essential services such as marketing automation tools, customer data platforms (CDP), customer relationship management (CRM) systems, social media platforms, and more.

Frontify is a powerful digital asset management solution that enables organisations to streamline their content creation and management processes. Integrating with Frontify can bring many benefits to businesses, such as centralised access to digital assets, optimised content management processes, and improved overall productivity.

In the following example, we will show you how the Frontify integration works from a functional point of view and how to install this as a developer in your instance.

Installation

Installing the Frontify integration can be achieved in two ways.

The first option is to visit the Content integrations marketplace and click the “Install” button in the top right corner. You will have to follow the instructions and provide some necessary information like your domain, a valid API key, and the necessary integration configuration.

The second option is a manual installation that can be achieved either via the UI as shown in the image below. Navigate to Setup > Integrations. Select Add Custom Integration and fill in the necessary data.

Name: Frontify
Description (optional): Frontify is a cloud-based brand management platform that enables organisations to manage their brand assets, guidelines, and content in a centralised location.
Logo (optional): click and copy from the expandable

Alternatively, you can add this integration to your instance by utilising the Content Integrations Management API.
Below is a JSON snippet you can use to add the integration.

Note: Don’t forget to update the configuration object according to your requirements and the client id.

{
    "id": "frontify",
    "displayName": "Frontify",
    "url": "https://content-frontify-ui-extension.vercel.app",
    "config": "{\"allowMultiSelect\":false,\"clientId\":\"client-id\"}",
    "extensionPoint": "document.field",
    "height": 200,
    "description": "Frontify is a cloud-based brand management platform that enables organizations to manage their brand assets, guidelines, and content in a centralized location.",
    "logo": "",
    "package": null,
    "connect-src": [],
    "frame-ancestors": [],
    "frame-src": [
        "https://content-frontify-ui-extension.vercel.app"
    ],
    "img-src": [],
    "script-src": [],
    "style-src": [],
    "font-src": [],
    "media-src": []
}

Open UI String Field

An Open UI String field uses the document field extension point to display a custom field type. When the Frontify integration is available, document editors can add an Open UI String field to the desired document type and link it to the integration, using the UI extension drop-down. Details on how to configure the field are documented here.

The String field stores the assets object as received from the Frontify finder. The specifications of those structures are documented here. All the fields can be retrieved and mapped in your frontend application wherever a document or component is integrated with Frontify.

Demo

Check out the demo video and the screenshots below to see the Frontify integration in action.

Screenshots