fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

February Updates
Currency Converter Cover
Layers Widget

Pricing Table

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.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Pricing Table”
  3. Hover over the widget in the search results and click install
  4. Add your “Pricing Table” widget to any Elementor Page

General Settings

1

Title

Type the title for pricing table.

2

Subtitle

Type the subtitle for pricing table.

3

Graphic Element

Select the graphic element you want to show in pricing table.

  • Icon
  • Image
4

Icon/Image

Choose an icon/image to display.

5

Currency

Type the currency sign.

6

Old Price

Type the old pricing.

7

Price

Type the price of product or service.

8

Duration

Type the duration of service.

9

Button Text

Type custom text for the button.

10

Button Link

Paste your URL to link with the button.

11

Badge Text

Set the text for badge to display on pricing table.

12

Footer Text

Type text to display on the footer.

Layout Settings

1

Graphic Element

Select the positioning of graphic element from below options.

  • In Header
  • In Content
  • Above Header
2

Title Placement

Set the placement of title.

  • Title in Header
  • Title Above Header
  • Title Below Header

 

3

Subtitle Placement

Select the placement of subtitle element from given options.

  • Subtitle In Header
  • Subtitle Above Header
  • Subtitle Below Header
4

Price Placement

Set the positioning of price placement.

  • Price In Header
  • Price In Content
5

Show Button

Show/Hide the button on pricing table.

6

Badge Placement

Select the positioning of  badge element.

  • Left
  • Right
7

Show Old Price

Show/Hide the old price element.

8

Show Icon

Show/Hide the icon element on pricing table.

9

Show List Item Icon

Show/Hide the list item icon element.

10

Show Footer Text

Show/Hide the footer text on pricing table.

11

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
1

Features

Type the feature of plan.

2

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.

Video Overview

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!