> This page is for Designer API.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Element Presets

The Element Presets object specifies all the element types available in the designer. Using the Element Presets object, Apps can select native Webflow elements to insert onto a page with the [element creation methods.](/designer/reference/insert-element-before)

Each preset corresponds to a unique element type, complete with its own properties and methods. For a deeper understanding of how to manipulate these element properties and methods, consult the [Designer Extension type definitions](https://www.npmjs.com/package/@webflow/designer-extension-typings?activeTab=code) and documentation on [element properties and methods.](/designer/reference/elements-overview)

> **Use the DOM element when presets aren't available**
>
> Not all element types are supported through presets. Additionally, not all
> presets have methods to support updating the element. If a preset or
> functionality isn't available for the element you want to create, you can use
> the [custom DOM element](/designer/reference/dom-element) method to create a
> custom element.

### Layout & Structure

For fundamental building blocks of page layout and responsive design.

> **Use the Box preset for block containers**
>
> The `Box` preset replaces `DivBlock`, `Section`, `BlockContainer`, `Grid`, `Row`, `HFlex`, and `VFlex`.
> The deprecated presets still work, but you should use `Box` for new code.
> A Box element has a semantic HTML tag, such as `div`, `section`, `header`, or `nav`.
> Use [`element.getTag()`](/designer/reference/get-tag) to read the tag and [`element.setTag()`](/designer/reference/set-tag) to change it.

| Preset                | Element Type                                  |
| --------------------- | --------------------------------------------- |
| Box                   | BlockElement                                  |
| DivBlock (Deprecated) | BlockElement                                  |
| DOM                   | [DOMElement](/designer/reference/dom-element) |
| Grid (Deprecated)     | GridElement                                   |
| HFlex (Deprecated)    | HFlexElement                                  |
| QuickStack            | LayoutElement                                 |
| Row (Deprecated)      | RowElement                                    |
| Section (Deprecated)  | BlockElement                                  |
| VFlex (Deprecated)    | VFlexElement                                  |

### Typography & Content

For elements whose primary purpose is to display text or structured content.

| Preset     | Element Type                                          |
| ---------- | ----------------------------------------------------- |
| Blockquote | BlockquoteElement                                     |
| Heading    | [HeadingElement](/designer/reference/heading-element) |
| List       | ListElement                                           |
| ListItem   | ListItemElement                                       |
| Paragraph  | ParagraphElement                                      |
| RichText   | RichTextElement                                       |
| TextBlock  | BlockElement                                          |

### Navigation & Interactive

For elements that users interact with to navigate or trigger actions.

| Preset          | Element Type                                    |
| --------------- | ----------------------------------------------- |
| Button          | [LinkElement](/designer/reference/link-element) |
| DropdownWrapper | DropdownWrapperElement                          |
| LightboxWrapper | LightboxWrapperElement                          |
| LinkBlock       | [LinkElement](/designer/reference/link-element) |
| NavbarWrapper   | NavbarWrapperElement                            |
| Pagination      | PaginationElement                               |
| SliderWrapper   | SliderWrapperElement                            |
| TabsWrapper     | TabsWrapperElement                              |
| TextLink        | [LinkElement](/designer/reference/link-element) |

### Forms

All presets related to creating and managing forms.

| Preset                | Element Type                                    |
| --------------------- | ----------------------------------------------- |
| FormBlockLabel        | FormBlockLabelElement                           |
| FormButton            | FormButtonElement                               |
| FormCheckboxInput     | AnyElement                                      |
| FormFileUploadWrapper | AnyElement                                      |
| FormForm              | [FormElement](/designer/reference/form-element) |
| FormRadioInput        | AnyElement                                      |
| FormReCaptcha         | FormReCaptchaElement                            |
| FormSelect            | AnyElement                                      |
| FormTextarea          | AnyElement                                      |
| FormTextInput         | AnyElement                                      |

### Pre-built Layouts

For professionally designed, pre-built sections that can be inserted onto a page.

| Preset                           | Element Type   |
| -------------------------------- | -------------- |
| LayoutFeaturesList               | SectionElement |
| LayoutFeaturesMetrics            | SectionElement |
| LayoutFeaturesTable              | SectionElement |
| LayoutFooterDark                 | SectionElement |
| LayoutFooterLight                | SectionElement |
| LayoutFooterSubscribe            | SectionElement |
| LayoutGalleryOverview            | SectionElement |
| LayoutGalleryScroll              | SectionElement |
| LayoutGallerySlider              | SectionElement |
| LayoutHeroHeadingCenter          | SectionElement |
| LayoutHeroHeadingLeft            | SectionElement |
| LayoutHeroHeadingRight           | SectionElement |
| LayoutHeroStack                  | SectionElement |
| LayoutHeroSubscribeLeft          | SectionElement |
| LayoutHeroSubscribeRight         | SectionElement |
| LayoutHeroWithoutImage           | SectionElement |
| LayoutLogosQuoteBlock            | SectionElement |
| LayoutLogosQuoteDivider          | SectionElement |
| LayoutLogosTitleLarge            | SectionElement |
| LayoutLogosTitleSmall            | SectionElement |
| LayoutLogosWithoutTitle          | SectionElement |
| LayoutNavbarLogoCenter           | SectionElement |
| LayoutNavbarLogoLeft             | SectionElement |
| LayoutNavbarNoShadow             | SectionElement |
| LayoutPricingComparison          | SectionElement |
| LayoutPricingItems               | SectionElement |
| LayoutPricingOverview            | SectionElement |
| LayoutTeamCircles                | SectionElement |
| LayoutTeamSlider                 | SectionElement |
| LayoutTestimonialColumnDark      | SectionElement |
| LayoutTestimonialColumnLight     | SectionElement |
| LayoutTestimonialImageLeft       | SectionElement |
| LayoutTestimonialSliderLarge     | SectionElement |
| LayoutTestimonialSliderSmall     | SectionElement |
| LayoutTestimonialStack           | SectionElement |
| StructureLayoutQuickStack1plus2  | SectionElement |
| StructureLayoutQuickStack1x1     | SectionElement |
| StructureLayoutQuickStack2plus1  | SectionElement |
| StructureLayoutQuickStack2x1     | SectionElement |
| StructureLayoutQuickStack2x2     | SectionElement |
| StructureLayoutQuickStack3x1     | SectionElement |
| StructureLayoutQuickStack4x1     | SectionElement |
| StructureLayoutQuickStackMasonry | SectionElement |

### E-commerce

All presets specific to Webflow's E-commerce functionality.

| Preset                                       | Element Type                                        |
| -------------------------------------------- | --------------------------------------------------- |
| CommerceAddToCartWrapper                     | AnyElement                                          |
| CommerceCartQuickCheckoutActions             | CommerceCartQuickCheckoutActionsElement             |
| CommerceCartWrapper                          | AnyElement                                          |
| CommerceCheckoutAdditionalInfoSummaryWrapper | CommerceCheckoutAdditionalInfoSummaryWrapperElement |
| CommerceCheckoutAdditionalInputsContainer    | AnyElement                                          |
| CommerceCheckoutCustomerInfoSummaryWrapper   | AnyElement                                          |
| CommerceCheckoutDiscounts                    | AnyElement                                          |
| CommerceCheckoutFormContainer                | AnyElement                                          |
| CommerceCheckoutOrderItemsWrapper            | AnyElement                                          |
| CommerceCheckoutOrderSummaryWrapper          | AnyElement                                          |
| CommerceCheckoutPaymentSummaryWrapper        | CommerceCheckoutPaymentSummaryWrapperElement        |
| CommerceCheckoutShippingSummaryWrapper       | AnyElement                                          |
| CommerceDownloadsWrapper                     | CommerceDownloadsWrapperElement                     |
| CommerceOrderConfirmationContainer           | AnyElement                                          |
| CommercePayPalCheckoutButton                 | CommercePayPalCheckoutButtonElement                 |
| CommercePaypalCheckoutFormContainer          | AnyElement                                          |

### CMS & Dynamic Content

For elements related to displaying content from the Webflow CMS.

| Preset        | Element Type         |
| ------------- | -------------------- |
| DynamoWrapper | DynamoWrapperElement |

### Media & Embeds

For displaying images, videos, and third-party content.

| Preset                 | Element Type                                      |
| ---------------------- | ------------------------------------------------- |
| BackgroundVideoWrapper | BackgroundVideoWrapperElement                     |
| Facebook               | FacebookElement                                   |
| HtmlEmbed              | HtmlEmbedElement                                  |
| Image                  | [ImageElement](/designer/reference/image-element) |
| MapWidget              | MapWidgetElement                                  |
| Spline                 | AnyElement                                        |
| Twitter                | TwitterElement                                    |
| Video                  | VideoElement                                      |
| YouTubeVideo           | YouTubeVideoElement                               |

### User Accounts

All presets related to user authentication and account management.

| Preset                      | Element Type                              |
| --------------------------- | ----------------------------------------- |
| LogIn                       | UserLogInFormWrapperElement               |
| ResetPassword               | UserResetPasswordFormWrapperElement       |
| SignUp                      | UserSignUpFormWrapperElement              |
| UpdatePassword              | UserUpdatePasswordFormWrapperElement      |
| UserAccount                 | UserAccountWrapperElement                 |
| UserAccountSubscriptionList | UserAccountSubscriptionListWrapperElement |
| UserLogOutLogIn             | UserLogOutLogInElement                    |

### Components

For inserting elements that define component structure.

> **Component-editing context required**
>
> The `Slot` preset can be used only when the app is actively editing a component.
> Use [`webflow.getCurrentComponent()`](/designer/reference/get-current-component) to verify that you are in component-editing context before inserting a slot.
> Attempting to insert a slot outside of component-editing context throws an `invalidElementPlacementTag` exception.

| Preset | Element Type |
| ------ | ------------ |
| Slot   | SlotElement  |

### Advanced & Miscellaneous

A catch-all for more technical or specialized elements.

| Preset                      | Element Type                                    |
| --------------------------- | ----------------------------------------------- |
| Animation                   | AnyElement                                      |
| BlockContainer (Deprecated) | BlockContainerElement                           |
| CodeBlock                   | CodeBlockElement                                |
| IX2InstanceFactoryOnClass   | BlockElement                                    |
| IX2InstanceFactoryOnElement | [LinkElement](/designer/reference/link-element) |

This list outlines all presets that can be used with `webflow.elementPresets.<preset>`.

| Preset                                       | Element Type                                          |
| -------------------------------------------- | ----------------------------------------------------- |
| Animation                                    | AnyElement                                            |
| BackgroundVideoWrapper                       | BackgroundVideoWrapperElement                         |
| BlockContainer (Deprecated)                  | BlockContainerElement                                 |
| Blockquote                                   | BlockquoteElement                                     |
| Box                                          | BlockElement                                          |
| Button                                       | [LinkElement](/designer/reference/link-element)       |
| CodeBlock                                    | CodeBlockElement                                      |
| CommerceAddToCartWrapper                     | AnyElement                                            |
| CommerceCartQuickCheckoutActions             | CommerceCartQuickCheckoutActionsElement               |
| CommerceCartWrapper                          | AnyElement                                            |
| CommerceCheckoutAdditionalInfoSummaryWrapper | CommerceCheckoutAdditionalInfoSummaryWrapperElement   |
| CommerceCheckoutAdditionalInputsContainer    | AnyElement                                            |
| CommerceCheckoutCustomerInfoSummaryWrapper   | AnyElement                                            |
| CommerceCheckoutDiscounts                    | AnyElement                                            |
| CommerceCheckoutFormContainer                | AnyElement                                            |
| CommerceCheckoutOrderItemsWrapper            | AnyElement                                            |
| CommerceCheckoutOrderSummaryWrapper          | AnyElement                                            |
| CommerceCheckoutPaymentSummaryWrapper        | CommerceCheckoutPaymentSummaryWrapperElement          |
| CommerceCheckoutShippingSummaryWrapper       | AnyElement                                            |
| CommerceDownloadsWrapper                     | CommerceDownloadsWrapperElement                       |
| CommerceOrderConfirmationContainer           | AnyElement                                            |
| CommercePayPalCheckoutButton                 | CommercePayPalCheckoutButtonElement                   |
| CommercePaypalCheckoutFormContainer          | AnyElement                                            |
| DivBlock (Deprecated)                        | BlockElement                                          |
| DOM                                          | DOMElement                                            |
| DropdownWrapper                              | DropdownWrapperElement                                |
| DynamoWrapper                                | DynamoWrapperElement                                  |
| Facebook                                     | FacebookElement                                       |
| FormBlockLabel                               | FormBlockLabelElement                                 |
| FormButton                                   | FormButtonElement                                     |
| FormCheckboxInput                            | AnyElement                                            |
| FormFileUploadWrapper                        | AnyElement                                            |
| FormForm                                     | AnyElement                                            |
| FormRadioInput                               | AnyElement                                            |
| FormReCaptcha                                | FormReCaptchaElement                                  |
| FormSelect                                   | AnyElement                                            |
| FormTextarea                                 | AnyElement                                            |
| FormTextInput                                | AnyElement                                            |
| Grid (Deprecated)                            | GridElement                                           |
| Heading                                      | [HeadingElement](/designer/reference/heading-element) |
| HFlex (Deprecated)                           | HFlexElement                                          |
| HtmlEmbed                                    | HtmlEmbedElement                                      |
| Image                                        | AnyElement                                            |
| IX2InstanceFactoryOnClass                    | BlockElement                                          |
| IX2InstanceFactoryOnElement                  | [LinkElement](/designer/reference/image-element)      |
| LayoutFeaturesList                           | SectionElement                                        |
| LayoutFeaturesMetrics                        | SectionElement                                        |
| LayoutFeaturesTable                          | SectionElement                                        |
| LayoutFooterDark                             | SectionElement                                        |
| LayoutFooterLight                            | SectionElement                                        |
| LayoutFooterSubscribe                        | SectionElement                                        |
| LayoutGalleryOverview                        | SectionElement                                        |
| LayoutGalleryScroll                          | SectionElement                                        |
| LayoutGallerySlider                          | SectionElement                                        |
| LayoutHeroHeadingCenter                      | SectionElement                                        |
| LayoutHeroHeadingLeft                        | SectionElement                                        |
| LayoutHeroHeadingRight                       | SectionElement                                        |
| LayoutHeroStack                              | SectionElement                                        |
| LayoutHeroSubscribeLeft                      | SectionElement                                        |
| LayoutHeroSubscribeRight                     | SectionElement                                        |
| LayoutHeroWithoutImage                       | SectionElement                                        |
| LayoutLogosQuoteBlock                        | SectionElement                                        |
| LayoutLogosQuoteDivider                      | SectionElement                                        |
| LayoutLogosTitleLarge                        | SectionElement                                        |
| LayoutLogosTitleSmall                        | SectionElement                                        |
| LayoutLogosWithoutTitle                      | SectionElement                                        |
| LayoutNavbarLogoCenter                       | SectionElement                                        |
| LayoutNavbarLogoLeft                         | SectionElement                                        |
| LayoutNavbarNoShadow                         | SectionElement                                        |
| LayoutPricingComparison                      | SectionElement                                        |
| LayoutPricingItems                           | SectionElement                                        |
| LayoutPricingOverview                        | SectionElement                                        |
| LayoutTeamCircles                            | SectionElement                                        |
| LayoutTeamSlider                             | SectionElement                                        |
| LayoutTestimonialColumnDark                  | SectionElement                                        |
| LayoutTestimonialColumnLight                 | SectionElement                                        |
| LayoutTestimonialImageLeft                   | SectionElement                                        |
| LayoutTestimonialSliderLarge                 | SectionElement                                        |
| LayoutTestimonialSliderSmall                 | SectionElement                                        |
| LayoutTestimonialStack                       | SectionElement                                        |
| LightboxWrapper                              | LightboxWrapperElement                                |
| LinkBlock                                    | [LinkElement](/designer/reference/link-element)       |
| List                                         | ListElement                                           |
| ListItem                                     | ListItemElement                                       |
| LogIn                                        | UserLogInFormWrapperElement                           |
| MapWidget                                    | MapWidgetElement                                      |
| NavbarWrapper                                | NavbarWrapperElement                                  |
| Pagination                                   | PaginationElement                                     |
| Paragraph                                    | ParagraphElement                                      |
| QuickStack                                   | LayoutElement                                         |
| ResetPassword                                | UserResetPasswordFormWrapperElement                   |
| RichText                                     | RichTextElement                                       |
| Row (Deprecated)                             | RowElement                                            |
| SearchForm                                   | AnyElement                                            |
| Section (Deprecated)                         | BlockElement                                          |
| SignUp                                       | UserSignUpFormWrapperElement                          |
| Slot                                         | SlotElement                                           |
| SliderWrapper                                | SliderWrapperElement                                  |
| Spline                                       | AnyElement                                            |
| StructureLayoutQuickStack1plus2              | SectionElement                                        |
| StructureLayoutQuickStack1x1                 | SectionElement                                        |
| StructureLayoutQuickStack2plus1              | SectionElement                                        |
| StructureLayoutQuickStack2x1                 | SectionElement                                        |
| StructureLayoutQuickStack2x2                 | SectionElement                                        |
| StructureLayoutQuickStack3x1                 | SectionElement                                        |
| StructureLayoutQuickStack4x1                 | SectionElement                                        |
| StructureLayoutQuickStackMasonry             | SectionElement                                        |
| TabsWrapper                                  | TabsWrapperElement                                    |
| TextBlock                                    | BlockElement                                          |
| TextLink                                     | [LinkElement](/designer/reference/link-element)       |
| Twitter                                      | TwitterElement                                        |
| UpdatePassword                               | UserUpdatePasswordFormWrapperElement                  |
| UserAccount                                  | UserAccountWrapperElement                             |
| UserAccountSubscriptionList                  | UserAccountSubscriptionListWrapperElement             |
| UserLogOutLogIn                              | UserLogOutLogInElement                                |
| VFlex (Deprecated)                           | VFlexElement                                          |
| Video                                        | VideoElement                                          |
| YouTubeVideo                                 | YouTubeVideoElement                                   |