Documentation

Using Data sources

Elevate, May 20-22-2025, Miami Beach, Florida

The Data sources area lets developers manage the data sources in your commercetools Frontend project.

From Data sources in the Developer area, you can add a data source schema, edit some settings of data sources, download a data source schema, and delete data sources.

Add a data source schema

To add a data source JSON schema, follow these steps:

  1. From the Studio home page or from the left menu, go to Developer > Data sources.
  2. Click Upload schema to browse and upload a JSON file you created, or click Create schema: the schema editor opens.
  3. From the schema editor, click Publish to make the data source available in the Studio. Otherwise, click Save as draft.
For further information on creating data sources, see Developing a data source extension.

Edit a data source settings

To edit the settings of a data source, follow these steps:

  1. From the Studio home page or from the left menu, go to Developer > Data sources.

  2. Search for the data source and select it: the pane with the data source settings opens.

  3. From the settings pane, perform one of the following changes. Then, click Save.

    • Activate or deactivate the data source.

    • Select the environments in which the data source is available.

    • Edit the data source icon.

    • Edit the data source schema.

      When you edit the data source schema, make sure backwards compatibility is guaranteed. Otherwise, it could break your website.

      The pane with the settings of a data source in the Developer Data sources area.

Download a data source schema

To download the JSON schema of a data source, follow these steps:

  1. From the Studio home page or from the left menu, go to Developer > Data sources.

  2. Search for the data source and select it: the pane with the data source settings opens.

  3. Click Download schema: the JSON file with the data source schema will be downloaded on your computer.

Delete a data source

To delete a data source, follow these steps:

  1. From the Studio home page or from the left menu, go to Developer > Data sources.

  2. Search for the data source and select it: the pane with the data source settings opens.

  3. Click Delete.

You can delete a data source only if it is not in use.