Choose a version:

menuCreate

mutation

Requires write_online_store_navigation access scope.

Creates a navigation Menu for the online store. Menus organize links that help customers navigate to collections, products, pages, blogs, and custom URLs.

Each menu requires a unique handle for identification and can contain multiple MenuItem objects with nested sub-items up to three levels deep.

Anchor to Arguments

Arguments

Anchor to handlehandle

•String!

required

The menu's handle.

Anchor to itemsitems

•[MenuItemCreateInput!]!

required

List of the menu's items.

Anchor to titletitle

•String!

required

The menu's title.

Was this section helpful?

Anchor to MenuCreatePayload returnsMenuCreatePayload returns

Anchor to menumenu •Menu: The created menu.
Anchor to userErrorsuserErrors •[MenuCreateUserError!]! non-null: The list of errors that occurred from executing the mutation.

Was this section helpful?

Examples

Create a menu

Description

Create a menu with sub items

Query

mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) {
  menuCreate(title: $title, handle: $handle, items: $items) {
    menu {
      id
      handle
      items {
        id
        title
        items {
          id
          title
        }
      }
    }
  }
}

Variables

{
  "title": "Sidebar",
  "handle": "sidebar",
  "items": [
    {
      "title": "Collections",
      "type": "COLLECTION",
      "url": "/collection",
      "items": [
        {
          "title": "Bestsellers",
          "type": "COLLECTION",
          "resourceId": "gid://shopify/Collection/1007901140",
          "url": "/collection/bestsellers/new",
          "tags": [
            "new"
          ],
          "items": []
        }
      ]
    },
    {
      "title": "Products",
      "type": "CATALOG",
      "url": "/collections/all",
      "items": []
    },
    {
      "title": "About us",
      "type": "PAGE",
      "resourceId": "gid://shopify/Page/905192165",
      "url": "/pages/about-us",
      "items": []
    }
  ]
}

cURL

curl -X POST \
https://your-development-store.myshopify.com/admin/api/2025-10/graphql.json \
-H 'Content-Type: application/json' \
-H 'X-Shopify-Access-Token: {access_token}' \
-d '{
"query": "mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) { menuCreate(title: $title, handle: $handle, items: $items) { menu { id handle items { id title items { id title } } } } }",
 "variables": {
    "title": "Sidebar",
    "handle": "sidebar",
    "items": [
      {
        "title": "Collections",
        "type": "COLLECTION",
        "url": "/collection",
        "items": [
          {
            "title": "Bestsellers",
            "type": "COLLECTION",
            "resourceId": "gid://shopify/Collection/1007901140",
            "url": "/collection/bestsellers/new",
            "tags": [
              "new"
            ],
            "items": []
          }
        ]
      },
      {
        "title": "Products",
        "type": "CATALOG",
        "url": "/collections/all",
        "items": []
      },
      {
        "title": "About us",
        "type": "PAGE",
        "resourceId": "gid://shopify/Page/905192165",
        "url": "/pages/about-us",
        "items": []
      }
    ]
  }
}'

React Router

import { authenticate } from "../shopify.server";

export const loader = async ({request}) => {
  const { admin } = await authenticate.admin(request);
  const response = await admin.graphql(
    `#graphql
  mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) {
    menuCreate(title: $title, handle: $handle, items: $items) {
      menu {
        id
        handle
        items {
          id
          title
          items {
            id
            title
          }
        }
      }
    }
  }`,
  {
    variables: {
        "title": "Sidebar",
        "handle": "sidebar",
        "items": [
            {
                "title": "Collections",
                "type": "COLLECTION",
                "url": "/collection",
                "items": [
                    {
                        "title": "Bestsellers",
                        "type": "COLLECTION",
                        "resourceId": "gid://shopify/Collection/1007901140",
                        "url": "/collection/bestsellers/new",
                        "tags": [
                            "new"
                        ],
                        "items": []
                    }
                ]
            },
            {
                "title": "Products",
                "type": "CATALOG",
                "url": "/collections/all",
                "items": []
            },
            {
                "title": "About us",
                "type": "PAGE",
                "resourceId": "gid://shopify/Page/905192165",
                "url": "/pages/about-us",
                "items": []
            }
        ]
    },
  },
  );
  const json = await response.json();
  return json.data;
}

Ruby

session = ShopifyAPI::Auth::Session.new(
  shop: "your-development-store.myshopify.com",
  access_token: access_token
)
client = ShopifyAPI::Clients::Graphql::Admin.new(
  session: session
)

