
PageBuilder
Visual section builder for MODX 3: draft and publish without overwriting resource content
- MODX 3
- PHP 8.2
- Vue 3


Version: Free.
A field for a link, not plain text. In Pro you can set different URLs for desktop, tablet, and phone. UTM placeholders work here, as they do on button.
Label plus target fit button better. Internal MODX pages often use relation or resourcelist.
{
"name": "link",
"type": "url",
"label": "Link",
"tab": "Content",
"width": 100,
"active": true
}URL string.
Key link in the section data:
{
"link": "https://example.com/page"
}<a href="[[+link]]">Learn more</a><a href="{$link|pb_href|escape}">Learn more</a>Pro: responsive.
For fields with name that are stored in the section data:
| Key | Type | Role | CMP |
|---|---|---|---|
tab | string | Group subtitle in the inspector | yes |
width | 25–100 | Field width as % of the row (flex) | yes |
description | string | Hint under the label | yes |
default | any | Initial value for a new section | yes |
active | bool | false hides the field in the inspector | yes |
required | bool | Required on publish (draft still saves) | yes |
Pro (capability responsive): with responsive: true, the section data uses desktop, tablet, mobile keys instead of a scalar.
showWhen, UTM placeholders \{\{utm:key\}\} in the URL string.See fields overview.