> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/designer/reference/elements/display-name/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Display Name

> Read and set the Navigator display name of an element.

The `displayName` property indicates whether an element supports a custom display name shown in the Navigator panel.
When it is set, this name replaces the default element label, making complex page structures easier to read and maintain.

To use these methods, check that the element's `displayName` property is `true`.
Setting the display name to an empty string resets it to the default name, matching the rename behavior available in the Designer.

## Methods

The Display Name property supports the following methods:

#### [Get display name](/designer/reference/get-display-name)

Get the Navigator display name of an element.

#### [Set display name](/designer/reference/set-display-name)

Set the Navigator display name of an element.

> Read and set the Navigator display name of an element.

## Docs

- [Get display name (Beta)](https://developers.webflow.com/designer/reference/get-display-name.md): Get the Navigator display name of an element.
- [Set display name (Beta)](https://developers.webflow.com/designer/reference/set-display-name.md): Set the Navigator display name of an element.