Give your editors a picker for data they need to attach to content via Remote Source fields. Instead of requiring an editor to know the proper ID for any external data, install this picker and configure each field to search through the data in a top-level remote source field and allow for editors to choose content in a human-readable way.
Install the app
Use this page to install the app in your project of choice.
If you don't already have a Remote Source. Add one following this guide. After a remote source is added, create a top-level remote source field that contains an array of data for use in the picker.
products top-level remote source makes sense. This would allow for an editor to choose a product on an individual document.
Add a Picker field
The picker fields for GraphQL sources work slightly differently than REST sources, so choose the correct field for your project and then configure.
When adding the field, you'll be asked to configure certain values to tell the picker what to display and what to store for the ID.
Once these fields are added, your editors can then choose from the list provided by the API. Because this uses the top-level remote source fields, it means that the data available will always be in sync with what's available to your front-end API, as well.