How to use Custom Fields

In this example we take you through how to create and manage custom fields while using the Operator API

What you’ll learn

In this article, you’ll learn about Custom Fields, specifically:

  • What Custom Fields are & who can use them
  • The objects that are supported by Custom Fields
  • The queries & mutations that can be used to create and retrieve Custom Fields

What are custom fields?

Custom fields are a feature that let you expand the information you collect and store above and beyond that which can be captured by the default schema. For example, you might create a custom field for Seller objects to collect additional contact information, timezone, or addresses for returns.

Currently, custom fields can be:

  • Applied to the following object types:
  • Created as a number of different “types”, e.g. Text, Boolean and URl.
    • For a full list of supported field types, please refer to the reference docs
    • additionally, you can specify whether custom fields require a value or not using the required attribute
  • (For Sellers) added to a seller’s profile (visible to you) and in the seller portal (visible to sellers).
  • (For Shipping Rules) added to the Shipping Rules definition screen for both Operator and Seller defined rules
  • Created using the GraphQL API.

Similar to metadata, the purpose of custom fields is to allow you to define and use attributes that may not exist for an object in the default schema.

Read our article on Creating Custom Groups and Fields for more details.

Structure of custom fields

When creating a custom field, operators will first need to create a Custom Field Group that the fields belong to.

NameGraphQL ObjectDescriptionExample
Custom Field GroupcustomFieldGroupA custom field group is an object that one or more customs fields belong to. Creating a Group is a prerequisite for any Custom fields to be created. There is no limit to the number of custom field groups that can be created.Additional Seller Information
Custom FieldcustomFieldA custom field is the actual attribute that can be populated with data. Custom fields always belong to a Custom Field Group. There is no limit to the number of custom fields that can be created.Billing contact, Return address, Delivery cut off time.

Creating & Managing Custom Field Groups & Custom Fields

Custom Field Groups and Fields can only be created and updated via the GraphQL API. Below are some examples of how to get started creating groups and fields.

Create a Custom Field Group

An example mutation for creating a new custom field group.

mutation CreateACustomFieldGroup(
  $attributes: CustomFieldGroupInput!
) {
  customFieldGroupCreateOrUpdate(
    input: { attributes: $attributes }
  ) {
    customFieldGroup {
      id
      name
      description
      entity
      position
    }
    errors {
      messages
      field
    }
  }
}
{
  "attributes": {
    "name": "Additional Information",
    "description": "Your description",
    "entity": "SELLER",
    "position" : 0
  }
}

Update a Custom Field Group

An example mutation for updating details of existing custom field groups, where customFieldGroupId is the ID of the custom field group you intend on updating.

mutation UpdateACustomFieldGroup(
  $customFieldGroupId: ID
  $attributes: CustomFieldGroupInput!
) {
  customFieldGroupCreateOrUpdate(
    input: { 
      id: $customFieldGroupId, 
      attributes: $attributes 
    }
  ) {
    customFieldGroup {
      id
      name
      description
      entity
    }
    errors {
      messages
      field
    }
  }
}
{
  "customFieldGroupId": "Q3VzdG9tRmllbGRHcm91cC0y",
  "attributes": {
    "name": "Delivery Details",
    "description": "Shipping Rule Delivery Details",
    "entity": "SHIPPING_RULE"
  }
}

Delete a Custom Field Group

An example mutation for deleting a Custom Field Group.

IMPORTANT: Using this method will also delete any associated CustomFields.

mutation DeleteACustomFieldGroup(
  $input: CustomFieldGroupDeleteMutationInput!) {
  customFieldGroupDelete(input: $input) {
    customFieldGroup {
      id
    }
  }
}
{
  "input": {
    "id": "Q3VzdG9tRmllbGRHcm91cC00"
  }
}

Create a Custom Field

An example mutation for creating a new custom field.

NOTE: The customFieldGroupId must already exist.

