Documentation
Brigade Blocks Addons documentation
Everything you need to build beautiful pages with Brigade Blocks Addons — from installing the plugin to styling every part of every block.
What is Brigade Blocks Addons?
Brigade Blocks Addons adds 56 professionally designed blocks to the WordPress Block Editor (also called Gutenberg) — no page builder needed. You use them exactly like WordPress’s own blocks: click +, pick a block, type your content and adjust the settings in the sidebar.
The blocks are organised into 12 modules that you can switch on or off, so your site only loads what you actually use. Every block can be styled in depth from the editor’s Styles tab — colours, typography, spacing, borders, shadows, layout and more — separately for hover, focus and active states and for desktop, tablet and mobile.
New here? Follow the Getting Started guide — you will have your first styled section on a page in about ten minutes.
Start here
Getting Started
Your first page with Brigade Blocks, step by step.
Installation & Activation
Install the plugin from WordPress.org or a ZIP file, and check the requirements.
Plugin Settings
Switch modules and blocks on or off, and choose the block typography.
All blocks
A complete guide for every one of the 56 blocks.
Styling Controls
Every panel and control of the Styles tab explained.
Responsive Design
Make every page look great on desktops, tablets and phones.
Modules and blocks
Each module groups related blocks. Click a module to see its blocks, or a block for its complete guide.
| Module | What it is for | Blocks |
|---|---|---|
| Content | Essential blocks for page content: headings, text, images, icons, buttons, video, maps and embeds. | Container, Heading, Text Editor, Image, Image Box, Icon, Icon Box, Button, Divider, Spacer, Video, Google Maps, HTML, Shortcode |
| Interactive | Sliders you design yourself, accordions, tabs, content toggles, timelines and process steps. | Accordion, Tabs, Slider, Content Toggle, Timeline, Process Steps |
| Marketing | Conversion-focused blocks for landing pages and business sites. | Call to Action, Counter, Flip Box, Progress Bar |
| Posts | Post grids, lists, masonry, carousels and sliders with AJAX load more and filters; author box and dynamic fields. | Posts, Author Box, Dynamic Content |
| Media | Galleries (grid, masonry, carousel, slider) with lightbox and filters, before/after comparisons and video galleries. | Gallery, Before / After, Video Gallery |
| People | Team member cards with social links, and testimonials with ratings in a grid or carousel. | Team Member, Testimonials |
| Navigation | Breadcrumbs with structured data, and a table of contents that builds itself from your headings. | Breadcrumbs, Table of Contents |
| WooCommerce | Products (grid, list, carousel, slider), product categories, product search, add to cart, a mini cart drawer and cart / checkout / account pages. | Products, Product Categories, Add to Cart, Mini Cart, Product Search, Store Page |
| Forms | Login, registration and lost-password forms that work without reloading, a user profile card, and a styler for Contact Form 7 and WPForms. | Form Styler, Login Form, User Profile |
| Advanced | Advanced Search with live results, and a Taxonomy Filter that links to category, tag and other taxonomy archives. | Advanced Search, Taxonomy Filter |
| Utilities | Social icons for 28 networks, and a WhatsApp chat button with a greeting card. | Social Icons, WhatsApp Chat |
| Data Visualization | Bar, line, area, pie, doughnut and radar charts (typed in or from a CSV / Google Sheets link), progress rings and gauges, and statistics cards — lightweight SVG with accessible data tables. | Chart, Progress Chart, Statistics Cards |
Highlights
- Native Block Editor. No page builder, no lock-in. Blocks are rendered on the server, so your content stays safe even if you change your mind later.
- Deep styling without code. Choose any part of a block (for example a button’s icon or an accordion’s title), a state (Normal, Hover, Focus, Active) and a device (Desktop, Tablet, Mobile), then change its look — see Styling Controls.
- Fast by default. Styles and scripts load only on pages that use a block; many blocks need no JavaScript at all — see Performance.
- Accessible. Keyboard support, screen-reader labels and reduced-motion support are built in — see Accessibility.
- Privacy-friendly. Videos and maps can wait for a click before contacting YouTube, Vimeo or Google; fonts are served from your own site — see External services.
- The Donix design system. Coral accent, ink headings, the Urbanist typeface and 6px corners — and every colour is a CSS custom property your theme can override.
How to use this documentation
Every block guide follows the same structure: Overview, How to add the block, Content settings (every control with its default value, when to use it, an example and the result), Design & styling, Responsive settings, Advanced options, Accessibility, Tips, Limitations and Troubleshooting. Use the search box at the top (press /) to jump to any block or setting.
Labels in bold are exactly what you see in WordPress. Paths such as Brigade Blocks → Modules tell you where to click.