Create a New Asset Sidebar Extension

Note: Experience Extensions use the legacy approach with extensions. We recommend using the Asset Sidebar UI Location for the Contentstack App Framework to extend the functionality of your apps.

Contentstack allows you to create an Asset Sidebar Extension that enhances the way you manage, transform, and optimize the assets in your stack.

To create an Asset Sidebar Extension, log in to your Contentstack account, and perform the following steps:

1. Navigate to your stack and click on the “Settings” icon on the left navigation panel.
2. Click on Extensions under Setttings.
3. On the Extensions page, click on the + New Extension button, and select Create new. 
   
   
4. In the Select Extension Type window, select Asset Sidebar Extension.
   
5. In the Create New Extension page, enter values in the fields as given below:
   1. Title: Provide a suitable title for your Asset Sidebar Extension. This title will be visible as an Asset Sidebar Extension name in the asset details page.
   2. SideBar Width: Enter a width for your Asset Sidebar Extension in pixels.
      

      Note: The Asset Sidebar Extension width can range from 335 pixels to 1024 pixels.
      

   3. Blur Asset Details: Enable this option to blur the asset details by default.
   4. Hosting method: Select how you want to host the Asset Sidebar Extension :
      • External Hosting: Select this option for externally hosted Asset Sidebar Extension. You need to provide the URL in the External hosting URL field that appears below.
      • Hosted on Contentstack: Select this option if you can write the code in the Extension source code field that appears below.
   5. Config Parameter: If you have used any config parameters (such as access token) in the source code, specify the value of the parameters in this field.
      
6. Finally, click on Save.
   

Once you create an extension, Contentstack automatically generates a unique ID, as shown over the extension page.

After creation, you can use the Asset Sidebar Extension by accessing it from the sidebar panel. 

Here are the links to the API requests related to this action performed on asset sidebar extensions:

• Get all asset sidebar extensions
• Get a single asset sidebar extension
• Create an asset sidebar extension with source URL
• Update an asset sidebar extension
• Delete asset sidebar extension