Beschreibung
Pricing plans, a promo banner, a „10,000+ happy customers“ counter: these are the sections that turn visitors into buyers. Usually that means installing a heavy page builder or a 40-block bundle you’ll never use.
ProofBlocks gives you exactly those three blocks, done properly, inside the editor you already use.
Try the live demo: a real WordPress site with a Pricing Table, Banner and Counter already published. No install needed.
The blocks
Pricing Table
Plan columns with a name, price and billing period, a feature list, and a CTA button per plan (with an optional new-tab link). Each column is its own native block, so you can reorder, duplicate or restyle plans individually. You can highlight your best plan with a custom badge and a border glow, ribbon or scale effect.
Banner / CTA
Image, heading, text and button, for promotions, announcements, lead magnets or product launches. You can put the image on the left, right or top, and align the text left or centre.
Counter / Countdown
Two blocks in one:
- Counter: a number that counts up when it scrolls into view, with a prefix and suffix (
$,+,%), adjustable speed, a label and an optional icon. Good for social proof such as customers served, projects shipped or years in business. - Countdown: a live countdown to any date, with your own message once it expires. Good for sales, launches and early-bird deadlines.
Looks good in one click
- 4 design presets (Minimal, Bold, Corporate, Playful) that set a matching style in one click. Everything stays editable afterwards.
- 8 colour presets shared across all three blocks, so your pricing table, banner and counters always match.
- Card shapes and styles: sharp, rounded or pill corners, with flat, bordered or shadow cards.
- Typography: use your theme’s font or pick sans-serif, serif, monospace or bold condensed, plus normal, bold, uppercase or italic text styles.
- Entrance animations: fade in or slide up as the block scrolls into view.
Built light
- No page builder. These are real Block Editor blocks that work in the Post Editor and the Site Editor (block themes).
- Assets load only where they’re used. A page without a ProofBlocks block loads none of its CSS or JS.
- No external services and no tracking. Nothing leaves your site.
- Your content is safe. Block content is stored as standard post content. If you ever deactivate the plugin, the text stays in your pages.
- Developer-friendly. A documented set of filters and actions lets you add colour sets, banner layouts, counter icons and custom markup.
Want more?
If you need more plan columns, premium gradients with an animated „popular“ badge, a monthly/yearly price toggle, video or parallax banners, extra banner layouts or odometer-style counters, those are available in ProofBlocks Pro, a separate optional add-on.
Source code
The editor and front-end scripts in the build/ folder are compiled from the human-readable source in the plugin’s public repository:
https://github.com/ivanomelyanenko0-cloud/proofblocks
To build it yourself, run npm install and then npm run build (uses @wordpress/scripts).
External services
This plugin does not connect to any external service. No data leaves your site. All block content is stored in your own WordPress database as standard post content, like any other block.
Blöcke
Dieses Plugin unterstützt 4 Blöcke.
- Counter / Countdown An animated number counter or a countdown to a date.
- Pricing Table A pricing table with 2 or more plan columns.
- Banner / CTA An image, heading, text, and call-to-action banner.
- Pricing Column A single plan column inside a Pricing Table.
Installation
- Install ProofBlocks from Plugins Add New, or upload the
proofblocksfolder to/wp-content/plugins/. - Activate the plugin through the Plugins screen.
- Open any post or page in the Block Editor (or the Site Editor) and search for „Pricing Table“, „Banner“ or „Counter“ in the block inserter.
- Pick a design preset in the block’s Style panel and start editing.
FAQ
-
Is the free version limited?
-
No. All three blocks and every feature listed in the description work without restrictions. ProofBlocks Pro is an optional add-on for extra layouts and effects.
-
Does this work with the Site Editor and block themes?
-
Yes. All three blocks work in both the Post Editor and the Site Editor.
-
Does this plugin slow down my site?
-
No. Each block’s CSS and JS is loaded only on pages where that block is actually present, using the Block Editor’s built-in asset loading.
-
Can I make the blocks match my brand?
-
Yes. Start from one of the 8 colour presets and 4 design presets, then adjust shape, card style, font and text style per block. Developers can register their own colour sets through a filter.
-
What happens to my content if I deactivate the plugin?
-
The block content stays in your pages as standard HTML and doesn’t disappear. It loses its styling until the plugin is reactivated, which is standard Block Editor behaviour.
-
Does uninstalling delete anything?
-
By default, nothing. If you want the plugin’s settings removed when you delete it, turn that on under Settings ProofBlocks. Block content in your pages is never removed either way.
Rezensionen
There are no reviews for this plugin.
Mitwirkende & Entwickler
„ProofBlocks“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
MitwirkendeÜbersetze „ProofBlocks“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
1.0.2
- Fixed the Wide/Full alignment set on a Pricing Table or Banner in the editor being ignored on the frontend – both blocks now keep their
alignwide/alignfullclass. - Fixed the Banner being 64px wider than its container (its padding was added on top of its width), which pushed it out of line with the surrounding content and past the Wide/Full width.
- Fixed a long Counter number being split across two lines mid-digit when the Counter sits in a narrow column (for example inside a Columns block).
- New „Position“ control for the Counter block (Left/Center/Right), measured from the edges of your theme’s content column so it lines up with the text and blocks around it. Previously the Counter sat at the far left of the full page width with no way to change that.
- Fixed the Counter block shipping with no CSS at all (editor or frontend) – its build entry point never imported its own stylesheet, so an unstyled Counter (most visible with Pro’s „ring“ style, which stretched to an enormous unconstrained square) fell back to browser defaults instead of the block’s real layout.
- Refreshed the Minimal, Bold, Corporate, and Playful design presets to match new reference mockups: Minimal now uses Rounded corners with a Bordered card (previously Sharp/Flat); Corporate now uses the Serif font; Playful now uses the Rose Pink color preset (previously Royal Purple) for a warmer, on-mockup palette.
- Design presets now also set the Banner’s image layout and the Counter’s icon position, so one click matches the reference composition (image-left/beside-number for Minimal and Corporate, image-top/above-number for Bold and Playful) instead of leaving those two controls untouched.
- Applying the Playful preset to a Pricing Table now switches every „Popular“ column to the Ribbon highlight style (matching its mockup’s corner ribbon); the other three presets keep the Border glow badge.
1.0.1
- First public release.
- Blocks: Pricing Table (with Pricing Column), Banner / CTA, Counter / Countdown.
- 8 shared colour presets and 4 one-click design presets (Minimal, Bold, Corporate, Playful).
- Card shape (Sharp/Rounded/Pill) and card style (Flat/Bordered/Shadow) controls.
- „Popular plan“ highlight: border glow, ribbon or scale, with custom badge text.
- Banner layouts (image left, right or top) with left/centre text alignment.
- Counter: 8-icon picker, icon position, prefix/suffix, adjustable duration; Countdown with custom expiry message.
- Entrance animations, font choice and text style presets for all three blocks.
1.0.0
- Initial release.
