This feature available on All Plans
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 popup, 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.
How to Use
- 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.
How to Use
- 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).
Tip: For detailed guidance on writing CSS for your campaign, click here.
Smart Labels
Smart Labels are a powerful tool for organizing and categorizing widgets into groups.
How to Use
- 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: For additional details on using Smart Labels, click here.