cs-icon.svg

Aprimo App Installation Guide

Aprimo is a digital asset management (DAM) platform used by many brands to organize all digital assets in one place. For a collaborative workflow, you can upload, store, and manage images, videos, icons, logos, and documents. Using asset personalization, you can control and set the accessibility of certain assets within your team.

Contentstack Marketplace lets you install the Aprimo application and use it within your stack to fetch and display images from Aprimo within your entries.

Prerequisites

  • Aprimo account
    • Unique login URL provided by Aprimo with a tenant name (For example, https://<sometenant>.dam.aprimo.com)
  • Contentstack account
  • Access to the Contentstack Organization/Stack as the Owner/Admin

Let's follow this step-by-step guide to install and configure the Aprimo app within your stack.

Steps for Execution

  1. Fetch your Aprimo Credentials
  2. Install and Configure the Aprimo app from Marketplace
  3. Use the Aprimo app within your Stack
  1. Fetch your Aprimo Credentials

    1. You can fetch Aprimo Account Tenant Name from the URL shared by Aprimo. For example, in the URL https://<sometenant>.dam.aprimo.com/, <sometenant> is the Tenant name.
    2. To fetch the Client ID and Client Secret required during app configuration in step 2, follow the steps:
      1. Log in to your Aprimo account and select Administration from the left navigation panel.Aprimo-Administration
      2. Go to Registrations under the Integration section.Aprimo-Registrations
      3. On the right side, click NEW to add a new registration.Aprimo-New-Registration
      4. Fill up the details and click SAVE to generate the Client ID.Aprimo-Fill-Registration-Details-And-Save

        Note: Copy the Client Secret to the clipboard. You'll not be able to view it again.

      5. You can get the Client ID after registration.Aprimo-Registration-Client-ID
  2. Install and Configure the Aprimo app from Marketplace

    Log in to your Contentstack account and follow the steps below:

    1. In the left navigation panel, click the Marketplace icon.Contentstack-Marketplace
    2. Click Apps from the left panel.
    3. Within the Marketplace, you can see the available apps. Hover over the Aprimo app click Install.Aprimo-App
    4. In the pop-up window, select the stack where you want to install the Aprimo app, accept the Terms of Service, and click the Install button.Aprimo-App-Install
    5. On the Configuration screen, you can add multiple configurations for Aprimo. To do so, follow the steps given below:
      1. Click the + New Configuration button to add new configuration details.Aprimo-New-Configuration
      2. In the Add Configuration modal, enter the configuration Name and click Add.Aprimo-Add-Configuration
      3. After adding the configuration, enter the following details:
        1. Enter the Aprimo Account Tenant Name retrieved in step 1.Aprimo-Configuration-Credentials
        2. Advanced Settings (Optional): Enter the Client ID and Client Secret retrieved from your Aprimo account in step 1. Then, under the Mapper section, map the metafields with the content types.Aprimo-Configuration-Advanced-Settings-Credentials

          Note: You can see the additional Aprimo meta fields added in the assets JSON object within the entry.

        3. Set as Default: To set this configuration as the default, click this checkbox.Aprimo-Configuration-Set-As-Default

          Alternatively, you can set a configuration as the default by clicking the three dots on the top-right side of the configuration section and then selecting Set as Default.

          Aprimo-Configuration-Set-As-Default-Option

          Note: At least one app configuration should be selected as the default.

          Similarly, you can add multiple configurations by following the steps discussed above.

      4. To delete the configuration, click the three dots and select Delete Configuration.Aprimo-Delete-Configuration

        In the Confirm Deletion modal, add the configuration name and click Delete.

        Aprimo-Delete-Configuration-Modal
      5. For an existing user, the credentials will be added as the default configuration, and named as legacy_config.Aprimo-Configuration-Legacy-Config

        Warning:

        • legacy_config is a reserved keyword and you cannot use it in adding new configurations.
        • If you delete the legacy_config configuration, data loss may occur and you will not be able to access the assets from the related accounts.
      6. Choose the Aprimo Keys to Save in Entry: Choose how to save the data fetched from the Aprimo account in Contentstack entries.
        1. If you select the All Fields option, you can select only a limited number of products in the entry.
        2. For Custom Fields, you can search and add specific Aprimo Fields you want to save in entries.Aprimo-Configuration-Save-In-Entry

          If you select Custom Fields then the Aprimo Keys drop-down appears. By default, id, name, and rendition.publicuri keys are already selected. If you want to create a new key, click the + New Key Field option.

          Aprimo-Configuration-Add-New-Key-Field

          In the Add Key Field modal, enter the Key Path and click the Create or Create and Apply button to create a new key.

          Aprimo-Add-Key-Path
    6. After adding the configuration details, click the Save button.
    7. On the UI Locations tab, you can see the predefined app locations. You can use the toggle button corresponding to each UI location to enable or disable it based on your requirements.Aprimo-UI-Locations

      Note: The app requires at least one UI location to be enabled; otherwise, you would not be able to save your app configuration settings.

      Additional Resource: For more information on UI locations, please refer to the Installed Apps guide.

    8. Click Open Stack to start using the Aprimo application.
  3. Use the Aprimo App within your Stack

    1. Go to your stack, and click the Content Models icon in the left navigation panel.
    2. Click the + New Content Type button to create a new content type.
    3. Add relevant details and click the Save and proceed button.

    There are two ways to use the Aprimo application in your entry.

    1. Custom Field
    2. JSON Rich Text Editor field

    Steps to use the Aprimo application using a Custom field

    1. Click the Insert a field link represented by a + sign to add a custom field.
    2. Under Select Extension/App, select Aprimo, and then click Proceed.Aprimo-Custom-Field-Add-App
    3. Under Advanced properties, you have the option to set the Config Parameter for all entries of a particular content type. If you do so, it overrides the default app configuration that you set at the time of app installation on the Configuration screen.

      The key:value passed in the configuration object overrides the default app configuration settings.

      1. Configuration Object (Optional): In case you want to use a different Aprimo configuration for any custom field within the same stack, you need to specify the configuration name in the Config Parameter.
        {
          "config_label": [
            "config2"
          ]
        }
      2. Locale Based Configuration Object (Optional): To add a locale-based configuration, add a locale parameter to the additional configuration object which specifies the locale value (for example: en-us) as the object key and the configuration object as the value to the locale.
        {
          "config_label": [
            "config2"
          ],
          "locale": {
            "en-us": {
              "config_label": [
                "config3"
              ]
            },
            "fr-fr": {
              "config_label": [
                "config1"
              ]
            }
          }
        }
      3. Max Limit (Optional): You can set the maximum number of assets that can be added in the custom field. In our example, it is 5.
        {
                "advanced": {
                   "max_limit":5,
        }
      4. Custom Settings (Optional): We have added an object, named custom_settings,which includes the following keys in the given format:
        • limitingSearchExpression: You can filter assets on the selector page.
        {
          "custom_settings": {
            "compact_view_options": {
              "limitingSearchExpression": "File.Version.Extension=mp4"
            }
          }
        }

        Additional Resource: You can add more optional parameters within the compact_view_options object. For detailed description of these optional parameters, refer to the Aprimo Developer Documentation.

    4. After adding the app, click Save or Save and Close to save your changes.
    5. To use the Aprimo app, create an entry for the above content type, and you will see the Aprimo custom field on your entry page as shown below:Aprimo-Custom-Field-Sample-Entry
    6. Click + Choose Asset(s) button.Aprimo-Custom-Field-Choose-Assets

      Note: After clicking the + Choose Asset(s) button, the app redirects you to log in to your Aprimo account if you are using it for the first time. Enter the Login ID and Password provided by Aprimo for fetching assets from your Aprimo account.

      Select image(s) from your Aprimo account.Aprimo-Selector Page
    7. Choose the rendition and then click Select to add the image to your entry.Aprimo-Seelctor-Page-Select-Asset

    8. The assets you select are added within your entry.
    9. Aprimo-Custom_Field-Assets
    10. Hover over the image to view the options to remove or preview the image.
      1. Click the Preview icon to view the image.
      2. Click the Remove icon to delete the selected image.

      Aprimo-Custom-Field-Asset-Feature
    11. After adding the asset(s), Save and Publish your entry.

    Steps to use the Aprimo application using a JSON Rich Text Editor field

    1. In the Content Type Builder page, add JSON Rich Text Editor in your content type by clicking on the Insert a field link represented by a + sign.
    2. To add the Aprimo plugin in JSON RTE, click the Properties icon of JSON RTE, and under Select JSON RTE Plugin(s), choose the Aprimo app, and then click the Add Plugin(s) button.Aprimo-JSONRTE-Add-App

      To add the Config Parameter in the JSON RTE field, click the gear icon on the app plugin selector page.

      You can set the following validations for the JSON RTE field:

      1. In case you want to use a different Aprimo configuration for any JSON RTE field within the same stack, you need to specify the configuration name in the Config Parameter.
        {
          "config_label": [
            "config 2"
          ]
        }
      2. Custom Settings (Optional): We have added an object, named custom_settings,which includes the following keys in the given format:
        • limitingSearchExpression: You can filter assets on the selector page.
        {
          "custom_settings": {
            "compact_view_options": {
              "limitingSearchExpression": "File.Version.Extension=mp4"
            }
          }
        }

        Additional Resource: You can add more optional parameters within the compact_view_options object. For detailed description of these optional parameters, refer to the Aprimo Developer Documentation.

    3. After adding the plugin, click Save or Save and Close to save your changes.
    4. To use the Aprimo app as a JSON RTE plugin, create an entry for this content type, and you will see the Aprimo app icon in the JSON RTE field on your entry page, as shown below:Aprimo-JSONRTE-App-Icon
    5. Click the Aprimo app icon to open the Media Library.Aprimo-Selector Page
    6. Choose the rendition and then click Select to add the image to your entry.Aprimo-Seelctor-Page-Select-Asset
    7. The selected asset(s) is displayed in the JSON RTE editor:
    8. Aprimo-JSONRTE-Assets
    1. To resize the image, drag the corner of the image and adjust the size as required.
    2. Hover over the image to view, edit or delete it.
      1. Click the View icon to view the image.
      2. Click the Edit icon to edit the image. Make the necessary changes and click the Save button.
      3. Click the Delete icon to delete the selected image.

      Aprimo-JSONRTE-Asset-Features
    3. After adding the asset(s), Save and Publish your entry.

    Note: For a deleted configuration, the associated assets are not removed from the entry. Instead, a warning icon is displayed on the assets.

Was this article helpful?
^