=== 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.