[Pro] Using the Pricing List Widget

See this widget in action here.

Want to display detailed pricing comparisons in a structured table format? The Pricing List widget in aThemes Addons Pro for Elementor lets you build dynamic pricing tables with customizable headers, content rows, footer buttons, and responsive behavior.

In this guide, we’ll walk you through how to activate and configure the Pricing List widget in aThemes Addons.

Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. This widget requires aThemes Addons Pro.

Activating the Widget

Navigate to your WordPress admin dashboard and open the aThemes Addons dashboard. Search for “Pricing List” and toggle the widget on to activate it. Once activated, the Pricing List widget becomes available in the Elementor editor.

Exploring Widget Options

After adding the Pricing List widget to your page, you’ll find several sections to configure the table’s content, behavior, and appearance.

Configuring Pricing List Header Settings

The Header Settings section controls the top row of your pricing table. Configure the following options:

  • Column Headers – Add text, icons, or images to each column header.
  • Column Span – Control how many columns a header cell spans.
  • Price Display – Set the currency symbol, price format, and descriptions.
  • Header Button – Add a call-to-action button with custom text, icons, and links.

Configuring Pricing List Content Settings

The Content Settings section manages the rows and cells of your pricing table. Remember to start each row by adding a Row Element.

  • Element Type – Choose between rows or pricing cells.
  • Content Type – Select from text, icons, images, WYSIWYG editor, or Elementor templates.
  • Column and Row Span – Control how cells span across columns and rows.
  • Content Alignment – Set the alignment for content within each cell.

The Footer Settings section adds a bottom row to your pricing table. Configure the following options:

  • Enable Footer – Toggle the footer row on or off.
  • Footer Buttons – Add call-to-action buttons with custom text, icons, and links.
  • Additional Text – Include supplementary text below the buttons.

Configuring Behavior Settings

The Behavior Settings section controls interactive and responsive features:

  • Featured Column – Highlight a specific column to draw attention to a recommended plan.
  • Responsive Table – Enable horizontal scrolling for mobile devices.
  • Hover Effects – Add visual effects when users hover over rows or columns.

Customizing Style Options

The Style Options section lets you customize the visual design of every table element:

  • Table Borders and Spacing – Set border styles and cell spacing throughout the table.
  • Typography – Customize fonts for headers, content, and footers independently.
  • Row Backgrounds – Set alternating background colors for odd and even rows.
  • Button Styles – Adjust button colors, hover states, and alignment.
  • Featured Column Design – Apply distinct styling to the highlighted column.

Configuring Advanced Settings

The Advanced Settings section provides additional control over the table layout:

  • Custom CSS – Add custom CSS rules to fine-tune the table’s appearance.
  • Alignment and Layout – Adjust spacing, margins, and positioning.
  • Table Width – Control the overall table width and responsiveness.

That’s it! You’ve successfully set up and customized the Pricing List widget in aThemes Addons Pro for Elementor.

Next, would you like to showcase individual pricing plans with feature highlights? Check out our guide on using the Pricing Table widget to learn more.