Custom attributes

Select an element in the Designer, go to the Settings tab, and add the custom attribute.

The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!

HTML attributes can be used to append additional information to your elements — they define characteristics of an HTML element.

Learn more: HTML attributes

Adding custom attributes

  1. Select the element you want to add the custom attribute to
  2. Go to the Element settings Panel (D)
  3. Add [+] a custom attribute
Custom HTML attributes in Webflow
  1. Specify the name and the value
Adding custom HTML attributes in Webflow
  1. Click Save

An example: adding tooltips

Let's say you want a tooltip to appear when a user hovers over an element. You can add a custom attribute to this element with the tooltip text.

Adding a custom tooltip to an element in Webflow
  1. Select the element
  2. Go to the Settings Panel (D)
  3. Add a custom attribute
  4. Set the name to "title"
  5. Set the value to be the tooltip text you want to appear on hover and save
Must know
Some custom attributes are reserved since you can already create them using the native Webflow elements, styles, and settings. For example, you cannot add an <a> attribute, but you can create a link using any of the link elements and link settings.

Browser support

Can I Use ? Data on support for the feature across the major browsers from caniuse.com.