Configure Content Hub user interface configure-content-hub-user-interface

Transcript

In this video, we’ll show you how administrators can configure the user interface in Adobe Experience Manager Assets Content Hub. Content Hub provides various options to customize the portal’s user interface. These configurations, set by Content Hub administrators, define what asset properties Content Hub users can view, what filters and search parameters they can use when looking for assets, what metadata fields they need to complete when adding new assets, and more.

To access the Content Hub configurations interface, you must have Content Hub administrator rights. Check out our video on how to set up Content Hub user roles and permissions in the Adobe Admin Console. Once you have administrative permissions, click the user icon in the header and select Configurations in the product settings section. This will open the configurations interface. In the Import tab, you can manage the metadata fields that Content Hub users will see when uploading or importing assets to the Content Hub portal, such as campaign name, keywords, channels, timeframe, region, and so on. From here, you can also control the Auto Approval setting. When enabled, new assets become available on Content Hub immediately upon upload. By default, this setting is set off, which means that AEM authors or administrators must manually approve new assets in Adobe Experience Manager assets before they can appear on the Content Hub portal. Let’s add a new metadata field. Click Add metadata. For this example, we want Content Hub users to select categories for the assets they upload. First, specify the label for this metadata property. In the metadata field, map the label to the appropriate property from the metadata schema.

For this example, we want users to add categories as tags, so this will be your input type.

Finally, you need to specify if this metadata field is required or optional. For our example, let’s leave this toggle unselected. Click Confirm, and your field is added to the list of the existing metadata fields. Click Save to apply the changes. And now the Content Hub users will be able to see and complete the new metadata field when they upload assets to the portal.

You can easily edit a metadata field by clicking the Edit icon.

If you no longer need a metadata field, simply click the Delete icon and confirm your action.

Don’t forget to click Save after you’re done with your modifications to apply the changes to the UI. Now let’s look at the filter settings. Here an administrator can specify what filters are available to Content Hub users while searching for assets. Let’s add a new filter. Click Add filters. For this example, we want Content Hub users to be able to filter assets by categories. First, specify the label for the filter. Map the label to the appropriate property from the metadata schema, using the metadata field. Select the data type, which, in our case, is String, and click Confirm. A new filter appears in the list of the available filters. Click Save to apply the changes.

Once there’s at least one asset in the repository that matches the filter criteria, the new filter will appear in the list of filters in the Content Hub interface.

To edit a filter, click the Edit icon.

To remove a filter, click the Delete icon, followed by Delete.

Click Save to apply the changes.

The Asset Details settings define the asset properties that are displayed for each asset in the Asset Details view, such as file name, title, format, size, and so on. To add an asset property, click Add metadata. For this example, we want to add the Categories property to the Assets Detailed view. Specify the label for the new property. In the metadata field, map the label to the appropriate property from the metadata schema.

Select the data type, which, in our case, is String, and click Confirm. The new property appears in the list of the existing asset properties. Click Save to apply the changes.

Now Content Hub users will be able to see the categories as an asset property when they open an asset on the portal. You can easily edit an asset property by clicking the Edit icon.

If you no longer need a property, simply click the Delete icon and confirm your action.

Don’t forget to click Save after you’re done with your modifications for the changes to appear in the Content Hub user interface.

In the Asset Card settings, administrators can configure what metadata details are displayed on the asset card. The maximum here is six metadata fields. For example, currently, we have no metadata fields displayed on asset cards.

Let’s show the file format, so that Content Hub users can quickly see what format the image is in and make a decision on what asset they want to use. Click Add metadata. Specify the label, which, in our case, will be File format. Map it to the appropriate property in the metadata field, which, in our case, is this property from the metadata schema. Click Confirm. The new field appears in the list of metadata details.

Click Save to apply the changes.

