Comparing Plans with the Pricing Table Element

The Pricing Table element shows one or more plans side by side so visitors can compare options and act. It is available in funnels, websites, blogs and store pages.

Add and Choose a Layout

1. Open the page in the editor and drag Pricing Table from the elements panel onto the canvas.
2. Pick a layout in the right sidebar:
   • Grid: cards side by side, up to five per row. Good for three or four simple tiers.
   • Carousel: plans in slides, one to five per slide, with optional auto-advance, pause on hover, looping and fade or slide transitions.
   • Classic Table: a traditional table for long feature lists, with scroll arrows.
   • Comparison Table: a wide table whose first column stays pinned while you scroll.
3. Fill in each plan, style it, preview on desktop and mobile, then Save and publish.

Pricing Models

Choose how each price reads: Fixed, Subscription (daily, weekly, monthly or yearly), Price From ("starting at"), Price Range, Per Unit (per hour, seat, person and so on), Free, or Custom text. Add a previous price with strikethrough, a discount badge, and a caption for billing or tax notes.

Features and Buttons

Add, reorder and remove features per plan, keeping wording consistent across columns. For each plan's button, choose the action: open a URL, open a popup (handy for a checkout or form), jump to a page section, or no action for teaser plans. Customize the label, add a caption beneath, and show or hide either one.

Styling and Mobile

Adjust colors, type, spacing, borders and the 0 to 100 pixel column gap. On phones, columns collapse, and table layouts scroll sideways with arrows.

Good to know: Highlight your best-value plan with a badge and a stronger button color, and keep the others visually quieter.