Insert element after target element

element.after(newElement)

Insert a new element onto the page after the target element.

Syntax

1
element.after(newElement: ElementPreset | Component): Promise<<AnyElement>

Parameters

• newElement: webflow.elementPresets.<preset> - The new element to be inserted into the hierarchy. This element is derived from the webflow.elementPresets object, which contains all Webflow elements that can be inserted onto the canvas.

Returns

Promise<AnyElement>

A Promise that resolves to an AnyElement object.

AnyElement represents the various element types available in a Webflow project. See a full list of supported element types in the Designer Extension type definitions.

Example

1
// Get Selected Element
2
const selectedElement = await webflow.getSelectedElement();
3
4
if (selectedElement) {
5
  // Insert DIV after selected Element
6
  const newDiv = await selectedElement.after(webflow.elementPresets.DivBlock);
7
8
  // Print element details
9
  console.log(`${JSON.stringify(newDiv)}`);
10
}

Designer Ability