Section Blocks – The Layout Builder for Gutenberg

Description

Section Blocks is a powerful WordPress Gutenberg plugin that provides a complete collection of professional section blocks for building modern, responsive websites. Each block is carefully crafted with beautiful design, extensive customization options, and mobile-first responsive design.

🚀 Key Features:
– 12+ Professional section blocks
– Custom “Section Blocks” category in Gutenberg
– Mobile-first responsive design
– Extensive customization options
– Beautiful hover effects and animations
– SEO-friendly markup
– Accessibility compliant
– Easy to use with intuitive controls

🎯 Available Blocks:

Hero Section – Eye-catching hero sections with background images, customizable titles, subtitles, and call-to-action buttons with overlay controls and multiple text alignment options.

Features Section – Showcase features with icons, headings, and descriptions in 3-6 column responsive grid layout with 16+ built-in WordPress Dashicons and optional side images.

Services Section – Display services, features, or offerings with stylish cards. Choose between 60+ Dashicons or custom images for each service with 2-4 column responsive grid layouts, hover effects, and CTA buttons.

Steps Timeline – Multi-step processes with flexible layouts (vertical, horizontal, zigzag), 3-6 configurable steps, rich content support, visual connectors, and scroll-triggered animations.

Video CTA Section – Engaging video call-to-action sections with video backgrounds, overlay controls, customizable text, and conversion-focused design elements.

Testimonials Section – Display customer testimonials with star ratings, client images, names, and testimonial text. Supports both carousel and grid layout options with autoplay and animation effects.

Pricing Tables – Create pricing comparison tables with multiple plans side-by-side, feature lists, and highlighted recommended plans.

Team Members – Showcase your team with multiple layout styles (Card, Overlay, Minimal, Professional), social media integration, and hover effects.

FAQ/Accordion – Create toggle-style accordion sections with schema markup for SEO benefits and smooth animations.

Gallery Portfolio – Display images in masonry or grid layouts with filterable categories and lightbox functionality.

Newsletter Signup – Email capture forms with Mailchimp integration, custom API support, privacy consent options, and spam protection.

Call to Action – Powerful CTA sections with customizable backgrounds, text, and multiple button options for conversions.

Screenshots

  • All block in a picture.
  • Newsletter subscription picture

Blocks

This plugin provides 12 blocks.

  • Newsletter Signup A beautiful newsletter signup section with email capture, Mailchimp integration, and customizable design options.
  • Pricing Tables Professional pricing tables with multiple plans, feature comparison, billing toggle, and customizable design options.
  • FAQ Accordion A comprehensive FAQ accordion block with toggle functionality, schema markup for SEO, search, categories, and advanced customization options.
  • Steps Timeline Guide users through a multi-step process or chronological journey with clear, engaging visuals and animations. Perfect for how-it-works sections, onboarding flows, and project timelines.
  • Gallery Portfolio A beautiful gallery/portfolio section with masonry or grid layout, filterable categories, and awesome interactive features.
  • Call to Action Section A powerful call-to-action section with customizable background, text, and multiple button options.
  • Hero Section A beautiful hero section with background image, title, subtitle, and call-to-action button.
  • Video CTA Section Engage users with compelling video content and call-to-action buttons. Supports YouTube, Vimeo, and self-hosted videos.
  • Features Section A beautiful features section with icons, headings, descriptions, and optional side image. Supports 3-6 columns layout with hover effects.
  • Team Members Showcase your team with beautiful profile cards featuring images, names, positions, bios, and social links. Multiple layouts and hover effects included.
  • Testimonials Section A beautiful testimonials section with star ratings, client images, names, and testimonial text. Supports carousel and grid layout options.
  • Services Section Display services, features, or offerings using stylish cards with icons/images, titles, descriptions, and optional CTA buttons. Enhanced with hover effects and responsive design.

Installation

  1. Upload the plugin files to the /wp-content/plugins/section-blocks directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. In the Gutenberg editor, look for the “Section Blocks” category to find all available blocks
  4. For newsletter functionality, configure settings under Settings > Newsletter Settings

FAQ

How many blocks are included in this plugin?

The plugin includes 12 professional section blocks: Hero Section, Features Section, Services Section, Steps Timeline, Video CTA Section, Testimonials Section, Pricing Tables, Team Members, FAQ/Accordion, Gallery Portfolio, Newsletter Signup, and Call to Action.

How do I configure newsletter integrations?

Go to Settings > Newsletter Settings in your WordPress admin to configure Mailchimp API keys, reCAPTCHA settings, and view subscriber lists.

Are the blocks responsive?

Yes! All blocks are built with mobile-first responsive design and automatically adapt to different screen sizes.

