Use the custom element to add custom HTML attributes and tags to your site.
The custom element is a placeholder element that you can add any HTML custom attribute, tag, or text to — thereby “creating” that element on the canvas. This is useful for adding HTML elements to the canvas that aren’t available as native Webflow elements.
Add and customize a custom element
Custom elements are available in the Add panel > Advanced section. Once you add the custom element to your canvas, you can go to the Element settings panel and add tags, attributes, and text to customize it however you want. You can also style custom elements like any other element via the Style panel. Note that you can't add or edit custom elements in edit mode.
Custom elements are indicated with a “slashed box” icon in the Navigator.
Pro tip
You can add a custom element to a Collection list or a component. Then,
you can bind the custom element to CMS fields, custom attributes, tags,
and text.
Note
Custom elements can also be created and added to your site
using Apps.
Invalid HTML in custom elements
If a custom element contains invalid HTML (e.g., an invalid attribute or child element), it may cause issues in preview or comment mode. To prevent unexpected behavior on your published site, Webflow automatically removes the invalid HTML.
Note that Webflow shows an on-canvas error for invalid child elements, but not for invalid attributes. We recommend reviewing your custom element HTML and correcting any issues before publishing. To learn more about valid HTML, refer to resources like MDN’s HTML documentation.