Title: PlexBlocks – Pricing for Block Editor Author: ConicPlex Published: 2026 年 9 月 5 日 Last modified: 2026 年 9 月 5 日 --- 搜尋外掛 ![](https://ps.w.org/plexblocks-pricing-for-block-editor/assets/banner-772x250.png? rev=3682274) ![](https://ps.w.org/plexblocks-pricing-for-block-editor/assets/icon-256x256.png? rev=3682274) # PlexBlocks – Pricing for Block Editor 由 [ConicPlex](https://profiles.wordpress.org/conicplex/) 開發 [下載](https://downloads.wordpress.org/plugin/plexblocks-pricing-for-block-editor.1.0.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/plexblocks-pricing-for-block-editor/#description) * [使用者評論](https://tw.wordpress.org/plugins/plexblocks-pricing-for-block-editor/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/plexblocks-pricing-for-block-editor/#installation) * [開發資訊](https://tw.wordpress.org/plugins/plexblocks-pricing-for-block-editor/#developers) [技術支援](https://wordpress.org/support/plugin/plexblocks-pricing-for-block-editor/) ## 外掛說明 **PlexBlocks – Pricing for Block Editor** adds clean, flexible, and responsive pricing table blocks natively to the WordPress block editor (Gutenberg). Perfect for SaaS products, digital services, membership sites, freelance packages, and agency tier comparisons. Easily create high-converting pricing tables complete with an interactive monthly/ annual billing toggle, customizable plan cards, featured badges, feature lists, and Call to Action (CTA) buttons—all without writing a single line of code. ### Included Blocks * **Pricing Table (`plexblocks/pricing-table`)**: The main container block with multi-column layout controls, responsive grid gap, table alignment, max-width, and the optional billing period switcher. * **Pricing Card (`plexblocks/pricing-card`)**: Individual plan cards nested inside the pricing table. Control plan names, monthly and annual prices, currency symbols, featured badges, button links, and feature lists. ### Key Features * **Interactive Billing Switcher**: Give visitors the ability to toggle smoothly between monthly and annual plans. Instant client-side switching with zero page reload. * **Responsive Multi-Column Grid**: Choose 1, 2, 3, or 4 columns for desktop screens with automatic, graceful responsive collapsing on mobile devices. * **Featured Plan Highlighting**: Make your highest-value plan stand out with customizable badge text (e.g., “Most Popular”, “Best Value”, “Recommended”), border accents, and elevation shadows. * **Configurable Call to Action (CTA) Buttons**: Customize button label, target URL, background color, text color, hover effects, and pill or square border radius. If no URL is provided, the button gracefully renders as an inactive status badge. * **Rich Feature Lists**: Enter features line by line. Supports bold text (``) for highlights and strikethrough (``) for excluded or unavailable features. * **Ready-to-Use Design Presets**: Instantly apply stylish design presets such as Editorial, Split, Spotlight, Dark, Soft, Contrast, and Minimal. * **Deep Per-Card & Table Styling**: Fine-tune colors (background, text, plan title, price, period label, border, badge, and button), spacing, padding, min-height, border radius, and typography font sizes and weights. * **Zero Bloat & Peak Performance**: Built with pure vanilla JavaScript and native CSS variables. No jQuery, no external frameworks, ensuring top performance and optimal Core Web Vitals. * **Block Theme & Full Site Editing (FSE) Ready**: Fully compatible with classic themes, modern block themes, and the WordPress Site Editor. ### Developer Credits This plugin was developed by ConicPlex, specializing in modern WordPress plugins and block editor experiences. For more information, visit [ConicPlex](https://conicplex.com). ## 適用於區塊編輯器 這個外掛提供 2 個可供區塊編輯器使用的區塊。 * Pricing Table Create pricing table layouts with monthly and annual plans. * Pricing Card An individual pricing plan inside a pricing table. ## 安裝方式 ### From WordPress Admin 1. In your WordPress admin dashboard, navigate to **Plugins > Add New**. 2. Search for `PlexBlocks Pricing for Block Editor` or click **Upload Plugin** to upload the downloaded `.zip` file. 3. Click **Install Now** and then click **Activate**. ### Manual Installation via FTP 1. Unzip the plugin archive. 2. Upload the `plexblocks-pricing-for-block-editor` directory to your server’s `/wp- content/plugins/` directory. 3. In your WordPress admin dashboard, go to **Plugins** and click **Activate** under** PlexBlocks – Pricing for Block Editor**. ### Adding a Pricing Table 1. Open any post or page in the block editor (Gutenberg). 2. Click the **+** (Add Block) icon and search for **Pricing Table** (under the ** PlexBlocks** category). 3. Add or edit individual **Pricing Card** blocks inside the table container. 4. Use the sidebar settings panel to customize billing toggle options, columns, colors, typography, and layout. 5. Save or publish your page. ## 常見問題集 ### Can I switch between monthly and annual pricing? Yes. The Pricing Table block includes an interactive billing toggle that allows your site visitors to switch between monthly and annual prices instantly. You can customize the toggle labels (for example, “Monthly” and “Annual” or “Pay Monthly” and “Pay Yearly”) or disable the toggle switcher if you only offer one fixed billing frequency. ### Can I highlight one plan as “Featured” or “Most Popular”? Yes. In any Pricing Card block settings, enable the “Featured plan” option. You can set a custom badge text (such as “Most Popular”, “Recommended”, or “Best Value”), customize the badge colors, and assign distinct shadow and border styles to make that card stand out from the rest. ### How do I add, remove, or reorder pricing cards? The Pricing Table block acts as a parent block container for Pricing Card blocks. To add a new card, click the “+” inserter inside the table grid. To reorder cards, use the block mover arrows or the Gutenberg List View. To remove a card, select the card and click Options (three dots) > Delete. ### Can I change the currency symbol? Yes. Each pricing card has an independent currency symbol setting. You can use any symbol or code, such as `$`, `€`, `£`, `₹`, `¥`, `CAD`, or `USD`. ### How do I format the features list? In the card’s “Features” field, type each feature on its own line. You can format items using basic HTML tags: use `Feature Name` for bold text or` Unavailable Feature` to display a feature with strikethrough styling for tiers where that feature is excluded. ### What happens if I don’t enter a button URL? If you provide a button label but leave the button URL empty, the button is displayed as an inactive/disabled indicator. Once you enter a valid URL, it automatically turns into an active clickable link. ### How many columns can I display? You can select 1, 2, 3, or 4 columns for desktop displays. The grid automatically adjusts for tablets and mobile devices to ensure readability and seamless responsive behavior on all screen sizes. ### Can I customize the colors and fonts? Yes. The block inspector provides comprehensive design controls. You can customize background colors, text colors, borders, border radius, shadows, padding, and font sizes and weights for plan names, prices, feature lists, and buttons. ### Does this plugin slow down my site? Not at all. PlexBlocks – Pricing for Block Editor is built with clean, modern development practices: lightweight CSS variables, dynamic server-side rendering, and pure vanilla JavaScript with zero external dependencies. There is no jQuery, no large frontend libraries, and minimal asset overhead. ### Can I add multiple pricing tables on the same page? Yes. You can add as many Pricing Table blocks as you need on a single page or across multiple pages. Each table operates completely independently. ### Is this plugin compatible with block themes and Full Site Editing (FSE)? Yes. The plugin is built natively for the Gutenberg block editor and works seamlessly with block themes, classic themes, and Full Site Editing templates. ### Do I need coding skills to use this plugin? No. Everything is configured visually through the WordPress block editor interface. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈PlexBlocks – Pricing for Block Editor〉的開發相關工作。 參與者 * [ ConicPlex ](https://profiles.wordpress.org/conicplex/) * [ husenmemon ](https://profiles.wordpress.org/husenmemon/) * [ Sajil Memon ](https://profiles.wordpress.org/sajilmemon/) [將〈PlexBlocks – Pricing for Block Editor〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/plexblocks-pricing-for-block-editor) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/plexblocks-pricing-for-block-editor/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/plexblocks-pricing-for-block-editor/)， 或透過 [RSS](https://plugins.trac.wordpress.org/log/plexblocks-pricing-for-block-editor/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/plexblocks-pricing-for-block-editor/)。 ## 變更記錄 #### 1.0.0 * Initial release: Responsive Gutenberg pricing table block, pricing card block, monthly/annual billing switcher, featured plan highlighting, design presets, and detailed styling controls. ## 中繼資料 * 版本 **1.0.0** * 最後更新 **2 天前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 6.3 或更新版本 ** * 已測試相容的 WordPress 版本 **7.1** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/plexblocks-pricing-for-block-editor/) * 標籤: * [block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/) [plans](https://tw.wordpress.org/plugins/tags/plans/)[pricing](https://tw.wordpress.org/plugins/tags/pricing/) [pricing table](https://tw.wordpress.org/plugins/tags/pricing-table/) * [進階檢視](https://tw.wordpress.org/plugins/plexblocks-pricing-for-block-editor/advanced/) ## 評分 這個項目尚無任何評論記錄。 [撰寫評分](https://wordpress.org/support/plugin/plexblocks-pricing-for-block-editor/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/plexblocks-pricing-for-block-editor/reviews/) ## 參與者 * [ ConicPlex ](https://profiles.wordpress.org/conicplex/) * [ husenmemon ](https://profiles.wordpress.org/husenmemon/) * [ Sajil Memon ](https://profiles.wordpress.org/sajilmemon/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/plexblocks-pricing-for-block-editor/)