Pricing Table Element in Sparkforge: Layouts, Models, CTAs

By Sparkforge Support Team ·Last reviewed May 3, 2026

The Pricing Table element in Sparkforge displays plans across Funnels, Websites, Blogs, and Stores. Pick a layout (Grid, Carousel, Classic, Comparison), set the pricing model, add badges and CTAs, and confirm mobile behavior before publishing.

The Pricing Table element shows plans, packages, or service tiers in a clean comparable layout. It works in Funnels, Websites, Blogs, and the E-Commerce Store builder.

How to add a Pricing Table

Open the page builder: Sites > pick the funnel or website > click Edit.
Drag the Pricing Table from the Elements panel onto the canvas.
Pick a layout in the right settings bar.
Configure pricing, features, and buttons.
Preview Desktop and Mobile, then Save and Publish.

Layout modes

Mode	Best for	Columns	Notes
Grid	Simple side-by-side comparison.	Up to 5 per row; gap 0-100px.	Default for 3-4 plans.
Carousel	Featuring plans in groups, saving vertical space.	1-5 per slide.	Auto-advance, pause on hover, infinite loop, fade or slide animation.
Classic Table	Long feature lists in a wide table.	Uses horizontal width.	Horizontal scroll with arrows.
Comparison Table	Deep, column-heavy comparisons.	Wide tables with sticky head column.	Sticky head column stays visible during scroll.

Pricing models

Model	Use it for
Fixed Price	One-time payment.
Subscription	Recurring billing: daily, weekly, monthly, yearly.
Price From	"Starting at" pricing for variable services.
Price Range	Min-max for customizable services.
Per Unit	By item, hour, day, seat, person, etc.
Free	Complimentary offer (with optional previous price).
Custom	Free-text for niche pricing.

Feature lists

Add, reorder, or remove features per plan column.
Group related items and keep phrasing consistent across plans.
For long lists, use Classic or Comparison so horizontal navigation handles overflow.

Smart pricing cues

Previous Price with strikethrough to highlight discounts.
Discount badges for promotions.
Captions for billing notes, taxes, or disclaimers.

Buttons and actions

Action types

Open URL (external or internal).
Open Popup on the page.
Step or Anchor navigation to a section.
No action (teaser plans or disabled states).

Button content

Custom text with action verbs ("Start Free Trial").
Optional caption below the button.
Show or hide the button or caption.

Styling

Adjust colors, typography, spacing, borders, and column gaps (0-100px).
Maintain contrast for text, badges, and buttons.
Keep card padding consistent so plans do not jump visually.

Mobile behavior

Multi-column Grid and Carousel layouts collapse for legibility.
Classic and Comparison keep horizontal scroll with arrows when content exceeds the viewport.
Comparison mode keeps the sticky head column visible.

Frequently Asked Questions

Where can I use the Pricing Table?

Funnels, Websites, Blogs, and the E-Commerce Store builders in Sparkforge.

How many columns can I show?

Grid mode supports up to 5 columns per row. Carousel supports 1-5 columns per slide.

Can I show old vs new pricing?

Yes. Enable Previous Price (strikethrough) and add a Discount badge to call out the change.

Can a button open a popup checkout or form?

Yes. Set the action to Open Popup and select the popup configured for that page.

What happens on mobile?

Grid and Carousel collapse columns for legibility. Classic and Comparison keep horizontal scroll with arrows. The Comparison sticky head column stays visible.