MoxKit Docs Download free

Elementor Pricing Table Widget

Updated · MoxKit 1.4.4 · Download free on WordPress.org

The Elementor pricing table widget presents one plan: name, description, price with currency and billing period, an optional original price, a badge, a feature list and a button.

  • Widget name MoxKit Pricing Table
  • Panel category MoxKit Addons
  • Settings 67+
  • Requires Elementor 3.25+ (free)
  • Price Free
Elementor pricing table widget with three plans and a popular badge
Three plans with a badge, an original price, included and excluded features and a footnote.
Table of contents
  1. What is the Elementor pricing table widget?
  2. Key features
  3. How to add the Elementor pricing table widget
  4. Elementor pricing table widget settings: Content tab
  5. Elementor pricing table widget settings: Style tab
  6. Tips and best practices
  7. Pricing Table FAQ
  8. Summary
  9. Related widgets

What is the Elementor pricing table widget?

Place three tables in a row Container to compare plans, and highlight the recommended one with a badge.

Like every MoxKit widget, the Pricing Table has Content and Style tabs with responsive settings, typography, colors and box styling, and it keeps Elementor's Advanced tab. You can switch it off under MoxKit > Widgets if you do not use it; a disabled widget loads no files.

Key features

  • Plan name, description, currency, price, period and original price.
  • Badge such as POPULAR.
  • Feature list with included and excluded items.
  • Button with icon and a footnote.
  • Styling for every text, the feature indicators, the badge box, the button and the card.

How to add the Elementor pricing table widget

Follow these steps to add the widget to a page. You need MoxKit Addons for Elementor installed and Elementor active.

  1. Open the page in Elementor (Pages > Edit with Elementor).
  2. In the widget panel, search for "Pricing Table" or scroll to the MoxKit Addons category.
  3. Drag the Pricing Table widget into a Container.
  4. Fill in the plan details, price and badge.
  5. Edit the Features; turn off Included for features the plan does not have.
  6. Set the button text and link.
  7. Click Update (or Publish) to save the page.

Elementor pricing table widget settings: Content tab

The Content tab holds what the widget shows and how it behaves. It has 1 sections and about 14 settings. Settings marked per device can have a different value on desktop, tablet and mobile.

Plan details

SettingTypeOptions and notes
Plan nameText
DescriptionText
CurrencyText
PriceText
Billing periodText
Original price (optional)Text
Badge (empty = hidden)Text
FeaturesListEach item: Feature, Included
Button textText
LinkLink
IconIcon
Icon positionSelectBefore, After (default: After)
FootnoteText
Alignment per deviceChoiceLeft, Center, Right

Elementor pricing table widget settings: Style tab

The Style tab controls the look of every part of the widget: 13 sections, about 53 settings. Elementor's own Advanced tab (margin, padding, motion effects, responsive visibility, custom CSS) is available as usual.

Plan name

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Description

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Price

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Currency

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Period

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Original price

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Features

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Badge

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Footnote

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Feature indicators

SettingTypeOptions and notes
Included iconColor
Excluded featureColor
Feature gap per deviceSlider
Indicator size per deviceSlider

Button

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
TextColor
BackgroundColor
Border colorColor
Text (hover)Color
Background (hover)Color
Border color (hover)Color
Icon spacing per deviceSlider
Icon size per deviceSlider
Width per deviceSlider
Padding per deviceSpacing
Border radius per deviceSpacing

Badge box

SettingTypeOptions and notes
BackgroundGroupAll the usual Elementor background settings.
BorderGroupAll the usual Elementor border settings.
Box shadowGroupAll the usual Elementor box shadow settings.
Padding per deviceSpacing
Border radius per deviceSpacing

Card

SettingTypeOptions and notes
BackgroundGroupAll the usual Elementor background settings.
BorderGroupAll the usual Elementor border settings.
Box shadowGroupAll the usual Elementor box shadow settings.
Padding per deviceSpacing
Border radius per deviceSpacing

Tips and best practices

  • Show the original price to make a discount clear.
  • Keep feature names short and in the same order across plans.

Pricing Table FAQ

How do I show a feature as not included?

Turn off Included for that feature; it is shown crossed out.

Can I change the currency?

Yes. Type any symbol or code in the Currency field.

Summary

The Elementor pricing table widget in MoxKit is free, works with the free version of Elementor and loads its files only on pages that use it. Price, currency, period, sale price, badge, included and excluded features, button and footnote. Install MoxKit Addons for Elementor from WordPress.org, drag the Pricing Table widget onto a page and start with the settings above.