Squarespace 7.1UI Components

Pricing Table

By Elfsight

Free
Pricing Table – Squarespace UI Components on SquareLocator
Fit check
Great for
Service businesses with tiered packages
Coaches, consultants and agencies
Membership and SaaS sites
Anyone struggling to align pricing columns in Squarespace
Version7.1
SetupEasy

Overview

Pricing Table from Elfsight adds a comparison table of your plans or packages to a Squarespace page. It is an embeddable widget hosted on Elfsight's platform rather than native Squarespace code. In Elfsight's editor you give each plan a title, description, feature list, price with currency and billing period, an image and a button, then choose between Columns, Grid and Table layouts. You can mark one plan as Featured with a ribbon, show crossed-out old prices, add hover hints to features, put a VAT note under the price and pick from roughly 100 currencies. There is no monthly-versus-yearly toggle, but Multiple Tables Mode shows separate tables as tabs, which does much the same job.

Who it suits

Service businesses with tiered packages, coaches and consultants, SaaS and membership sites, and anyone who has tried to build a pricing grid from Squarespace's own blocks and fought with column alignment. A free plan is available to start with.

One honest caveat

This is a display table, not a checkout. Prices are typed by hand in Elfsight and are not linked to Squarespace Commerce, so a price change means editing in two places, and the buttons simply link wherever you point them. Free-tier widgets carry Elfsight branding and monthly view limits, and the table loads from Elfsight's servers, so it stops showing if your account lapses.

Installation

Build the table in Elfsight's editor, copy the embed code and paste it into a Squarespace code block where the pricing section should appear. Changes made later in the editor update on your site automatically.

What it does
  • Columns, Grid and Table layouts
  • Featured plan with ribbon and highlight label
  • Crossed-out old prices and around 100 currencies
  • Multiple Tables Mode for monthly and yearly tabs
  • Free plan with Elfsight branding and view limits
Full specifications

FAQs

FAQs

What does the Elfsight Pricing Table widget do on a Squarespace site?
It adds a table comparing your plans or packages, with a title, description, feature list, price, image and button for each, in a Columns, Grid or Table layout.
Is this native Squarespace code?
No. It is an embeddable widget hosted on Elfsight's platform. You build it in Elfsight's editor and paste an embed code into a Squarespace code block.
Does it connect to Squarespace Commerce?
No. Prices are entered manually in Elfsight and the buttons link to whatever URL you choose, such as a product page or a booking form. It is a display table rather than a checkout.
Can I show monthly and yearly prices?
There is no built-in toggle switch, but Elfsight's Multiple Tables Mode lets you create separate monthly and yearly tables shown as tabs at the top of the widget.
Is there a free plan?
Yes. Elfsight offers a free plan for this widget. Free-tier widgets include Elfsight branding and monthly view limits, and paid plans remove those restrictions.
Can I remove the widget later?
Yes. Delete the code block from your Squarespace page and the table disappears. You can also pause or delete the widget in your Elfsight dashboard.