Comparison Table

Comparison Table compares Eversports with one or more competitors. Each column has a logo on top, and the features are grouped into tables that visitors open and close.

To compare the plans on the pricing page, use Feature Comparison instead.

Build the table

1. Add Comparison Table and enter a Title. Optionally add a Description and a Feature column heading for the left column.
2. Under Columns, add one Comparison Column per product, in display order. Enter a Label and optionally upload a Logo. Enable Highlight on the Eversports column.
3. Under Tables, add one Comparison Table Group per topic and give it a Title. Enable Open by default for groups that should start open.
4. In each group, add Comparison Row blocks under Rows. Enter the Feature and optionally a smaller Description line. Both accept bold text and links.
5. In each row, add one Comparison Value per column under Values, in the same order as the columns.

Values

Values fill the columns by position: the first value goes into the first column, the second into the second, and so on. A row with fewer values than columns leaves the remaining cells empty.

Icon	Means
Check	Supported.
Cross (red)	Not supported, in red, so a gap on the competitor’s side stands out.
Grey cross	Not supported, in neutral grey. Use it where red would overstate the difference.
Dash	Not applicable.
None (text only)	Only the Text is shown.

Text adds a short note under the icon, or replaces it with None (text only), for example only in the Plus plan. Screen readers announce each icon’s meaning, so the table stays understandable without seeing it.

Good to know

• Rows do not expand. Put extra explanation in the row’s Description.
• When there is no Logo, the Label is shown instead. The label is also the logo’s alternative text.
• On narrow screens the table scrolls sideways inside its section instead of shrinking the columns.
• Regions and Segments in the Visibility group hide the whole table for other regions or segments. Segments only has an effect when the page has a segment picker. Empty means “show everywhere”.

Field reference

Comparison Table

Field	Default	What it does
Title	required	Heading.
Description	empty	Intro below the title.
Feature column heading	empty	Heading of the left column.
Columns	required	The Comparison Column blocks, left to right.
Tables	empty	The collapsible Comparison Table Group blocks.
Disclaimer	empty	Small print below the tables, e.g. when the data was checked.
Regions, Segments	empty	Hide the table outside these regions or segments.
Background, Top Transition, Top Padding, Bottom Transition, Bottom Padding	Surface High, Large padding	Section appearance, in the Section style group.

Comparison Column

Field	Default	What it does
Label	required	Column name and logo alternative text.
Logo	empty	Logo above the column.
Highlight	off	Emphasises the column. Use it for Eversports.

Comparison Table Group

Field	Default	What it does
Title	required	Heading of the collapsible table.
Open by default	off	Starts open.
Rows	empty	The Comparison Row blocks.

Comparison Row

Field	Default	What it does
Feature	required	Row name in the left column. Bold and links only.
Description	empty	Smaller line below the feature. Bold and links only.
Values	empty	One Comparison Value per column.

Comparison Value

Field	Default	What it does
Icon	Check	Check, Cross (red), Grey cross, Dash or None (text only).
Text	empty	Note under the icon, or the only content with None.