Log In

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.


// 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 AbilityLocaleBranchWorkflowSiteMode