The Advance Pricing Table is a powerful Elementor widget designed to showcase your subscription plans or service packages in a clear, comparative layout. It allows for extensive customization of individual columns and features comparison rows to help users make informed decisions.

Pricing Columns #

This section allows you to manage the primary details for up to five different pricing tiers.

• Features Main Title: Enter a global heading that appears in the first column, which will be features (e.g., “Accessible pricing that…”).
• Column Tabs (Col 1 – Col 5): Switch between these tabs to configure each individual pricing plan.
• Enable Column: Toggle to Yes to make the specific column visible in the table.
• Recommended: Toggle to Yes to highlight a specific plan as the “best value” or most popular option.
• Recommended Title: If highlighted, enter the text for the badge (e.g., “Recommended” or “Best Value”).
• Plan Title: Set the name of the plan (e.g., “Plan 1”, “Basic”, or “Pro”).
• Price: Enter the numerical value for the plan (e.g., 49).
• Currency Symbol: Define the currency to be displayed (e.g., $).
• Currency Alignment: Choose to place the currency symbol on the Left or Right side of the price.
• Button Text: Customize the call-to-action text (e.g., “Choose Plan” or “Get Started”).
• Link: Enter the URL where the button should direct users, such as a checkout or contact page.

Features Comparison #

Features List: This area displays all the individual rows of your comparison table.

Add Item: Click this button to create a new row for a specific service or feature you want to compare.

Feature Name: Enter the text for the feature in the input field (e.g., “One-Time Enrollment Fee” or “Monthly Payment”).

Assigning Features to Columns #

For every feature you create, you must define which pricing columns (plans) include that feature:

• In Column 1 – 5: Each row features five toggle switches corresponding to the columns enabled in the Pricing Columns section.
• Show/Hide: Set the toggle to Yes to show that the feature is included in that specific plan.
• Consistency: Features set to No will typically appear as an empty space or a “close” icon in that column, depending on your styling, to clearly show what is missing from lower-tier plans.

Styling the Table #

The Style tab provides granular control over the visual presentation of every element in the table:

• Title: Customize the Color and Typography for plan names.
• Price: Adjust the color and font styling for the price values.
• Feature Title: Style the text color and typography for the feature names in the comparison list.
• Check Mark: Define the color of the icons representing included features.
• Cross Mark: Define the color of the icons representing excluded features.
• Button: Customize the button’s Typography, Text Color, and Background Color for both Normal and Hover states. You can also set the Border Type, Border Radius (e.g., 55px), and Padding.
• Recommended Badge: Style the background color, text color, and typography for the featured plan’s badge.
• Box Styling: Under the Box section, you can set the overall Background Type, Color, Border Type, and a Border Radius (e.g., 45px) for the entire pricing table. You can also specify Row Border Color and Column Border Color.

Common Use Cases #

• Detailed Service Comparison: Perfect for IT services, SaaS platforms, or complex service packages where users need to easily compare many features across plans.
• Telecom or Subscription Plans: Ideal for showing different tiers of phone plans, internet packages, or streaming services.
• Highlighting a Recommended Plan: The column-based styling allows for a clear visual hierarchy, making the recommended plan the focal point.