Can I customize the colors and styling?

Absolutely! Each block includes extensive customization options for colors, typography, spacing, and layout through the Gutenberg editor sidebar.

Do the blocks work with any theme?

Yes, the blocks are designed to work with any properly coded WordPress theme that supports Gutenberg blocks.

Is the plugin accessible?

Yes, all blocks include proper ARIA labels, semantic HTML markup, and follow WordPress accessibility guidelines.

Can I use custom images with the Services Section block?

Yes, the Services Section block supports both 60+ built-in Dashicons and custom images that you can upload for each service card.

Does the Steps Timeline block support animations?

Yes, the Steps Timeline block includes scroll-triggered animations, entrance effects (fade, slide, zoom, bounce), and progressive step animations with customizable timing.

Reviews

مئی 29, 2025
I recently started using the Section Blocks plugin and I’m genuinely impressed. It’s lightweight, easy to use, and blends perfectly with the Gutenberg editor. The block options are clean and flexible, allowing me to build custom layouts much faster than before. It has saved me a lot of time and effort!
Read all 2 reviews

Contributors & Developers

“Section Blocks – The Layout Builder for Gutenberg” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.2.2

  • Added analytics integration with Appsero for plugin usage insights
  • Implemented user permission-based data collection and tracking
  • Enhanced plugin performance monitoring capabilities
  • Updated minimum PHP requirement from 7.0 to 7.4 for better compatibility
  • Added comprehensive analytics tracking system with user consent
  • Improved plugin architecture for better maintainability
  • Enhanced security and performance benefits with PHP 7.4+ requirement

1.2.1

  • Added Services Section block with service cards and CTA buttons
  • Implemented 60+ Dashicons support and custom image options for services
  • Added drag-to-reorder and clone/duplicate functionality for service management
  • Added Steps Timeline block with multi-step processes and flexible layouts
  • Implemented vertical, horizontal, and zigzag timeline orientations
  • Added scroll-triggered animations and visual connectors for timeline steps
  • Added Video CTA Section block with video backgrounds and overlay controls
  • Enhanced testimonials section with autoplay and animation effects
  • Improved responsive design and mobile optimization across all blocks
  • Updated block count to 12 professional section blocks
  • Enhanced accessibility features and ARIA label support
  • Performance optimizations and code improvements

1.2

  • Screenshots uploaded
  • logo Added
  • Added cover image

1.1

  • Added Newsletter Signup Section block with email capture functionality
  • Integrated Mailchimp API support for newsletter subscriptions
  • Added custom API integration support for third-party services
  • Implemented WordPress native subscription storage
  • Added admin settings page for newsletter configuration
  • Added reCAPTCHA support for spam protection
  • Enhanced security with nonce verification
  • Added privacy consent checkbox option
  • Improved AJAX handling for form submissions
  • Added comprehensive error handling and user feedback
  • Added Gallery Portfolio Section block with masonry and grid layouts
  • Implemented filterable categories for portfolio items
  • Added individual category selection for each image
  • Added lightbox functionality for image viewing
  • Added hover effects and animations
  • Removed portfolio blocks as per user feedback
  • Enhanced responsive design across all blocks
  • Added beautiful gradient backgrounds to Section Blocks category
  • Improved block category styling with hover effects
  • Added FAQ/Accordion Section block with toggle functionality
  • Implemented schema markup for SEO benefits
  • Added Team Members Section block with multiple layout styles
  • Added Card, Overlay, Minimal, and Professional layout options
  • Integrated social media links for team members
  • Added hover effects (lift, scale, glow) for team member cards
  • Added default avatar system for team members
  • Enhanced customization options for colors, spacing, and alignment
  • Improved responsive design for mobile devices
  • Added Hero Section block with background images and overlay controls
  • Added Features Section block with 3-6 column responsive grid
  • Added 16+ built-in WordPress Dashicons support
  • Added optional side images with left/right positioning
  • Added Testimonials Section block with star ratings
  • Added client images, names, and testimonial text
  • Added carousel and grid layout options for testimonials
  • Added Pricing Tables block with multiple pricing plans
  • Added feature comparison tables and highlighted recommended plans
  • Added Call to Action Section block with customizable backgrounds
  • Created custom “Section Blocks” category in Gutenberg editor
  • Implemented mobile-first responsive design
  • Added extensive color and typography customization options
  • Added hover effects and smooth animations
  • Implemented accessibility features and ARIA labels
  • Added comprehensive CSS with print-friendly styles
  • Added RTL (Right-to-Left) language support

0.1.0

  • Initial plugin scaffolding with Create Block tool
  • Basic plugin structure and foundation