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

Edit Like A Document

Edit your text directly on the canvas. No switching to the panel required. Select text with your mouse to reveal the quick formatting bar.

Hover State Styles

Fully customize the styling of any block when your visitors hover of them. Toggle between "Normal" and "Hover Styles" by clicking the "cursor" icon in the buider toolbar.

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.