Download Version
- Bricks Theme v2.0.1
- Bricks Child
Introduction to Bricks Builder
Product Overview
Positioning and morphology: Bricks is a “Theme + Visual Builder” solution (installed as a theme, with the ability to use sub-themes) for designing and managing pages and site widgets in a single interface.
Key competencies：
- Site-wide templates: Header/footer, archive, single article, search, 404, WooCommerce full process templates, etc. can be created and assigned visually.
- dynamic data: Native support for ACF, Meta Box, JetEngine, Toolset, Pods, etc. field/relationship calls with {echo:} Dynamic tags to run custom functions for complex logic and data transformations.
- Build Efficiency and Maintainability: Provides global styles (Theme Styles),Global Class Manager与 Global CSS Variable Manager, supporting the establishment of a consistent design system with reuse.
- Interactions and pop-ups: Built-in Interactions event-action system and Popup Builder, which allows you to open popups, switch class names/properties, load more, etc. without additional scripting.
- Performance and SEO: Emphasize clean, semantic, accessible output with light resource loading to lay the foundation for performance scoring and search visibility.
Key Features
- WooCommerce Builder: Visual customization of e-commerce pages such as products, archives, shopping cart, checkout, thank you page and “My Account”.
- Query Loop / Repeater: Build article lists, product grids, any CPT aggregation page with visual loops.
- Conditional rendering (server-side)The HTML will not be output if the conditions are not met, which helps performance and privacy.
- Layout and Style: Native CSS Grid 与 Flexbox Controls, containerized structures, global classes and variables for rapid implementation of responsive layout and design systems.
- Dynamic Data Depth Extension: In addition to the common fields, available {echo:} Tag calls whitelist functions to process complex data, compare or format output.
- Interactive/pop-up links: Define triggers and actions through Interactions, and work with Popup to realize lead generation, subscription, promotion and other conversion components.
- Performance and accessibility oriented: The official emphasis is on clean semantic markup and high-performance output to provide a technical foundation for core experience and SEO.
Target audience and usage scenarios
- Teams/individuals who need visualization but seek maintainability: The desire to accomplish complex pages with full-site templates without sacrificing performance.
- E-commerce and content-based sites: Deep customization of products, shopping flow & content aggregation pages is required.
- Projects with customized data structures: Sites that rely on custom fields, relationships and queries such as ACF/Meta Box/JetEngine.
- Teams that emphasize design systems: Unify styles and components through global class and variable management, suitable for multi-person collaboration and long-term evolution.
Comparison of similar topics
addressee: Elementor Pro, Oxygen Builder, GeneratePress + GenerateBlocks (block streaming program)
Note: The “Woo template builder” in the table refers to the visualization Ability to customize complete templates for products/archiving/cart/checkout/accounts etc.
| Core functional items | Bricks | Elementor Pro | Oxygen | GeneratePress + GenerateBlocks |
|---|---|---|---|---|
| Site-wide visualization template (Theme Builder) | ✅ | ✅ | ✅ | ✅ (implemented as Elements/block template) |
| Custom fields/dynamic data (ACF/Meta Box/JetEngine etc.) | ✅ | ✅ | ✅ | ✅ (GP/GB dynamic data) |
| Query Loop / Repeater Builds | ✅ | ✅ (Loop Builder) | ✅ (Repeater/Easy Posts) | ✅ (GB Query Loop) |
| WooCommerce Visual Template Building | ✅ | ✅ | ✅ | ❌ (mainly styles and blocks, not full visualization templates) |
| CSS Grid and Flex Layout Control | ✅ | ✅ (Grid Container + Flex) | ✅ | ✅ |
| Conditional display/rendering | ✅ (no server-side output) | ✅ (display conditions/template conditions) | ✅ | ✅ (Elements Display Rules) |
| Interactions/Pop-ups (built-in) | ✅ (Interactions + Popup Builder) | ✅ (Popup Builder) | ❌ (third-party dependent/self-written) | ❌ (third-party dependent/self-written) |
- Bricks Unique Strengths(relatively outstanding in its class): server-side conditional rendering (do not output HTML if conditions are not met), built-in Interactions + Popup Builder, global class and global variable manager, {echo:} dynamic tags to extend complex logic.
- Elementor Features/Benefits: Huge plugin ecosystem, mature Loop Builder and Theme Builder, official Popup Builder.
- Oxygen Characteristics: Developer-oriented controllability, early built-in Repeater/Easy Posts, CSS Grid support.
- GeneratePress + GenerateBlocks: Lightweight and natively integrated with the block editor, relying on Elements/Display Rules/GB Query Loop to build templates and lists; Woo is more of a style and block category.
User Feedback Highlights
- Speed and marking quality: Bricks has an excellent speed and score base with “clean markup + modern CSS” according to multiple reviews/comments.
- Developer Friendly: Dynamic data, classes/variables, and extensible APIs make secondary development and complex projects more flexible.
Suggestions for pairing with other plugins/themes
- Customized fields/relationships:and ACF / Meta Box / JetEngine Deep integration for structured content such as catalogs, casebooks, course libraries and more.
- e-commerce:and WooCommerce In conjunction, use Bricks to directly customize product pages, archives, shopping flows and account pages.
- polyglot: Both official documentation examples and community practice show that it can be used with the WPML、Polylang Collaboration.
- form (document): Available built-in Form element (with CAPTCHA/anti-abuse support), or access to third-party form plug-ins.
- Performance/SEO: Keeping components lean in Bricks, making proper use of conditional rendering and external caching plugins to further solidify performance and core metrics.
Frequently Asked Questions (FAQ)
What is Bricks? Is it a theme or a page builder?
Bricks is a WordPress Themes, built-in visual site builder (front-end WYSIWYG editor) for building pages, templates and components of the entire site. Installation is the same as the normal theme.
Is it possible to fully customize WooCommerce (products, cart, checkout, accounts, etc.)?
Bricks offers WooCommerce BuilderThe templates can be created and assigned to store, product, cart, checkout, my account and other pages, down to elements such as product cards, prices, variants and more.
Does it support dynamic data with custom fields (ACF / Meta Box / JetEngine etc.)?
Bricks natively supports dynamic data with direct calls. ACF, Meta Box, JetEngine field; it is also possible to pass the {echo:} Label call custom function output data (needs to be enabled in settings/whitelisted code execution).
How is the list/article grid implemented? Is there a query loop?
There is.Query Loop Articles, categorized terms, users, etc. can be queried and rendered as lists or grids; also supports Query Loop Editor Write more complex loops (with PHP filtering/sorting, etc.).
How to do grid layout and visual typography? Is CSS Grid supported?
Bricks supports both FlexboxAnd support. CSS Grid; and provide Visual Grid Builder Visual design of rows and columns, cross-row and cross-column layout with breakpoints, grid items can be combined with Query Loop.
Are there interactions and animations? Does it support pop-ups?
There is.Interactions Lets you configure interactions and animations such as scrolling into viewports, hovering, clicking, etc. via Events→Actions; Bricks also has a built-in Popup BuilderThe pop-ups can be created in templates and triggered by interactions or conditions.
Can it coexist with Gutenberg (block editor) or other editors?
It's okay. Use WordPress Content element renders existing WP/Gutenberg content in Bricks templates; also provides a Gutenberg ↔ Bricks. The content conversion guidelines for easy migration and collaboration. It is recommended not to mix two visual editors on the same page for editing.
How do you control responsive with breakpoints? Can I customize breakpoints?
Bricks Support Breakpoint Preview and Editingand can be enabled in the settings Custom breakpoints(add, delete, set as baseline breakpoints, pause on demand to generate styles) for easy adaptation to different devices.
How is the performance and front-end quality? Does it load jQuery?
Bricks focuses on Performance and Cleanliness MarkingsProvides Resource loading (CSS/JS) optimization Programs and performance practices; the front-end does not load jQuery by default (if third-party plug-ins need to be enabled on demand).
Is there a template library? Can it be reused across sites?
Yes. The editor has a built-in Template Library(including My Templates and Community Templates), and support for Remote Templates Cross-site browsing with one-click insertion for team reuse.
Multilingualism and Translation?
Bricks has translation-readycollaboration with WPML, Polylang and other major multi-language plug-ins are compatible for multi-language station building.
What about Accessibility / a11y support?
courtesy Accessibility Guidelines with control descriptions that help implement a11y best practices such as keyboard reachability, semanticization, and contrast.
What can built-in forms do? Can it be anti-spam?
Form Element Supports multiple fields, AJAX submissions, email notifications, redirection, user registration/login, interfacing with SendGrid/Mailchimp, saving submissions to database, and integration with reCAPTCHA v3, hCaptcha, Cloudflare Turnstile and other anti-spam programs.
Support for developer extensions (custom elements, hooks/filters, code execution)?
Support. Can be based on subtheme Write PHP extensions,Creating custom elementsand through a wealth of Hooks/Filters Customization; code execution can be turned on and signed for verification by role in the settings.
Is there support for uploading SVGs and icon libraries?
Compatible with 3rd party filtering / list enhancements (JetSmartFilters / WP Grid Builder etc.)?
Compatible with Bricks offers Query Loop against JetSmartFilters of the integration guide.WP Grid Builder Bricks plugin/extension is also available for front-end filtering and grid layout.
System and environmental requirements?
A modern hosting environment is recommended; the official minimum requirements are PHP 7.4+, MySQL 5.6+WordPress memory is at least 64MB, 16MB+ is recommended for a single upload, please use the latest version of modern browsers for editing.
