Fix Experts Pricing and Comparison for Elementor
·
Fix Experts pricing tables with a monthly/yearly billing toggle, a responsive plan comparison table, and an FAQ accordion for the Elementor page build …
Fix Experts Pricing and Comparison for Elementor adds four widgets to the Elementor page builder for building professional, conversion-ready pricing sections:
- 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.
- Pricing Toggle — a section title, subtitle, and a monthly/yearly switch that controls every Pricing Table on the page. No page reload.
- 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.
- 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
- Add a Pricing Toggle widget in a row above your cards.
- Add a Pricing Table widget in each column of the row below.
- Fill in the Monthly Price and, optionally, the Yearly Price.
- 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
- Add a Compare Plans widget.
- In Plans (Columns), add one item per plan (up to 6) and highlight your recommended plan.
- 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 crossmuted:Not included-> muted text- anything else -> shown as typed (e.g. « Weekly », « 2 hrs », « $30/yr »)