query = <<~QUERY
  mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) {
    menuCreate(title: $title, handle: $handle, items: $items) {
      menu {
        id
        handle
        items {
          id
          title
          items {
            id
            title
          }
        }
      }
    }
  }
QUERY

variables = {
  "title": "Sidebar",
  "handle": "sidebar",
  "items": [
    {
      "title": "Collections",
      "type": "COLLECTION",
      "url": "/collection",
      "items": [
        {
          "title": "Bestsellers",
          "type": "COLLECTION",
          "resourceId": "gid://shopify/Collection/1007901140",
          "url": "/collection/bestsellers/new",
          "tags": [
            "new"
          ],
          "items": []
        }
      ]
    },
    {
      "title": "Products",
      "type": "CATALOG",
      "url": "/collections/all",
      "items": []
    },
    {
      "title": "About us",
      "type": "PAGE",
      "resourceId": "gid://shopify/Page/905192165",
      "url": "/pages/about-us",
      "items": []
    }
  ]
}

response = client.query(query: query, variables: variables)

Node.js

const client = new shopify.clients.Graphql({session});
const data = await client.query({
  data: {
    "query": `mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) {
      menuCreate(title: $title, handle: $handle, items: $items) {
        menu {
          id
          handle
          items {
            id
            title
            items {
              id
              title
            }
          }
        }
      }
    }`,
    "variables": {
        "title": "Sidebar",
        "handle": "sidebar",
        "items": [
            {
                "title": "Collections",
                "type": "COLLECTION",
                "url": "/collection",
                "items": [
                    {
                        "title": "Bestsellers",
                        "type": "COLLECTION",
                        "resourceId": "gid://shopify/Collection/1007901140",
                        "url": "/collection/bestsellers/new",
                        "tags": [
                            "new"
                        ],
                        "items": []
                    }
                ]
            },
            {
                "title": "Products",
                "type": "CATALOG",
                "url": "/collections/all",
                "items": []
            },
            {
                "title": "About us",
                "type": "PAGE",
                "resourceId": "gid://shopify/Page/905192165",
                "url": "/pages/about-us",
                "items": []
            }
        ]
    },
  },
});

Response

{
  "menuCreate": {
    "menu": null
  }
}

menuCreate reference

Examples

Open in GraphiQL

import { authenticate } from "../shopify.server";

