How do I make a pricing table in Squarespace?
Squarespace has no native table block, so you build a pricing table with the Custom Table Block plugin. Add plan names, prices, and feature columns as table data from a Google Sheet, a CSV upload, or manual entry — the block accepts any data, including pricing. Style the rows with Google Sheet formatting or custom CSS classes, and use the site's default font unless you override it.
Structure the pricing data
The Custom Table Block accepts any tabular data, so a pricing table is just a table where each row is a plan and each column is an attribute (plan name, price, features, CTA). Populate it from the source that fits your workflow:
- Google Sheets sync — recommended so price changes flow through automatically.
- CSV upload — for a one-time import.
- Manual entry — for a small number of plans.
There is no limit on rows or columns, so multi-tier pricing tables work without constraint (Squarewebsites).
Style the tiers
Styling is intentionally basic and prioritizes readability. You can apply formatting through the connected Google Sheet or use custom CSS. The block exposes per-row and per-cell classes (.table-row-1, .table-cell-1, and so on), which lets you highlight a “most popular” tier or color-code price columns. By default the table follows your site’s font (Squarewebsites).
Responsive considerations
On mobile the table is not shrunk by default; it displays in segments with horizontal and vertical scrolling. If you need a compact pricing layout on small screens, you can shrink the whole table with CSS (Squarewebsites).
See the full Custom Table Block product page on squarewebsites.org for live pricing, demos, and setup details.
Sources: squarewebsites.org · squarewebsites.org