=== Modern Pricing Table for Elementor ===
Contributors: payaddons
Tags: elementor, pricing table, pricing toggle, monthly yearly billing, elementor addons
Requires at least: 5.9
Tested up to: 7.0
Requires PHP: 7.0
Stable tag: 1.2.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Beautiful, conversion-ready pricing tables for Elementor — with a monthly/yearly billing toggle, rich feature lists, and deep design customization.

== Description ==

**Modern Pricing Table for Elementor** is the fastest way to publish professional, high-converting pricing sections on any WordPress site — no coding required.

Whether you're selling a SaaS product, an online course, a membership plan, or a service package, this free Elementor widget gives you pixel-perfect pricing cards with a live monthly/yearly toggle switcher that updates prices instantly — just like the pricing pages of Stripe, Notion, and Linear.

### ⚡ What Makes It Different?

Most pricing table plugins produce generic layouts that look dated. Modern Pricing Table for Elementor is built on contemporary design principles — clean cards, crisp typography, bold price displays, and smooth interactions — so your pricing page looks like it was designed by a professional.

### ✅ Key Features

**Monthly / Yearly Billing Toggle**
Add a dedicated "Pricing Toggle" widget above your pricing cards. Visitors switch between monthly and yearly prices with a single click — no page reload, instant transition. Each pricing card stores both its monthly and yearly price independently.

**Rich Feature Lists**
Write feature descriptions using the full WordPress rich text (TinyMCE) editor. Bold keywords, add links, use any inline formatting — your features are no longer limited to plain text.

**Highlighted / Featured Plan**
Mark any plan as the recommended option with a single toggle. The card gets an accent border and elevated shadow to draw the eye.

**Custom Ribbon / Badge**
Add a floating label ("Most popular", "Best value", etc.) to any card with full color and typography control.

**Sale Pricing with Strikethrough**
Show the original price with a strikethrough alongside the discounted price — great for promotional periods.

**Multiple Currency Symbols**
Choose from 17 built-in currency symbols or define your own custom symbol. Position it before or after the amount.

**Complete Visual Customization**
Every element — title, subtitle, price, period, button, features, ribbon, card background, border, and shadow — is fully styleable via Elementor's style panel. Use global typography and color tokens for brand consistency.

**Fully Responsive**
Pricing cards adapt beautifully to every screen size. Mobile visitors see a clean, readable layout without horizontal scrolling.

**SEO-Friendly HTML**
Outputs semantic, clean markup. Heading tags are configurable (H2–H6) so your pricing section fits naturally into your page's heading hierarchy.

**Accessible Toggle**
The billing period toggle is keyboard-navigable and includes a proper `aria-label` for screen readers.

---

### 🛠 How to Use

1. Install and activate the plugin
2. Edit any page with Elementor
3. In the widget panel, look for the **"Pay Addons"** category
4. To add the section header + billing toggle, drag the **"Pricing Toggle"** widget into a full-width row above your pricing cards
5. For each pricing plan, drag a **"Modern Pricing Table"** widget into its column
6. Fill in your monthly price, and optionally a yearly price — the toggle automatically shows the right price
7. Customize colors, typography, and content to match your brand
8. Publish!

---

### 🎯 Perfect For

- SaaS and subscription businesses
- Digital agencies and freelancers
- Online course creators and coaches
- Membership sites
- Software companies
- Service-based businesses
- E-commerce stores with tiered product offerings

---

## ABOUT US ##

We build professional Stripe payment solutions for WordPress. Our core products:

* **Elementor Stripe Payment** — Seamlessly integrate customized Stripe-powered payment forms into your Elementor site. [View plugin](https://wordpress.org/plugins/pay-addons-for-elementor/)

* **Contact Form 7 Stripe Payment** — Accept payments directly through Contact Form 7 with Stripe. [View plugin](https://wordpress.org/plugins/accept-stripe-for-contact-form-7/)

* **WooCommerce Stripe Payment** — Unlock 30+ payment methods including Apple Pay, Google Pay, Klarna, Afterpay, ACH, and more. [View plugin](https://wordpress.org/plugins/payment-addons-for-woocommerce/)

* **Stripe Express Payment** — Embed standalone Stripe payment widgets anywhere using shortcodes. [View plugin](https://wordpress.org/plugins/wp-stripe-express/)

== Frequently Asked Questions ==

= Does this plugin work with any WordPress theme? =
Yes. Modern Pricing Table for Elementor works alongside any theme that supports Elementor. The plugin generates its own encapsulated styles, so theme compatibility is never an issue.

= How does the monthly/yearly toggle work? =
Drop the "Pricing Toggle" widget into a row above your pricing cards. Each pricing card widget has a separate "Yearly Price" field. When a visitor clicks the toggle, all cards on the page switch to their yearly prices simultaneously — no page reload required. You can set which period is shown by default.

= Can I show the yearly price at a discount? =
Yes. Each pricing card supports a "Yearly Sale" option: enable it and set a "Yearly Original Price" to display the full price with a strikethrough alongside the discounted yearly rate.

= Can I use rich text in feature descriptions? =
Yes. The feature list editor uses WordPress's built-in rich text (TinyMCE) editor, so you can bold keywords, add links, and use any inline HTML formatting.

= Are the pricing tables mobile responsive? =
Yes. All pricing table cards are fully responsive and optimized for all screen sizes.

= Is there a limit to the number of pricing plans? =
No. Add as many individual pricing card widgets as you need. The layout is controlled by Elementor's native column system.

= Does it work with Elementor Free (without Elementor Pro)? =
Yes, the plugin requires only the free version of Elementor.

== Screenshots ==
1. Pricing table with monthly/yearly toggle
2. Pricing table Elementor editor panel

== Changelog ==

= 1.2.0 =
* New: Dedicated "Pricing Toggle" widget — add a section title, subtitle, and monthly/yearly billing toggle above your pricing cards
* New: Monthly/Yearly price switching — each pricing card now supports a separate yearly price, original yearly price (sale), and yearly period label
* New: Rich text editor (TinyMCE/WYSIWYG) for feature list items — supports bold, links, and inline HTML
* New: Style controls for the Pricing Toggle widget (title color/typography, subtitle, toggle track and knob colors)
* New: "Default Period" setting — choose whether monthly or yearly is pre-selected on page load
* Improved: Accessible toggle with keyboard navigation and aria-label support
* Improved: CSS specificity hardened with !important on show/hide rules to prevent theme overrides
* Improved: JS re-initialization hooks for the Elementor live editor preview

= 1.0.0 =
First Release

== Upgrade Notice ==

= 1.2.0 =
Adds monthly/yearly pricing toggle widget and rich text feature lists. No breaking changes — existing pricing table widgets continue to work without any changes.
