Build With Confidence.
Visual Full Site Editing
Build your entire site, visually. All on one screen. From header to footer and everything in between. If you can do it with WordPress, you can do it with Bricks.
Preview and tweak your design for different breakpoints so your site looks stunning on all devices.
No more patchwork relying on dozens of disjointed and expensive plugins that slow down and break your site.
Dynamic Data
Populate your site with dynamic data from:
- Advanced Custom Fields
- Meta box
- JetEngine (since Bricks 1.4)
- Pods
- Toolset
- CMB2
- or any other WordPress custom fields
Perfect when generating dynamic templates for complex sites with custom post types such as real estate, listings, your blog layout, etc.
Access the dynamic tag picker from the editing panel or by typing "{" when editing your text to reveal all your dynamic data for one-click insert.
Truly Responsive Editing
Optimize your site for any device (desktop, tablets, and smartphones).
Preview & adjust your design visually for all relevant breakpoints (or via CMD / CTRL + B).
Never Lose Your Work Again
Undo/Redo
Deleted something by accident? Messed up your styles? No problem. Undo/redo any change in one click or via keyboard shortcuts.
Revisions
Bricks creates a revision on every save. Browse, preview and restore any snapshot right from within the builder.
Customizable Save
Bricks saves your work automatically every 60 seconds. Feel free to customize this interval, or disable the auto save.
Unsaved changes are detected automatically. Bricks tells you when you are trying to leave a page with unsaved changes.
All The Fonts You Want
Choose the perfect font to expresses your brand and style.
Bricks comes with websafe fonts, 800+ Google Fonts. You can even upload your own custom fonts in all relevant font weights, variants, and styles.
Set your fonts globally or individually. With live preview in the canvas. Smart asset loading ensures only relevant font files are loaded as needed.
Hit the ground running
Browse dozens of pre-designed templates, and insert any template with one click. From header, footers, sections, archives, 404s, blog layouts to entire website bundles.
Create your own templates
Save individual sections or entire pages a templates. Decide where on your site to show a specific template via template conditions.
Import/export templates individually or in bulk. Or access your templates between different Bricks installations. Your choice.
No Lock-In Effect.
Continue editing your Gutenberg-generated pages with Bricks, or convert entire Bricks pages back into Gutenberg blocks. Use both builders in parallel.
If you ever decide to move away from Bricks, you can, without having to recreate your entire site from scratch.
Control Builder Access
Define builder access levels for every user role or individual users. Choose between no access, content edits only, or full access.
This way you can protect your hand-crafted designs and allow layout changes only for certain users.
Header & Footer Builder
Build responsive website headers & footers, visually. Position top/left/right, sticky, sliding up, with a customizable mobile menu off-canvas sliding in.
Create multiple header & footer templates and set conditions about where to show them on your site.
Hide them on your landing pages with a single click.
Make It Your Own
Choose between the builder's light and dark mode. Enable, disable or customize autosave.
Freely resize and position the builder panel anywhere you like on your screen.
Page Specific Optimizations
Use page settings to disable your header/footer, show a built-in one-page navigation, or add custom CSS & JavaScript. Ideal for landing pages.
SEO & Social Media
Optimize SEO-relevant settings such as title, permalink, meta description, keywords, robots under page settings. Same goes for your social media preview details.
More Time saving features
Searchable controls
Bricks comes with so many controls that it's a good idea to make use of the search bar at the top of the editing panel to whenever you want to customize a specific setting.
Tip: Directly access the search bar via the CMD / CTRL + Shift + S keyboard shortcut.
Pin Elements
Pin your most used elements at the top of the panel for even faster access.
Hover over any element in th panel and click the "Pin" icon to pin it. Unpin an element and it returns to it's default position.
structure View.
The "Structure" view provides you with a X-ray view of all your blocks, and let's edit or move any block around with ease.
Renaming your blocks makes even the most complex pages manageable.
Keyboard Shortcuts
Speed up your workflow even more by performing the most common actions such as save, preview, editing different breakpoints, undo/redo, etc. with simple keyboard shortcuts.
Preview Your Work
Toggle between builder and preview mode (CMD / CTRL + P) to instantly see how your page looks like.
Or use the Frontend View to open your page in a new tab, which conveniently auto-refreshes whenever your changes are saved.
Create your own elements
Althought Bricks comes with 50+ highly customizable elements, you can always create your own elements with some PHP, HTML, and CSS.
No complicated compilation required. Just code, and save your element.
Page Management
Publish, create and switch between pages or any Bricks-enabled post type right within the builder toolbar.
Edit your draft and published them right within Bricks.
Fully Translatable & RTL
Translate any part of Bricks into the language of your choice. Bricks also supports right-to-left languages (RTL) such as Arabic, Hebrew, etc.
If you'd like to provide a new translation or help improve an existing translation, please let us know.
Built-in help center
Access our very own Bricks Academy, where you can find how-to guides, videos, and tips on how to use Bricks right within the builder by clicking the "Help" icon in the builder toolbar.
If you don't find an answer to your question you can email us directly by using the built-in contact form.