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
Type the title for pricing table.
Type the subtitle for pricing table.
Select the graphic element you want to show in pricing table.
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.
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.
Show Old Price
Show/Hide the old price element.
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.
Set the placement of currency element.
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.
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.
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.
Style the color, typography, and spacing of old price and pricing. Set the currency color, typography, duration color and typography.
Here, you can set the color, typography, spacing, of the title.
You can set the subtitle color, typography, and spacing.
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.
You can style the padding, radius, color, background, spacing, border, typography etc. of the button.
This section lets you set the badge background, color and typography.
You can set the footer background, padding, alignment, color, typography, and spacing.
Here are some live use cases for the Pricing Table Widget.
Example of Pricing Table with background image.