export const loader = async ({request}) => {

const { admin } = await authenticate.admin(request);

const response = await admin.graphql(

`#graphql

mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) {

menuCreate(title: $title, handle: $handle, items: $items) {

menu {

handle

items {

title

items {

title

}

}`,

{

variables: {

"title": "Sidebar",

"handle": "sidebar",

"items": [

{

"title": "Collections",

"type": "COLLECTION",

"url": "/collection",

"items": [

{

"title": "Bestsellers",

"type": "COLLECTION",

"resourceId": "gid://shopify/Collection/1007901140",

"url": "/collection/bestsellers/new",

"tags": [

"new"

"items": []

}

]

{

"title": "Products",

"type": "CATALOG",

"url": "/collections/all",

"items": []

{

"title": "About us",

"type": "PAGE",

"resourceId": "gid://shopify/Page/905192165",

"url": "/pages/about-us",

"items": []

}

]

);

const json = await response.json();

return json.data;

}

GQL

mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) {
  menuCreate(title: $title, handle: $handle, items: $items) {
    menu {
      id
      handle
      items {
        id
        title
        items {
          id
          title
        }
      }
    }
  }
}

cURL

curl -X POST \
https://your-development-store.myshopify.com/admin/api/2025-10/graphql.json \
-H 'Content-Type: application/json' \
-H 'X-Shopify-Access-Token: {access_token}' \
-d '{
"query": "mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) { menuCreate(title: $title, handle: $handle, items: $items) { menu { id handle items { id title items { id title } } } } }",
 "variables": {
    "title": "Sidebar",
    "handle": "sidebar",
    "items": [
      {
        "title": "Collections",
        "type": "COLLECTION",
        "url": "/collection",
        "items": [
          {
            "title": "Bestsellers",
            "type": "COLLECTION",
            "resourceId": "gid://shopify/Collection/1007901140",
            "url": "/collection/bestsellers/new",
            "tags": [
              "new"
            ],
            "items": []
          }
        ]
      },
      {
        "title": "Products",
        "type": "CATALOG",
        "url": "/collections/all",
        "items": []
      },
      {
        "title": "About us",
        "type": "PAGE",
        "resourceId": "gid://shopify/Page/905192165",
        "url": "/pages/about-us",
        "items": []
      }
    ]
  }
}'

React Router

import { authenticate } from "../shopify.server";

export const loader = async ({request}) => {
  const { admin } = await authenticate.admin(request);
  const response = await admin.graphql(
    `#graphql
  mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) {
    menuCreate(title: $title, handle: $handle, items: $items) {
      menu {
        id
        handle
        items {
          id
          title
          items {
            id
            title
          }
        }
      }
    }
  }`,
  {
    variables: {
        "title": "Sidebar",
        "handle": "sidebar",
        "items": [
            {
                "title": "Collections",
                "type": "COLLECTION",
                "url": "/collection",
                "items": [
                    {
                        "title": "Bestsellers",
                        "type": "COLLECTION",
                        "resourceId": "gid://shopify/Collection/1007901140",
                        "url": "/collection/bestsellers/new",
                        "tags": [
                            "new"
                        ],
                        "items": []
                    }
                ]
            },
            {
                "title": "Products",
                "type": "CATALOG",
                "url": "/collections/all",
                "items": []
            },
            {
                "title": "About us",
                "type": "PAGE",
                "resourceId": "gid://shopify/Page/905192165",
                "url": "/pages/about-us",
                "items": []
            }
        ]
    },
  },
  );
  const json = await response.json();
  return json.data;
}

Node.js

const client = new shopify.clients.Graphql({session});
const data = await client.query({
  data: {
    "query": `mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) {
      menuCreate(title: $title, handle: $handle, items: $items) {
        menu {
          id
          handle
          items {
            id
            title
            items {
              id
              title
            }
          }
        }
      }
    }`,
    "variables": {
        "title": "Sidebar",
        "handle": "sidebar",
        "items": [
            {
                "title": "Collections",
                "type": "COLLECTION",
                "url": "/collection",
                "items": [
                    {
                        "title": "Bestsellers",
                        "type": "COLLECTION",
                        "resourceId": "gid://shopify/Collection/1007901140",
                        "url": "/collection/bestsellers/new",
                        "tags": [
                            "new"
                        ],
                        "items": []
                    }
                ]
            },
            {
                "title": "Products",
                "type": "CATALOG",
                "url": "/collections/all",
                "items": []
            },
            {
                "title": "About us",
                "type": "PAGE",
                "resourceId": "gid://shopify/Page/905192165",
                "url": "/pages/about-us",
                "items": []
            }
        ]
    },
  },
});

Ruby

session = ShopifyAPI::Auth::Session.new(
  shop: "your-development-store.myshopify.com",
  access_token: access_token
)
client = ShopifyAPI::Clients::Graphql::Admin.new(
  session: session
)

query = <<~QUERY
  mutation CreateMenu($title: String!, $handle: String!, $items: [MenuItemCreateInput!]!) {
    menuCreate(title: $title, handle: $handle, items: $items) {
      menu {
        id
        handle
        items {
          id
          title
          items {
            id
            title
          }
        }
      }
    }
  }
QUERY

variables = {
  "title": "Sidebar",
  "handle": "sidebar",
  "items": [
    {
      "title": "Collections",
      "type": "COLLECTION",
      "url": "/collection",
      "items": [
        {
          "title": "Bestsellers",
          "type": "COLLECTION",
          "resourceId": "gid://shopify/Collection/1007901140",
          "url": "/collection/bestsellers/new",
          "tags": [
            "new"
          ],
          "items": []
        }
      ]
    },
    {
      "title": "Products",
      "type": "CATALOG",
      "url": "/collections/all",
      "items": []
    },
    {
      "title": "About us",
      "type": "PAGE",
      "resourceId": "gid://shopify/Page/905192165",
      "url": "/pages/about-us",
      "items": []
    }
  ]
}

response = client.query(query: query, variables: variables)

Input variables

JSON

{

"title": "Sidebar",

"handle": "sidebar",

"items": [

{

"title": "Collections",

"type": "COLLECTION",

"url": "/collection",

"items": [

{

"title": "Bestsellers",

"type": "COLLECTION",

"resourceId": "gid://shopify/Collection/1007901140",

"url": "/collection/bestsellers/new",

"tags": [

"new"

"items": []

}

]

{

"title": "Products",

"type": "CATALOG",

"url": "/collections/all",

"items": []

{

"title": "About us",

"type": "PAGE",

"resourceId": "gid://shopify/Page/905192165",

"url": "/pages/about-us",

"items": []

}

]

}

Response

JSON

{

"menuCreate": {

"menu": null

}