Title: Gutenberg Blocks for Landing Pages & Sections – ClassicAddons Author: Classic Addons Published: June 26, 2026 Last modified: September 8, 2026 --- Search plugins ![](https://ps.w.org/classicaddons-content-blocks/assets/banner-772x250.jpg?rev= 3587447) ![](https://ps.w.org/classicaddons-content-blocks/assets/icon-256x256.png?rev=3587447) # Gutenberg Blocks for Landing Pages & Sections – ClassicAddons By [Classic Addons](https://profiles.wordpress.org/classicaddons/) [Download](https://downloads.wordpress.org/plugin/classicaddons-content-blocks.1.4.zip) * [Details](https://mfe.wordpress.org/plugins/classicaddons-content-blocks/#description) * [Reviews](https://mfe.wordpress.org/plugins/classicaddons-content-blocks/#reviews) * [Installation](https://mfe.wordpress.org/plugins/classicaddons-content-blocks/#installation) * [Development](https://mfe.wordpress.org/plugins/classicaddons-content-blocks/#developers) [Support](https://wordpress.org/support/plugin/classicaddons-content-blocks/) ## Description **ClassicAddons** is a library of designed **Gutenberg blocks** for building landing pages, sales pages and marketing sections in the native WordPress **block editor**— with **zero front-end JavaScript** and no page-builder bloat. Instead of another 50-block mega-plugin full of generic containers and buttons, you get a focused set of polished, conversion-focused **section blocks** — hero, pricing table, testimonials, team, comparison table, FAQ and more — that look professionally designed the moment you insert them. Every block is **server-rendered** (dynamic PHP), ships **no front-end JavaScript**, and only loads its own CSS on pages that actually use it. The result: clean markup, fast pages and great Core Web Vitals. [Learn more »](https://webcodingplace.com/classicaddons-content-blocks) #### Why you’ll love it * 🚫 **Zero front-end JavaScript** — no jQuery, no scripts, no render-blocking. Blocks render on the server and each block’s CSS is only loaded where it’s used. * 🧱 **Designed sections, not a block box** — opinionated hero, pricing, testimonial, comparison and FAQ sections that look finished on insert, instead of raw primitives you have to style from scratch. * 🔍 **Rich-result-ready** — an FAQ block with optional FAQPage schema (JSON-LD) for rich results, plus selectable heading tags (H1–H6) so your document outline stays correct for SEO. * 📱 **Fully responsive** — separate desktop / tablet / mobile controls for typography, padding and visibility. * ♿ **Accessible** — semantic HTML, ARIA labels, keyboard-friendly controls and reduced-motion support. * 🎨 **Genuinely designed** — sensible defaults that look great out of the box, plus deep customization (typography, spacing, color, gradient, borders) when you want it. * 🧩 **Composable** — cards drop straight into core Columns / Grid layouts and stretch to equal height. * 🧱 **Native block editor** — built on `block.json`, the Block Supports API and standard hooks. Works with block themes and Full Site Editing (FSE). #### The blocks * **Hero Section** — a fully customizable hero section with pill, gradient heading, two CTAs, an animated social-proof bar and a browser-mockup image. Ideal for SaaS, agency and product landing pages. * **Pricing Table** — a pricing plan card (name, price, features, badge, featured style) with a flexible CTA — a link or a JS button with custom id, classes and data-attributes (works with Paddle.js and similar). Drop several into a Columns or Grid layout for a full pricing table. * **Testimonial** — a review card with quote, star rating, avatar and author details. Drop several into a Columns layout for a testimonial wall. * **Team Member** — a staff/profile card with photo, name, role, short bio and social links (X, Facebook, Instagram, LinkedIn, YouTube, website, email). * **Comparison Table** — a feature-by-feature comparison table with a highlighted column, good/bad/meh status pills and an optional in-card header and footnote. Great for affiliate, SaaS and product-review pages. * **FAQ (accordion + schema)** — an accessible FAQ accordion (native details/summary) with optional FAQPage JSON-LD schema for rich results. * **Info Box** — a feature card with an icon (dashicon / image / emoji / custom SVG), title, description, optional link and 5 style variations. * **Versus Box** — a head-to-head two-card layout with an optional “VS” badge, custom item icons and ribbon badges. * **Eyebrow** — a small pill/label for section headers: alignment, optional link, icon (dashicon / image / emoji / SVG), colors, background, border and typography. * **Section** — a full-width container/row with background (color / gradient / image / overlay) and an adjustable inner content max-width. Drop any blocks inside. #### Ready-made patterns Not sure where to start? Insert a ready-made **pattern** built from these blocks and just edit the text: * **Hero: SaaS launch** — a full hero with headline, two buttons and a social-proof bar. * **Pricing: 3 tiers** — a three-column pricing section with a highlighted, recommended plan. * **Testimonials: 3-up wall** — a three-column wall of review cards for social proof. * **Team: 3-up grid** — a three-column team/staff grid with roles and social links. * **Features: 3-up icon grid** — a three-column feature grid with icons. * **FAQ: centered section** — an accessible FAQ accordion with optional schema. Find them in the block inserter under the **Patterns** tab **ClassicAddons**. #### Built for performance and quality * Dynamic PHP rendering via render callbacks (lean, secure, cache-friendly). * Zero front-end JavaScript — the FAQ accordion uses native `details`/`summary`, and entrance effects are pure CSS with reduced-motion support. * Frontend and editor assets are separated, and styles are enqueued the WordPress way (`wp_add_inline_style`), so CSS only loads for the blocks on the page. * Block style variations (Light / Dark / Elevated and more) across most blocks. * Reusable controls — typography, spacing, color, gradient, icon picker and a responsive( desktop / tablet / mobile) helper — organized into clear Content / Style / Advanced tabs. * Follows the WordPress Coding Standards with full escaping, sanitization and i18n. #### Perfect for Landing pages, sales pages, SaaS and product sites, agency and portfolio sites, affiliate and review sites, and anyone who wants professional marketing sections in the block editor without installing a heavyweight page builder. ### Source Code & Build Process This plugin is fully open source (GPL-2.0-or-later). The complete, human-readable source for every compiled asset is bundled inside the plugin in the `/src` directory. The minified files in `/build` are generated from `/src` using the official `@wordpress/ scripts` toolchain (webpack under the hood) — no other build tools are required. To regenerate the compiled assets from source: 1. `npm install` — installs the build dependencies declared in `package.json`. 2. `npm run build` — compiles `/src` into `/build`. Use `npm start` for a watched development build. There is no obfuscation; the build step only bundles and minifies the JavaScript and SCSS that ships in `/src`. ## Screenshots [⌊Build a complete, professional landing page in the block editor — no page builder required.⌉⌊Build a complete, professional landing page in the block editor — no page builder required.⌉[ Build a complete, professional landing page in the block editor — no page builder required. [⌊The full block library: hero, pricing, testimonials, team, comparison, FAQ and more, all in one ClassicAddons category.⌉⌊The full block library: hero, pricing, testimonials, team, comparison, FAQ and more, all in one ClassicAddons category.⌉[ The full block library: hero, pricing, testimonials, team, comparison, FAQ and more, all in one ClassicAddons category. [⌊Pricing Table — build a multi-column pricing section with a highlighted "featured" plan.⌉⌊Pricing Table — build a multi-column pricing section with a highlighted " featured" plan.⌉[ Pricing Table — build a multi-column pricing section with a highlighted “featured” plan. [⌊Testimonial wall and Team Member grid for instant social proof.⌉⌊Testimonial wall and Team Member grid for instant social proof.⌉[ Testimonial wall and Team Member grid for instant social proof. [⌊Comparison Table and Versus Box — perfect for SaaS, affiliate and product-review pages.⌉⌊Comparison Table and Versus Box — perfect for SaaS, affiliate and product- review pages.⌉[ Comparison Table and Versus Box — perfect for SaaS, affiliate and product-review pages. ## Blocks This plugin provides 10 blocks. * Testimonial A single testimonial / review card with quote, star rating, avatar and author details. Composable — drop several into a Columns or Grid layout. * Versus Box Two-card head-to-head comparison with optional VS badge, recommended ribbon and checklists. Compose it inside a Section. * Hero Section A premium, fully customizable hero section with pill, gradient heading, CTAs, social proof and browser mockup. * Info Box A polished feature/info card with an icon, image or emoji, customizable title, description and optional link. * FAQ An accessible accordion FAQ list (native details/summary) with optional FAQPage schema. No heading or section chrome — compose it inside a Section. * Eyebrow A small pill/label (eyebrow) for section headers, with alignment, optional link, icon, colors, background and typography controls. * Comparison Table Feature-by-feature comparison table with highlighted column, status pills and an optional table header and footnote. Compose it inside a Section. * Pricing Box A single pricing plan card — name, price, features, badge and a flexible CTA (link or JS button with custom data-attributes). Drop several into a Columns or Grid layout. * Section A full-width section/container with background controls and an adjustable inner content max-width. Drop columns, info boxes or any blocks inside. * Team Member A team / staff profile card with photo, name, role, short bio and social links. Composable — drop several into a Columns or Grid layout. ## Installation 1. In your WordPress admin go to **Plugins Add New**, search for “ClassicAddons Gutenberg Blocks”, then click **Install** and **Activate**. (Or upload the `classicaddons- content-blocks` folder to `/wp-content/plugins/`.) 2. Open any page or post in the block editor. 3. Click the **+** inserter and search for a block name (e.g. “Pricing Table” or “ Testimonial”) or browse the **ClassicAddons** category. 4. Add the block and customize it from the Content / Style / Advanced inspector tabs. If you install from source, run `npm install && npm run build` inside the plugin directory first (see below). ## FAQ ### Do I need a page builder to use these blocks? No. Everything runs inside the native WordPress block editor (Gutenberg). There is no separate builder, canvas or lock-in — just standard blocks you can mix with any core or third-party blocks. ### Can I build a whole landing page with these blocks? Yes. Combine the Hero, Info Box, Pricing Table, Testimonial, Comparison Table and FAQ blocks (inside the Section container) to assemble complete landing and sales pages — no page builder required. ### Will this slow down my site? No. Blocks render on the server with no front-end JavaScript, and each block’s CSS is only loaded on pages where the block is actually used. ### Do the blocks add render-blocking JavaScript? No. There is zero front-end JavaScript. The FAQ accordion uses the browser’s native` details`/`summary` elements and all entrance effects are pure CSS. ### Does the FAQ block add schema for rich results? Yes. The FAQ block can output FAQPage structured data (JSON-LD) so your questions and answers are eligible for FAQ rich results in search engines. It’s a toggle you can turn off per block. ### Is it compatible with Full Site Editing (FSE) and block themes? Yes. The blocks use `block.json`, the Block Supports API and standard WordPress hooks, so they work in the post editor and the Site Editor. ### Can I build a testimonials or team grid? Yes. The Testimonial and Team Member blocks are composable — add a core Columns or Grid block and drop several inside. Cards stretch to equal height automatically. ### Which social networks does the Team Member block support? X (Twitter), Facebook, Instagram, LinkedIn, YouTube, a generic website link and email. ### Can I change the heading tag for SEO? Yes — heading tags are selectable (H1 through H6, or div) so you keep a correct document outline. ### Does it work with my theme’s colors? Yes. Color and gradient pickers inherit your active theme palette, and you can always set custom values. ### Is the plugin translation ready? Yes. All strings are internationalized and a translation template (`.pot`) is included. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Gutenberg Blocks for Landing Pages & Sections – ClassicAddons” is open source software. The following people have contributed to this plugin. Contributors * [ Classic Addons ](https://profiles.wordpress.org/classicaddons/) [Translate “Gutenberg Blocks for Landing Pages & Sections – ClassicAddons” into your language.](https://translate.wordpress.org/projects/wp-plugins/classicaddons-content-blocks) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/classicaddons-content-blocks/), check out the [SVN repository](https://plugins.svn.wordpress.org/classicaddons-content-blocks/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/classicaddons-content-blocks/) by [RSS](https://plugins.trac.wordpress.org/log/classicaddons-content-blocks/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.4 * New: **ready-made patterns** — insert a full, pre-designed section and just edit the text. Six to start: Hero (SaaS launch), Pricing (3 tiers), Testimonials ( 3-up wall), Team (3-up grid), Features (3-up icon grid) and FAQ (centered, with schema). Find them under **Patterns ClassicAddons** in the block inserter. * Housekeeping: attribution and package metadata cleanup. No changes to block markup or front-end output. #### 1.3 * Cleaner block names — the “Classic” prefix has been dropped from every block title in the inserter: Hero Section, Pricing Box, Testimonial, Team Member, Comparison Table, FAQ, Info Box, Versus Box, Eyebrow and Section. This is a display-name change only; pages that already use these blocks are unaffected. * Refreshed the plugin name, WordPress.org listing and documentation to better describe what the blocks do. No changes to block markup or front-end output. #### 1.2 * New block: **Classic Testimonial** — review card with quote, star rating, avatar and author details, plus Light/Dark/Elevated styles. * New block: **Classic Team Member** — profile card with photo, name, role, bio and SVG social links (rounded / circle / square icons), photo-top / photo-left/ full-width cover layouts, and Light/Dark/Elevated styles. * Icons: Dashicons now load correctly on the front end; Eyebrow and Hero pill gained image / emoji / custom SVG icon sources. * Hero: added a “Make pill a link” toggle and a default H1 heading. * Comparison Table: removed columns no longer reappear on the front end. * Info Box & Team Member: inline links now work in body text on the front end. * Inline block CSS is now enqueued via `wp_add_inline_style()` instead of inline style tags. #### 1.1 * Initial release with seven blocks: Classic Section, Classic Hero Section, Classic Eyebrow, Classic Versus Box, Classic Comparison Table, Classic Info Box and Classic FAQ. * Reusable component library (typography, spacing, responsive, color, gradient, icon picker). * Block style variations across most blocks. * Optional FAQPage (JSON-LD) structured data on the FAQ block. * PHP 8+ namespaced architecture, autoloader, extensible block registry. ## Meta * Version **1.4** * Last updated **3 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.4 or higher ** * Tested up to **7.1** * PHP version ** 8.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/classicaddons-content-blocks/) * Tags * [block-editor](https://mfe.wordpress.org/plugins/tags/block-editor/)[blocks](https://mfe.wordpress.org/plugins/tags/blocks/) [gutenberg](https://mfe.wordpress.org/plugins/tags/gutenberg/)[landing page](https://mfe.wordpress.org/plugins/tags/landing-page/) [page builder](https://mfe.wordpress.org/plugins/tags/page-builder/) * [Advanced View](https://mfe.wordpress.org/plugins/classicaddons-content-blocks/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/classicaddons-content-blocks/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/classicaddons-content-blocks/reviews/) ## Contributors * [ Classic Addons ](https://profiles.wordpress.org/classicaddons/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/classicaddons-content-blocks/)