Comparison table

A side-by-side table for comparing up to three options, plans, or products, with one column highlighted.

Content

  • Heading, Heading tag, and Text
  • Number of columns - 1 to 3.
  • Column 1/2/3 heading and Column 1/2/3 image - an image replaces that column's heading if set.

Highlight

  • Highlighted column
  • Highlight style - Filled places the highlighted column on a card. Outlined draws a dashed border around it.
  • Highlight color

Scroll marker

  • Scroll marker - None, Line, or Line with marker. Draws a line on every column boundary; Line with marker adds a mark that tracks reading position down the table as visitors scroll. Desktop only, and the marker only moves when the Motion setting is on.
  • Marker - Star, Circle, or Custom image. Custom reveals a Marker image picker (recommended: 200x200px .png).

This section also uses the standard Color scheme, Content style, and Framing text settings described in Theme settings.

Blocks

Block What it does
Table row Row heading (the feature being compared), an optional Row description (with a toggle to hide it on mobile), and a value for each column: Check mark, Cross mark, or Text. Up to 10 rows.
Button row One per table. A button for each column, with its own label, link, and style. Leave a column's label blank to show no button there.