Beaver Builder
Beaver Builder AI: Build WordPress Layouts with AI (Now in Alpha)
Hey everyone! Big news. After a long time of building behind the scenes, Beaver Builder AI is here. The alpha version is free to test for every Beaver Builder customer. We’re excited to finally put this in your hands. TL;DR: Beaver Builder AI is a new WordPress plugin that generates editable layouts on a reusable…
Read MoreHow Beaver Builder Products Work Together to Build Flexible WordPress Websites
Building a WordPress website often means stitching together a theme from one developer, a page builder from another, and a handful of plugins that don’t always work together. Over time, this leads to messy websites that are harder to manage, maintain, and keep consistent. Beaver Builder takes a different approach. Beaver Builder’s suite of products…
Read MoreFrom Azeroth to WordPress: How Warcraft Tavern Uses Beaver Builder
Since releasing Beaver Builder 12 years ago, a feeling will come up from time to time that just never gets old. Now and then, I’ll be on a well-known site and recognize some little detail that makes me think, “Oh, this might be a Beaver Builder site.” I’ll inspect or view the page source, and…
Read MoreHow to Build Card Layouts in Beaver Builder (Flexbox + Box Module Tutorial)
If you’re using the Beaver Builder Box Module to build responsive layouts, you’ve likely noticed two things: it’s incredibly powerful and it comes with a learning curve. That’s exactly why we hosted a live Box Module training session focused on flexbox fundamentals and real-world card layout building. In this session, we built a responsive 3-card…
Read MoreHow to Center Content in Beaver Builder (Flexbox, Rows & Modules Guide)
Wondering how to center content in Beaver Builder? The most reliable way is to use the Box Module with Flexbox: set the container to Display: Flex, choose a layout direction, and apply center alignment for both horizontal and vertical positioning. If you’ve tried aligning a button, heading, or full section and it still looks slightly…
Read MoreStruggling with CSS Grid? Turn This On in Beaver Builder
CSS Grid is powerful, but it can be hard to work with when you can’t clearly see your layout. Beaver Builder 2.10 introduced a simple solution: a built-in grid overlay inside the Box Module. Beaver Builder’s Grid icon toggles a visual grid guidelines overlay inside the Box module. It helps you align content, spot spacing…
Read MoreHow to Push Content to the Bottom of a Box in Beaver Builder (Flexbox Solution)
How do you get a button to stay pinned at the bottom of a card? It’s a common problem where the button often refuses to move to the bottom of the card, no matter what you try. To push content to the bottom of a Beaver Builder Box Module, set the box to Display: Flex,…
Read MoreAI Tools for Beaver Builder: How BeaverForge AI Works
Note: Beaver Builder now has its own native AI, Beaver Builder AI, currently in alpha. This article covers BeaverForge, a third-party AI tool for the Beaver Builder ecosystem. Read about the official Beaver Builder AI → Building a WordPress website still involves many repetitive steps such as writing copy, structuring layouts, generating images, and refining…
Read MoreBuild Dynamic WooCommerce Archive Pages with Beaver Builder’s Loop Module and ACF
Default WooCommerce archive pages are functional, but can be clunky. They give you minimal control over layout, and displaying custom product data can be difficult without custom code. If you want an archive page that reflects your brand and surfaces the product details that matter most to shoppers, you need a better approach. Beaver Builder’s…
Read MoreHow to Nest Components in Beaver Builder: Build a Design System That Scales
In the last tutorial, we built a component from scratch. Now we’re taking it a step further by nesting components inside each other to create a complete design system. If you’re just getting started, you may want to read the previous articles first: In this guide, we’ll walk you through everything you need to know…
Read More