DocumentationBuilding

Blocks

The Zen Builder plugin adds Bootstrap-based blocks alongside the core WordPress blocks. Search for a block by name in the block inserter.

Layout

Section, Container, Row, Column, Div and Responsive Spacer. See Creating layouts.

Components

  • Button — styles, sizes, full width, an optional icon, and an option to open a popup.
  • Card — a Bootstrap card with an optional top image, link, background and shadow.
  • Icon — an SVG icon with optional background shape, colour and link.
  • Badge — small labels for categories and status.
  • Accordion — collapsible Accordion Items, ideal for FAQs.
  • Tabbed Panel — groups content into Tabs.
  • Carousel and Advanced Carousel — image or content sliders.
  • Modal — a dialog opened from a button, link or video icon.
  • List Group, Breadcrumbs, Classic Navigation and Footer Info.

Dynamic content

  • Dynamic Card Archive — a grid of posts, with Archive Category Filters for blog and archive pages.
  • Dynamic Featured Cards — a carousel of posts.
  • Dynamic Page Child Cards — cards linking to a page’s child pages.
  • Page Content and ZenBuilder Search.

Tips

  • Core blocks such as Heading, Paragraph, Image, List and Table work inside Zen Builder columns and use your global styles.
  • Add Bootstrap utility classes under Advanced → Additional CSS class(es), for example mb-0, text-center or d-none d-lg-block.
  • Turn any section you repeat into a synced pattern. Edit it once and every page updates.

Next steps