Custom Field Location

The Custom Field Location of an app lets you add/ create custom fields that you can use in your content type. Apart from using the default fields such as "Single-line textbox", "Rich Text Editor", and so on, you can integrate with numerous business applications, such as "Bynder", "Cloudinary", "Shopify", by adding them as custom fields to your stack's content type.

The following are the two ways to add custom field location to your app:

  • Via the Developer Hub Console:
    To add the custom field location to your app via the Developer Hub console, login to your Contentstack account and follow the steps given below:

    1. Click on the Developer Hub icon on the left navigation panel.
      Developer-Hub-Icon.png
    2. Select an application for which you want to add the custom field location.
    3. Click on the UI Locations tab. 
      UI_Locations.png
    4. In the App URL field, enter the hosted URL of your application. 
      App_URL.png
    5. Hover over the Custom Field location, and click on the + Add button. 
      Add_Custom_Field.png
    6. On the resulting Configuration page, set up the configurations for custom field location by providing details such as name, path, data type, and description. You can also enable the configuration using the Enable toggle button.
      Enable_Toggle.png
    7. Finally, click on the Save button to save the custom field location’s configuration details.

  • Via Manifest API:
    The App Manifest file describes essential information about your app, and is stored in the root directory of its project hierarchy.
    Add the custom field location to this file as shown below:
    {
      "type":"cs.cm.stack.custom_field",
      "meta":[
        {
          "signed":true,
          "path":"/config"
        }
      ]
    }

Note: A single app supports up to three custom field locations.

You can create new custom field locations by writing your custom code, or you can use the prebuilt boilerplate and modify the given code to suit your requirements.

Was this article helpful?

Thanks for your feedbackSmile-icon

On This Page

^