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
// Get Selected Element
const selectedElement = await webflow.getSelectedElement()
// Get Component
const allComponents = await webflow.getAllComponents()
const firstComponent = allComponents[0]
// Add Component instance onto a page
await selectedElement?.before(firstComponent)
Designer Ability
| Designer Ability | Locale | Branch | Workflow | SiteMode |
|---|---|---|---|---|
| canCreateComponents | primary | any | canvas | any |