Fix Experts Pricing and Comparison for Elementor

Description

Fix Experts Pricing and Comparison for Elementor adds four widgets to the Elementor page builder for building professional, conversion-ready pricing sections:

1. Pricing Table — a single plan card with title, price, feature list, ribbon, and a CTA button. Supports a separate monthly and yearly price, and separate monthly/yearly CTA links that switch with the toggle. The button sits at the bottom of the card and aligns across cards of different heights.
2. Pricing Toggle — a section title, subtitle, and a monthly/yearly switch that controls every Pricing Table on the page. No page reload.
3. Compare Plans — a responsive feature-comparison table: one column per plan, one row per feature, with checkmarks, dashes, muted text, or free text in each cell. A highlighted plan column, sticky first column, and horizontal scrolling on tablet and mobile.
4. FAQ — an accordion of questions and answers with an eyebrow/title/subtitle header and an animated +/× toggle. Accordion mode, per-item “open by default”, and keyboard/screen-reader accessible.

Key Features

• Monthly / yearly billing toggle that switches prices AND button links
• Separate Monthly URL and Yearly URL per pricing card
• Responsive Compare Plans table (desktop, tablet, mobile) with a sticky feature column
• Token-based comparison cells: check, - (dash), x (cross), muted:Text, or any free text
• Up to 6 plan columns in the comparison table
• Highlight your recommended plan (card border + ribbon, or comparison column accent)
• Full Elementor style controls: colors, typography, spacing, borders, and radius
• Rich-text (WYSIWYG) feature list items
• Accessible toggle (keyboard navigable, aria-label) and semantic table markup

Trademark disclaimer

“Elementor” is a trademark of Elementor Ltd. This plugin is an independent, third-party add-on that works with the Elementor page builder. It is not affiliated with, endorsed by, or sponsored by Elementor Ltd. The term “Elementor” is used only to describe compatibility.

Usage

Pricing cards with a toggle

1. Add a Pricing Toggle widget in a row above your cards.
2. Add a Pricing Table widget in each column of the row below.
3. Fill in the Monthly Price and, optionally, the Yearly Price.
4. In the Button section, set a Monthly URL and (optionally) a Yearly URL. If the Yearly URL is empty, the Monthly URL is reused.

Compare Plans table

1. Add a Compare Plans widget.
2. In Plans (Columns), add one item per plan (up to 6) and highlight your recommended plan.
3. In Rows (Features), add a feature per row. In each column value, type free text or a token:
   • check -> a checkmark (also: yes, tick, included)
   • blank or - -> an em dash (not offered)
   • x -> a muted cross
   • muted:Not included -> muted text
   • anything else -> shown as typed (e.g. “Weekly”, “2 hrs”, “$30/yr”)