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.
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.
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.
If a custom element is invalid, it may prevent your site from publishing correctly. We recommend you check the HTML structure to ensure the custom element is valid, and correct any errors, then republish your site.