Accessible Pricing Table - Billing Toggle

Accessible Pricing Table

Build clear WordPress pricing comparisons with an optional accessible monthly/yearly switch, six editable starter tables, four visual presets, feature explanations, and responsive controls.

This native dynamic Gutenberg block supports up to six plans. Editors enter exact monthly and yearly price text, cadence, savings messages, descriptions, feature states, explanations, action links, and badges. Public content is server rendered. The small local billing script loads only when switching is enabled and makes no network request.

Privacy and product boundary

No cookies, browser storage, analytics, telemetry, tracking, remote fonts, remote icons, accounts, or automatic outbound requests are used. The plugin displays editor-authored pricing information and optional links; it does not process payments, subscriptions, taxes, orders, accounts, or visitor submissions.

Features

• Accessible monthly/yearly switch with pressed state and live announcement

• Six editable starter tables: SaaS, services, memberships, hosting, agency, and courses

• Clean, soft, high-contrast, and minimal visual presets

• Exact editor-authored prices, cadence, savings, badges, descriptions, and links

• Responsive desktop, tablet, and mobile columns with container-aware fallbacks

• Up to six plans and twenty features per plan

• Included and unavailable feature states with accessible text

• Expandable semantic feature explanations

• Duplicate, reorder, remove, and reverse plan controls

• Visible keyboard focus, forced-color support, and automatic button-text contrast

• Backward rendering support for version 0.3 content

• No tracking or automatic network requests

Requirements

• WordPress 6.3 or newer

• PHP 7.4 or newer

• WordPress block editor

Instructions

1. In WordPress, open Plugins, choose Add New Plugin, upload the installable ZIP included in the buyer package, and activate it.

2. Edit a post or page and add the Accessible Pricing Table block.

3. Choose one of the six starter tables or build from the default plans.

4. Select a preset, set responsive columns, and edit plan names, prices, cadence, features, explanations, badges, and action links.

5. Enable the billing switch only when monthly and yearly options are needed, then enter the exact values and savings text.

6. Preview the page, verify the editor-authored links and pricing content, and publish or update.