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
Type the title for pricing table.
Type the subtitle for pricing table.
Select the graphic element you want to show in pricing table.
- Icon
- Image
Choose an icon/image to display.
Type the currency sign.
Type the old pricing.
Type the price of product or service.
Type the duration of service.
Type custom text for the button.
Paste your URL to link with the button.
Set the text for badge to display on pricing table.
Type text to display on the footer.
Layout Settings
Select the positioning of graphic element from below options.
- In Header
- In Content
- Above Header
Set the placement of title.
- Title in Header
- Title Above Header
- Title Below Header
Select the placement of subtitle element from given options.
- Subtitle In Header
- Subtitle Above Header
- Subtitle Below Header
Set the positioning of price placement.
- Price In Header
- Price In Content
Show/Hide the button on pricing table.
Select the positioning of badge element.
- Left
- Right
Show/Hide the old price element.
Show/Hide the icon element on pricing table.
Show/Hide the list item icon element.
Show/Hide the footer text on pricing table.
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
Type the feature of plan.
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.