The “Pricing Table Widget” can be used to create pricing tables for your Elementor website for free. 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.
Elementor Pricing Table Tutorial Video
Add a Free Pricing Table 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 in Elementor Pricing Table
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 in Elementor Pricing Table
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 in Elementor Pricing Table
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.
Elementor Pricing Table 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 in Elementor Pricing Table
Set the padding, background, border, radius, box shadow, and alignment of box.
Above Header Styling in Elementor Pricing Table
In this section, style the above header padding, direction, and alignment.
Header Styling in Elementor Pricing Table
You can set the background color, padding, shape, direction, and alignment of header.
Graphic Element Styling in Elementor Pricing Table
In this section, set the graphic element size, radius, spacing, and border of graphic element.
Price Styling in Elementor Pricing Table
Style the color, typography, and spacing of old price and pricing. Set the currency color, typography, duration color and typography.
Title Styling in Elementor Pricing Table
Here, you can set the color, typography, spacing, of the title.
Subtitle Styling in Elementor Pricing Table
You can set the subtitle color, typography, and spacing.
List Styling in Elementor Pricing Table
Set the list spacing, color, typography, margin, padding, alignment, and size.
List Alternating Colors Styling in Elementor Pricing Table
Style the item even background, and item odd background color.
Button Styling in Elementor Pricing Table
You can style the padding, radius, color, background, spacing, border, typography etc. of the button.
Badge Styling in Elementor Pricing Table
This section lets you set the badge background, color and typography.
Footer Styling in Elementor Pricing Table
You can set the footer background, padding, alignment, color, typography, and spacing.
Usage Examples of Elementor Pricing Table
Here are some live use cases for the Pricing Table Widget.
Free Elementor Pricing Table with Custom Colors
Free Elementor Pricing Table with a Background Image
Thank you for using the Pricing Table Widget for Elementor! With its sleek design and flexible customization, this is the best Pricing Table Widget for Elementor, perfect for displaying pricing plans in a clear and engaging way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
