Set display name (Beta)

1
element.setDisplayName(displayName: string): Promise<null>

1
// Get the selected element
2
const element = await webflow.getSelectedElement();
3
4
if (element?.displayName) {
5
6
  // Set a custom display name
7
  await element.setDisplayName('Hero Wrapper');
8
9
  // Reset to the default name
10
  await element.setDisplayName('');
11
}
12
13
// Bulk rename child elements for clarity
14
const root = await webflow.getRootElement();
15
16
if (root) {
17
  const children = await root.getChildren();
18
  for (let i = 0; i < children.length; i++) {
19
    if (children[i].displayName) {
20
      await children[i].setDisplayName(`Section ${i + 1}`);
21
    }
22
  }
23
}