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
The Extras section provides additional customization options for your widget, including:
- 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.