mutation CreatACustomField(
  $attributes: CustomFieldInput!
) {
  customFieldCreateOrUpdate(
    input: { attributes: $attributes }
  ) {
    customField {
      id
      name
      description
      placeholder
      fieldType
      required
      defaultValue
      position
      customFieldOptions {
        id
        label
        value
      }
    }
  }
}
{
  "attributes": {
    "customFieldGroupId": "Q3VzdG9tRmllbGRHcm91cC04",
    "name": "Onboarding Training Completed",
    "required": true,
    "defaultValue" : "No",
    "description": "Has the seller completed the mandaory onboarding training",
    "fieldType": "SINGLE_SELECT",
    "position": 1,
    "customFieldOptions": [
      {
        "label": "Yes",
        "value": "Yes"
      },
      {
        "label": "No",
        "value": "No"
      },
      {
        "label": "Not Required",
        "value": "NA"
      }
    ]
  }
}

Update a Custom Field

An example mutation for updating the attributes of an existing custom field, where customFieldId is the ID of the custom field that you intend on updating.

mutation UpdateACustomField(
  $customFieldId: ID
  $attributes: CustomFieldInput!
) {
  customFieldCreateOrUpdate(
    input: { 
      id: $customFieldId, 
      attributes: $attributes }
  ) {
    customField {
      id
      name
      description
      placeholder
      fieldType
      required
    }
  }
}
{
  "customFieldId": "Q3VzdG9tRmllbGQtOQ==",
  "attributes": {
    "customFieldGroupId": "Q3VzdG9tRmllbGRHcm91cC0z",
    "name": "Return Option",
    "description": "Return Option for Delivery",
    "fieldType": "SINGLE_SELECT",
    "customFieldOptions": [
      {
        "customFieldOptionId": "Q3VzdG9tRmllbGRPcHRpb24tMQ==",
        "label": "Forward",
        "value": "Forward"
      },
      {
        "customFieldOptionId": "Q3VzdG9tRmllbGRPcHRpb24tMg==",
        "label": "Retain",
        "value": "Retain"
      }
    ]
  }
}

Delete a Custom Field

An example mutation for deleting a custom field, where id is the ID of the custom field that you intend on updating.

mutation DeleteACustomField($input: CustomFieldDeleteMutationInput!) {
  customFieldDelete(input: $input) {
    customField {
      id
    }
  }
}
{
  "input": {
    "id": "Q3VzdG9tRmllbGQtOA=="
  }
}

Retrieve all the custom field groups and fields created

An example of a query to retrieve all the Custom Field Groups and their associated fields that have been created for your marketplace.

query GetCustomFieldGroups(
  $pageSizeGroups: Int
  $afterCursorGroups: String
  $pageSizeFields: Int
  $afterCursorFields: String
) {
  entityCustomFieldGroups(first: $pageSizeGroups, after: $afterCursorGroups) {
    nodes {
      id
      name
      description
      entity
      customFields(first: $pageSizeFields, after: $afterCursorFields) {
        nodes {
          id
          name
          description
          placeholder
          fieldType
          customFieldOptions {
            id
            label
            value
          }
        }
      }
    }
    pageInfo {
      ...PageInfoPartial
    }
  }
}
fragment PageInfoPartial on PageInfo {
  hasNextPage
  endCursor
}
```
{
  "pageSizeGroups": 50,
  "afterCursorGroups": "",
  "pageSizeFields": 10,
  "afterCursorFields": ""
}

Retrieve custom field values

Currently the following GraphQL objects support the attachment of custom fields:

Therefore any query where that references the seller or shippingOption objects allow for the retrieval of the values placed into those fields. An example of the sellerSearch query is shown below where we retrieve the values for those fields.

query {
  sellerSearch {
    sellers {
      nodes {
        businessName
        id
        customFieldGroups {
          nodes {
            id
            name
            customFields {
              edges {
                node {
                  name
                  value
                }
              }
            }
          }
        }
      }
    }
  }
}