Webflow sync, pageviews & more.
NEW

Can sections be named in Webflow for easier identification and organization?

TL;DR
  • Assign a class name in the Style panel for identification and styling.
  • Rename sections in the Navigator for better structure management.
  • Optionally, add custom attributes in the Settings panel for accessibility or scripts.

Yes, you can name sections in Webflow to improve identification and organization. Here’s how:

1. Assign a Class Name

  • Select the section you want to name in the Navigator or Designer.
  • Go to the Style panel (right-side menu).
  • In the Selector field, enter a descriptive class name (e.g., hero-section, about-section).
  • Press Enter to apply the class.

2. Use the Navigator

  • Open the Navigator (shortcut: Z).
  • Double-click on a section’s name.
  • Rename it (this does not affect styling but helps in structure management).

3. Add Custom Attributes (Optional)

  • Select the section.
  • Go to the Settings panel.
  • Under Custom Attributes, add a name attribute for accessibility or custom scripts.

Summary

Naming sections in Webflow is done by assigning class names, renaming items in the Navigator, and optionally adding custom attributes. This helps with organization, styling, and navigation.

Rate this answer

Other Webflow Questions