Widget Extras
The Extras section of a widget's settings holds three options: Main Tag, CSS Classes, and Smart Labels. Main Tag changes the widget's HTML element away from the default div to improve accessibility for screen readers. Open it by editing a widget and clicking Extras in the left-hand menu.
Getting there
To access the Extras section:
Add a new widget or click the pencil icon to edit an existing widget.
In the widget settings pop-up, find and click on Extras in the left-hand menu.
About
Main Tag
CSS Classes
Smart Labels
Main tag
The Main Tag option improves the accessibility of your campaign, particularly for screen readers.
By default, widgets use the <div> tag. To change the tag, select a new option from the Main Tag dropdown list.
This allows you to use more meaningful tags (e.g., <section>, <article>, <header>) to enhance semantic structure and accessibility.
CSS classes
The CSS Classes field allows you to target specific widgets when customizing your campaign's appearance using CSS.
Enter one or more class names in the provided text field. Use these class names to apply styles in the CSS Editor (available in the Style Panel).
Learn more about the CSS Editor.
Smart Labels
Smart Labels are a powerful tool for organizing and categorizing widgets into groups.
Add one or more labels in the Smart Labels field. Labels will appear in purple text in the Edit Widgets Panel for easy identification.
Smart Labels simplify targeting in the Action Widget when the Target by Smart Labels option is enabled.
Learn more about Using Smart Labels in an Action Widget.
Was this helpful?
Thanks β that helps us decide what to fix next.
Sorry this missed. Tell us what you needed and we'll get you an answer β and fix the page.