Comparison table
Puts products, plans, or tiers side by side for comparison — for example "Basic vs Pro vs Premium". Each column carries an image, a heading, a call-to-action button, and a value for each row. On mobile the columns scroll sideways and the row labels can stay pinned.
How it works
The table is built from three block types:
Comparison table — the container. Controls the overall layout, row style, sizing, and an optional boxed background.
Feature — holds the row labels (the list of things being compared, e.g. "Free shipping," "Warranty," "Weight"). It's added automatically and defines the rows that every column lines up against. Each label can also have a tooltip.
Column — one per option. Holds the option's image, heading, button, and a value for each feature row.
Column values line up with the Feature rows in order. A value can show a check, a cross, custom text, or stay empty.
How to turn it on
Comparison table is a block, not a section. Add a Custom section to your page, then add the Comparison table block inside it — or start from the Comparison table preset.
Fill in the Feature block with your row labels, then add one Column block per option and set its value for each row. See Comparison table for every setting.
Last updated