Webflow Pricing Table Widget

Showcase your plans and packages in a clean, interactive table that blends naturally into your Webflow project – make comparisons easy and drive more sign-ups without coding.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Webflow Pricing Table Widget

Create your Pricing Table widget

Configure your widget and add it to your website for free!

Screenshots

Webflow Pricing Table Widget
1 / 6

Why People Love Elfsight

The Elfsight Pricing Table widget lets you display your plans side by side, spotlight the best option, and make pricing easy to understand at a glance. It’s a straightforward way to guide visitors toward the choice that fits them best.

Even if you’ve never touched a line of code, setup is quick and easy. Think of it like adding another Webflow block – you choose a template, adjust colors and details, and it’s live. Whether you’re selling digital subscriptions, membership tiers, or service packages, you’ll have a pricing section that makes sense to everyone.

Did you know?

A Baymard Institute report shows that 48% of online shoppers abandon carts because of unexpected costs at checkout.

Create a Pricing Table with Elfsight in just minutes, reduce confusion and build trust right away.

Key Features of the Webflow Pricing Table

Here’s why this widget is loved by small businesses and big brands alike:

  • Flexible layouts: Pick between columns, grids, or card-style layouts to make your pricing easy to scan.
  • Highlight top choices: Add badges like “Best Value” or “Popular” to draw attention to your featured plan.
  • Custom design: Match your Webflow style with adjustable fonts, colors, and spacing.
  • Detailed options: Include features, descriptions, and buttons that connect directly to your checkout or contact forms.
  • Responsive design: Tables adapt perfectly to any screen, from wide desktop monitors to small phone displays.
  • Quick setup: If you can copy and paste, you can get your pricing table online.

Build your Pricing Table now in the editor

How to Add the Pricing Table to Webflow

Embedding a Pricing Table on Webflow is super easy with Elfsight. Here’s a quick step-by-step:

  1. Select a Template: Open the Elfsight editor and pick your layout.
  2. Customize the Widget: Add plans, customize styling, and preview.
  3. Generate the Code: Click “Add to website for free” and copy the code.
  4. Embed on Webflow: In Webflow, drag an Embed element where you want the table, paste the snippet, and publish.

Need guidance? Check our Help Center for detailed guides and leave ideas in the Wishlist. For the latest features, see the Changelog.

FAQ

Can I use Elfsight on any Webflow project?

Yes, it works with all Webflow templates and custom designs.

Can I highlight one plan over the others?

Absolutely, you can mark any plan as “Recommended” or “Best Value.”

Is the table mobile-friendly?

Yes, it adapts to any screen size automatically.

Do I need coding knowledge to install it?

Not at all. Just paste the snippet into an Embed element, and you’re set.

Can I create multiple pricing tables?

Yes, you can design as many as you like and toggle between them. This mode is perfect if you need to switch between different billing periods, offer options etc.

Will updating the table be complicated?

No, edit it once in the Elfsight editor, and the changes appear instantly on your Webflow project.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Webflow widget
Cross-platform version that works on any website (including Webflow)
from $0 / month
start with free plan
Unlimited websites
Professional and on-time support
Free installation assistance
Fully customizable
Special deal for multiple apps