ProPricing List

See this widget in action here.

The Pricing List Widget allows you to display structured pricing tables with dynamic customization options. With support for text, icons, and Elementor templates, this widget is perfect for showcasing product or service pricing in an interactive format.

Activate the Widget

This widget is part of the aThemes Addons for Elementor plugin. To activate it:

  1. Navigate to the aThemes Addons dashboard in your WordPress admin area.
  2. Search for the Pricing List widget.
  3. Toggle the switch to activate it. The widget will now be available in the Elementor editor.

Widget Options

Pricing List Header Settings

  • Column Headers: Define column headers with customizable text, icons, and images.
  • Column Span: Set how many columns each header should span.
  • Price Display: Choose whether to display prices, with options for currency, format, and descriptions.
  • Header Button: Add buttons with customizable text, icons, and links.

Pricing List Content Settings

Remember to start each row by adding a Row Element.

  • Element Type: Add content as rows or individual pricing cells.
  • Content Type: Choose between text, icons, images, WYSIWYG content, or Elementor templates.
  • Column & Row Span: Adjust column and row span for flexible table layouts.
  • Content Alignment: Set alignment for each pricing item.
  • Enable Footer: Choose whether to display a footer section in the pricing table.
  • Footer Buttons: Add customizable buttons with text, icons, and links.
  • Additional Text: Include extra descriptive text in the footer.

Behavior Settings

  • Featured Column: Highlight a specific pricing column.
  • Responsive Table: Enable horizontal scrolling for mobile-friendly display.
  • Hover Effects: Customize hover interactions for table elements.

Style Options

  • Table Borders & Spacing: Customize border styles, spacing, and padding.
  • Typography: Adjust font styles for headers, content, and footers.
  • Row Backgrounds: Set alternating colors for odd/even rows.
  • Button Styles: Modify colors, hover effects, and alignment.
  • Featured Column Design: Customize colors for highlighted pricing columns.

Advanced Settings

  • Custom CSS: Apply unique styles using CSS classes.
  • Alignment & Layout: Control spacing, margins, and positioning of table elements.
  • Table Width: Adjust width settings for better responsiveness.

Conclusion

The Pricing List Widget is an excellent tool for showcasing structured pricing information in a flexible, customizable table format. With its extensive styling and layout options, it provides a visually appealing and user-friendly experience.