Create a component instance

Adding a component instance, also known as a ComponentElement, to the canvas resembles the same process as adding any element to the canvas. Use the element creation methods in combination with a Component Object to create a new Component Instance.

Example

1// Get Selected Element
2const selectedElement = await webflow.getSelectedElement()
3
4// Get Component
5const allComponents = await webflow.getAllComponents()
6const firstComponent = allComponents[0]
7
8// Add Component instance onto a page
9await selectedElement?.before(firstComponent)

Designer Ability

Designer AbilityLocaleBranchWorkflowSiteMode
canCreateComponentsprimaryanycanvasany