Modules
Comparison table
Compare plans or products feature by feature, with grouped rows, check marks and a highlighted column. The same module builds a full comparison page: A verdict, an «Updated» date, the table, a breakdown of the differences and structured data.
On this page
Set up the content
- Content → Columns: One column per plan or product with Name, Subtitle (for example the price) and an optional button.
- Content → Feature groups: Add a Group title and Rows.
- In Values write one value per column, separated by
|:
yes | yes | noshows check marks and a dash.3 | 15 | Unlimitedshows text. Never leave a value empty between two|– writenoor–instead.
Choose the look
| Setting | Options |
|---|---|
| Sticky column headings (desktop) | Plan names stay visible while scrolling |
| Show group titles, Striped rows | On or off |
| Feature column width, Minimum column width | On small screens the table scrolls sideways and the feature column stays put |
| Styles → Table colors | Table, highlighted column, group title, stripes and lines |
| Styles → Text → Value weight and Value color | Regular, medium or semibold values, in the text color or the calmer body text color |
| Styles → Text → Accent color on the highlighted column's values | The highlighted column's values print in the accent color |
Build a comparison page
A page that compares two options – your product and an alternative, two plans, two ways of working – answers a question buyers ask search engines and AI assistants. The Comparison page template starts with this set-up:
| Setting | What to do |
|---|---|
| Heading → Heading level | Choose H1 when the table carries the page's main heading, and write the heading as the question the buyer asks |
| Heading → Lead text | Give the verdict in two or three sentences, with the key facts in bold |
| Heading → Show date | Last reviewed date shows a date you set, for example «Updated: September 2026». The page's last update follows the page |
| Table text → Table title | A heading right above the table, for example «Side-by-side comparison» |
| Rows → Breakdown | Two or three bullet points on why the values differ. With Table text → Show detailed breakdown on, each row with a breakdown gets its own heading under the table |
| Structured data → Add comparison structured data | Adds the page as a schema.org WebPage and the table as an ItemList: Each row becomes a list item described by its values |
Write every value so it makes sense on its own – «€15 per seller», not «15» – so a row still reads correctly when a search engine or an AI assistant quotes it.
Good to know
- Use it as a decision matrix too: Situations as rows, your options as columns and yes/no values as the fit.
- Screen readers hear «Included» and «Not included» for check marks and dashes – set the words under Table text. The same words describe check marks and dashes in the structured data.
- Keep structured data on in one comparison table per page. Set a new Last reviewed date when you check the facts, and only then.
- Structured data helps machines read the table. It does not guarantee a special search result.
- Background, module width, spacing and alignment work the same in every module – see Backgrounds and Module width and inset panels.
More in this category
Keep reading
Support
Did this answer your question?
If not, write to us and say which page you were on.