1
element.getAsset(): Promise<Asset | null>

1
// Get Selected Element
2
const el = await webflow.getSelectedElement()
3
4
// Check if element can have children
5
if (el?.children) {
6
  // Create a new Image Element using Element Presets
7
  const imgEl = await el.append(webflow.elementPresets.Image)
8
9
  // Check element type
10
  if (imgEl.type === 'Image') {
11
    // Get asset from Image element
12
    const myAsset = await imgEl.getAsset()
13
    console.log(myAsset)
14
    }
15
}

1
element.setAsset(asset: Asset | null): Promise<null>

1
// Get Selected Element
2
const el = await webflow.getSelectedElement()
3
4
// Check if element can have children
5
if (el?.children) {
6
  // Create a new Image Element using Element Presets
7
  const imgEl = await el.append(webflow.elementPresets.Image)
8
9
  // Get asset by ID
10
  const asset = await webflow.getAssetById(assetId)
11
12
  // Check element type
13
  if (imgEl.type === 'Image') {
14
    // Set asset as the "src" of the Image Element
15
    await imgEl.setAsset(asset)
16
  }
17
}

1
element.getAltText(): Promise<string>

1
// Get Selected Element
2
const el = await webflow.getSelectedElement()
3
if (el?.type === 'Image') {
4
  // Get alt text
5
  const alt = await el.getAltText()
6
  console.log(alt)
7
} else {
8
  console.error('Please select an image element')
9
  await webflow.notify({
10
    type: 'Error',
11
    message: 'Please select an Image Element',
12
  })
13
}

1
element.setAltText(altText: string | null): Promise<null>

1
// Get Selected Element
2
const el = await webflow.getSelectedElement()
3
4
// Check element type
5
if (el?.type === 'Image') {
6
  // Set alt text. If a null is passed, the API will set the alt text as "decorative"
7
  await el.setAltText(altText)
8
  // Get alt text
9
  const alt = await el.getAltText()
10
  console.log(alt) // true
11
} else {
12
  console.error('Please select an Image Element')
13
  await webflow.notify({
14
    type: 'Error',
15
    message: 'Please select an Image Element',
16
  })
17
}