Now Content Hub users will be able to see the file format directly on asset cards in the portal’s user interface. You can easily edit a metadata field by clicking the Edit icon. If you no longer need a field, simply click the Delete icon and confirm your action. Click Save every time you make updates to apply the changes in the interface. Now let’s look at the search tab. Here administrators can define the metadata fields that are searched when a user specifies search criteria on the portal, such as the asset’s title, subject, name, keywords, and so on. To add a new field, click Add metadata. You are prompted to specify the metadata property you want to add to the search. Let’s add file format here. Simply start typing and Content Hub will provide you with relevant suggestions. After selecting the property, click Confirm and it’s added to the list of the existing metadata fields.

Click Save to apply the changes. Now this field will be automatically searched when the user performs a search on the Content Hub portal. To edit a metadata field, click the Edit icon. To delete it, click the Delete icon, followed by Delete to confirm your action. Click Save again after you’re happy with the updates to apply the changes. Branding allows you to personalize your Content Hub portal according to your branding requirements. You can start with the title and body text for the main banner on the Content Hub portal. Simply edit the text fields here. Select a new text color for the banner as needed. You can click the square box to use the color picker or simply paste the color’s hex code in this field.

For our example, let’s leave it white.

The secondary and primary colors set the background, text, and icon colors of UI elements to align your Content Hub interface with your brand’s theme. The primary color scheme applies to primary buttons, selection actions, and interactive elements such as checkboxes, search bars, and toggle switches across Content Hub, including Content Hub homepage, all assets, collections, and configuration page. For example, this applies to this primary Save button here.

The secondary color scheme applies to the secondary buttons, options, and input fields that are available within dialog boxes on the Content Hub homepage, as well as configuration menu options available on the configuration page except selection actions, checkboxes, search bars, and toggle switches. For example, this applies to the tab styling here. Similarly to the banner text, you can use the color picker or add the required hex code to change the primary or secondary colors for your Content Hub portal. Next, you can change the banner image of your Content Hub. To do this, click Select Image.

In this dialog, you’ll see all approved assets available in your repository. The recommended size for the banner image is between 200 and 450 pixels in height and between 1920 and 2560 pixels in width.

Select your image and click Select. Finally, you can add your own logo to display on your Content Hub pages. Click Select Image and you’ll be able to browse all approved assets from your repository. The recommended size for the logo image is between 80 and 120 pixels in height and between 120 and 200 pixels in width. Select the image and click Select. You can always reverse all your changes back to default by clicking Reset Defaults.

Once you’re happy with all the branding changes, click Save, and your changes will appear on the portal’s pages. In the Asset Visibility section, administrators can control the visibility of expired assets. By default, all expired assets aren’t visible on the Content Hub portal. Toggle the setting if you want them to appear in the interface. If the visibility is enabled, you can also choose to allow your users to download expired assets. Click Save.

Now Content Hub users will be able to view these assets in the interface and download them. If the download option is enabled.

Renditions are customized versions of digital assets, such as images, documents, and so on, designed for different devices and platforms to ensure optimal performance.

If you want renditions to appear in the Content Hub interface, toggle this setting. You can also choose to allow your users to download original assets. Click Save, and Content Hub users will be able to view renditions in the interface and download original assets, if the download option is enabled. The Custom Links tab allows you to add additional links to the standard Content Hub navigation below the main banner. For example, let’s add a link to the Adobe website to the navigation. Click Add Link. Enter the label that will appear as a tab below the banner and paste the URL in the URL field. Click Confirm, and your link will appear in the list. Click Save to apply the changes. Now, your users will see the Adobe link next to the standard All Assets, Collections, and Insights tabs on the Content Hub portal.

Collections and Sharing is where you as an administrator can define user permissions while creating collections. Toggle Enable Public Link if you want to allow your users to create public links. These links can be used by external users to access and download assets without logging into Content Hub.

Regarding Collections, you have two options. You can allow your users to create view-only collections. These collections are accessible to everyone, but only the collections creators and administrators can edit them.

Toggle Public Collections to allow your users to create collections that can be viewed and edited by anyone. Don’t forget to click Save to apply your changes.

So, this was an overview of Content Hub configurations. We hope this will help you effectively set up and manage the Content Hub portal’s user interface. Thanks for watching.