# Comparison table

### Section overview

The comparison table section displays tabular data to compare features, specifications, or benefits across different products, services, or brands. It provides a structured way to highlight differences and similarities.

#### Common use cases

* Product feature comparison between your brand and competitors
* Pricing plan comparisons showing different tiers of service
* Technical specification comparison for related products
* Membership or subscription tier comparison

#### Usage tips

* Keep row labels concise and clear to maintain readability
* Use consistent symbols or icons across columns for visual consistency
* Consider highlighting your brand's column with the column border option
* On mobile, the table reformats to a more vertical layout for better readability, with each row displaying as a block with label-value pairs

### Section settings

| Setting              | Description                                                                              |
| -------------------- | ---------------------------------------------------------------------------------------- |
| Table headings       | Comma-separated list of column headings (e.g., "Your brand, Competitor 1, Competitor 2") |
| Heading              | Optional section heading text                                                            |
| Content              | Rich text content to display above the table                                             |
| Button label         | Text to display on the optional call-to-action button                                    |
| Button URL           | Link destination for the call-to-action button                                           |
| Top spacing          | Adjusts the padding above the section (0-300px)                                          |
| Bottom spacing       | Adjusts the padding below the section (0-300px)                                          |
| Color scheme         | Controls the background color theme of the section                                       |
| Custom color         | Sets a custom background color when "Custom" is selected in color scheme                 |
| Text color           | Determines text color treatment (default, force light, or force dark)                    |
| Border color         | Sets the color treatment for section borders                                             |
| Button color         | Controls the style and color of the section's button                                     |
| Enable color fade    | When enabled, the section changes the page background color when scrolled into view      |
| Border position      | Determines where borders appear around the section                                       |
| Column border        | Highlights a specific column with a border (first, second, third, or fourth)             |
| X alignment          | Controls the horizontal alignment of section content                                     |
| Enable margin        | When enabled, applies horizontal margin to the section                                   |
| Enable split         | Separates the header content and table into a two-column layout                          |
| Enable split heading | Shows the section heading in a split layout                                              |
| Visibility           | Controls whether the section appears on all devices, only mobile, or only desktop        |

### Block settings

#### Content block

Content blocks create individual rows in the comparison table with a feature label and values for each column.

Block limit: 50

| Setting          | Description                                                                     |
| ---------------- | ------------------------------------------------------------------------------- |
| Label            | The row label that describes the feature or benefit being compared              |
| Tooltip          | Optional extra information that appears when hovering over a question mark icon |
| Icon             | Optional icon to display next to the label                                      |
| Column 1 content | Text to display in the first column for this row                                |
| Column 1 icon    | Optional icon to display next to the content in the first column                |
| Column 2 content | Text to display in the second column for this row                               |
| Column 2 icon    | Optional icon to display next to the content in the second column               |
| Column 3 content | Text to display in the third column for this row                                |
| Column 3 icon    | Optional icon to display next to the content in the third column                |
| Column 4 content | Text to display in the fourth column for this row                               |
| Column 4 icon    | Optional icon to display next to the content in the fourth column               |
| Color scheme     | Controls the background color of this specific row                              |