How to Display Prices in the Comparison Table

TableX allows you to display pricing information directly within the Comparison Table widget. You can either enter prices manually or automatically pull prices from WooCommerce products.

Enable the Price Section

1. Open the TableX Comparison Table widget in Elementor.
2. Navigate to the Content tab.
3. Open the Feature Columns section.
4. Enable the Show Price option.
5. After enabling it, the price section and related controls will become available.

Configure Plan Prices

1. Open any individual plan from the plans list.
2. Locate the Price Source option.
3. Select one of the following price sources:

Manual Pricing

Choose Manual if you want to enter custom pricing values.

• Enter the Monthly Price.
• Enter the Yearly Price.
• Customize the pricing text as needed.

WooCommerce Product Pricing

Choose WooCommerce Product Price to automatically display prices from WooCommerce products.

1. Select WooCommerce Product Price as the price source.
2. Choose a product for the Monthly Plan.
3. Choose a product for the Yearly Plan.
4. The product prices will automatically be displayed in the comparison table.

Save Changes

1. Review your pricing configuration.
2. Click Update to save the changes.
3. View the page to verify that the pricing information is displayed correctly.

Result

Once configured, the Comparison Table will display pricing information for each plan, allowing visitors to compare both features and pricing from a single table.