Page Builder Elements
The Page Builder ships with 54 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 in the builder:
- Content Elements — text, buttons, media boxes, posts, tables, and more (36 elements, each with its own page).
- Layout Elements — sections, rows, columns and special section types.
- Media Elements — image, video, gallery, before/after, hotspots and more.
- Header / Footer Elements — menus, logo, search, social icons and menu toggle.
Some elements come from their own extensions — Contact Form (Forms), Portfolio Grid and Project Gallery (Portfolio) — and appear in the builder once that extension is active.
All elements at a glance
| Element | Category | What it does |
|---|---|---|
| Accordion | Content | Collapsible accordion items |
| Button | Content | A styled, linkable button |
| Calendar | Content | An events/date calendar |
| Call To Action | Content | A title + content + button CTA block |
| Carousel | Content | A touch-friendly slider with image/heading/text/button slides |
| Code Block | Content | Raw HTML/CSS/JavaScript block |
| Countdown Timer | Content | A live countdown to a target date and time |
| Animated Counter | Content | A number that counts up when scrolled into view |
| Divider | Content | A horizontal rule / separator, optionally with text or icon |
| Gallery | Content | An image gallery with seven layouts, lightbox and captions |
| Icon | Content | A single icon with optional title |
| Icon Box | Content | An icon paired with title and content |
| Image Content | Content | Image alongside text in a responsive two-column layout |
| Map | Content | An interactive map (multiple engines) |
| Notification | Content | A dismissible notification / alert box |
| Posts | Content | Query and display posts in grid/list/masonry/slider/overlay/hero layouts |
| Progress Bars | Content | Animated skill / progress bars (bar, circle or gauge) |
| Special Heading | Content | An overline + title + subtitle heading block |
| Table | Content | A data table with sorting, search and pagination |
| Tabs | Content | Tabbed content panels |
| Team Member | Content | A team member card (photo, name, role) |
| Testimonials | Content | Testimonials in grid or carousel |
| Text Block | Content | A rich-text (WYSIWYG) block |
| Text Expander | Content | Inline read-more / reveal toggle |
| Table of Contents | Content | Auto-generated, clickable list of the page's headings |
| Widget Area | Content | Render a registered sidebar / widget area |
| Animated Heading | Content | A heading with rotating, animated words |
| Flip Box | Content | A two-sided card that flips on hover or click |
| Modal / Popup | Content | A trigger that opens content in a modal/drawer |
| Pricing Table | Content | Comparable pricing plans with a featured highlight |
| Social Share | Content | Share-to buttons for popular networks |
| Timeline | Content | A sequence of milestones, vertical or horizontal |
| Tooltip | Content | A trigger that reveals a tooltip on hover/click |
| Portfolio Grid | Content | A filterable grid of portfolio projects (Portfolio ext) |
| Project Gallery | Content | A portfolio project's image gallery + lightbox (Portfolio ext) |
| Contact Form | Content | A drag-and-drop contact form (Forms ext) |
| Section | Layout | A full content section with background options |
| Hero Section | Layout | A section with a parallax background image |
| Masonry Section | Layout | A section that packs columns into a masonry grid |
| Bleed Section | Layout | A split section: content one side, full-bleed image the other |
| Container | Layout | A second Boxed/Full-width container inside a section |
| Row | Layout | A builder row (column container) |
| Column | Layout | A responsive column with width/offset/order controls |
| Image | Media | A single image with sizing and link |
| Video | Media | An embedded video (URL based) |
| Before / After | Media | An interactive before/after image comparison slider |
| Image Box | Media | An image with heading, text, link and hover effects |
| Image Hotspots | Media | An image with interactive pins that reveal tooltips |
| Video Popup | Media | A poster with a play button that opens a video lightbox |
| Navigation Menu | Header/Footer | Display a WordPress menu (dropdown / mega / accordion) |
| Site Logo | Header/Footer | Site logo or title from Site Identity, or a custom image |
| Site Search | Header/Footer | A site search form (inline or expanding icon) |
| Social Icons | Header/Footer | A row of social-profile links |
| Menu Toggle | Header/Footer | A hamburger button that opens an off-canvas drawer |
Common options shared by most elements include Background Color, Text Color, and Margin & Padding for spacing control.