Skip to main content

Page Builder Elements

The Page Builder ships with 27 built-in elements (shortcodes). You add them by dragging them onto the page canvas and configuring them through their options panel — no code required. They're grouped into three tabs in the builder:

  • Content Elements — text, buttons, media boxes, posts, tables, and more (20 elements, each with its own page).
  • Layout Elements — sections, rows, columns and special section types (5 elements).
  • Media Elements — image and video (2 elements).

:::note Work in progress This reference is generated from the plugin source. Add screenshots and refine the prose as you go — the option lists below reflect what's actually configurable today. :::

All elements at a glance

ElementCategoryWhat it does
AccordionContentCollapsible accordion items
ButtonContentA styled, linkable button
CalendarContentAn events/date calendar
Call To ActionContentA title + content + button CTA block
Code BlockContentRaw HTML/CSS/JavaScript block
DividerContentA horizontal rule / separator, optionally with text or icon
IconContentA single icon with optional title
Icon BoxContentAn icon paired with title and content
Image ContentContentImage alongside text in a responsive two-column layout
MapContentAn interactive map (multiple engines)
NotificationContentA dismissible notification / alert box
PostsContentQuery and display posts in grid/list/masonry/slider/overlay/hero layouts
Special HeadingContentAn overline + title + subtitle heading block
TableContentA data table with sorting, search and pagination
TabsContentTabbed content panels
Team MemberContentA team member card (photo, name, role)
TestimonialsContentTestimonials in grid or carousel
Text BlockContentA rich-text (WYSIWYG) block
Text ExpanderContentInline read-more / reveal toggle
Widget AreaContentRender a registered sidebar / widget area
SectionLayoutA full content section with background options
Hero SectionLayoutA section with a parallax background image
Masonry SectionLayoutA section that packs columns into a masonry grid
RowLayoutA builder row (column container)
ColumnLayoutA responsive column with width/offset/order controls
ImageMediaA single image with sizing and link
VideoMediaAn embedded video (URL based)

Common options shared by most elements include Background Color, Text Color, and Margin & Padding for spacing control.