The “Pricing Table Widget” can be used to create pricing tables for your Elementor website the easy way. You can quickly add features to your different plans, choose colors and style your pricing tables. You can also turn on & off any part of the pricing table to fully customise everything.
Let’s look at each of the options in the “Pricing Table Widget” below.
Install Pricing Table Widget for Elementor #
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Pricing Table”
- Hover over the widget in the search results and click install
- Add your “Pricing Table” widget to any Elementor Page
General Settings #
Title
Type the title for pricing table.
Subtitle
Type the subtitle for pricing table.
Graphic Element
Select the graphic element you want to show in pricing table.
- Icon
- Image
Icon/Image
Choose an icon/image to display.
Currency
Type the currency sign.
Old Price
Type the old pricing.
Price
Type the price of product or service.
Duration
Type the duration of service.
Button Text
Type custom text for the button.
Button Link
Paste your URL to link with the button.
Badge Text
Set the text for badge to display on pricing table.
Footer Text
Type text to display on the footer.
Layout Settings #
Graphic Element
Select the positioning of graphic element from below options.
- In Header
- In Content
- Above Header
Title Placement
Set the placement of title.
- Title in Header
- Title Above Header
- Title Below Header
Subtitle Placement
Select the placement of subtitle element from given options.
- Subtitle In Header
- Subtitle Above Header
- Subtitle Below Header
Price Placement
Set the positioning of price placement.
- Price In Header
- Price In Content
Show Button
Show/Hide the button on pricing table.
Badge Placement
Select the positioning of badge element.
- Left
- Right
Show Old Price
Show/Hide the old price element.
Show Icon
Show/Hide the icon element on pricing table.
Show List Item Icon
Show/Hide the list item icon element.
Show Footer Text
Show/Hide the footer text on pricing table.
Currency Placement
Set the placement of currency element.
- Before
- After
Items Settings #
Manage the features of the pricing table using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Features
Type the feature of plan.
Icon
Choose an icon to display.
Pricing Table Widget Styling #
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Box Styling #
Set the padding, background, border, radius, box shadow, and alignment of box.
Above Header Styling #
In this section, style the above header padding, direction, and alignment.
Header Styling #
You can set the background color, padding, shape, direction, and alignment of header.
Graphic Element Styling #
In this section, set the graphic element size, radius, spacing, and border of graphic element.
Price Styling #
Style the color, typography, and spacing of old price and pricing. Set the currency color, typography, duration color and typography.
Title Styling #
Here, you can set the color, typography, spacing, of the title.
Subtitle Styling #
You can set the subtitle color, typography, and spacing.
List Styling #
Set the list spacing, color, typography, margin, padding, alignment, and size.
List Alternating Colors Styling #
Style the item even background, and item odd background color.
Button Styling #
You can style the padding, radius, color, background, spacing, border, typography etc. of the button.
Badge Styling #
This section lets you set the badge background, color and typography.
Footer Styling #
You can set the footer background, padding, alignment, color, typography, and spacing.
Usage Examples #
Here are some live use cases for the Pricing Table Widget.
Example of Pricing Table with background image.