Skip to content
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  1. Компоненты
  2. PageBuilder
  3. Типы полей
  4. Free
  5. button

Поле button

Версия: Free.

Зачем этот тип

Три связанных свойства в одном поле: label, url, target. UTM-плейсхолдеры в url. Готовый объект для <a> в chunk.

Когда использовать

  • Основная кнопка hero или CTA
  • Secondary link с target _blank
  • Пара текст + ссылка без двух отдельных полей

Советы

Только URL без label: url. Несколько кнопок: repeater с nested button или text+url.

Похожие типы

  • url для голой ссылки
  • text + url если нужен раздельный layout

Настройка

json
{
  "name": "cta",
  "type": "button",
  "label": "Кнопка",
  "tab": "Контент",
  "width": 100,
  "active": true
}

Значение

Объект { label, url, target }.

Данные секции

Ключ cta в данных секции:

json
{
  "cta": {
    "label": "Подробнее",
    "url": "https://example.com",
    "target": "_blank"
  }
}

Пример в chunk

html
<a class="btn" href="{$cta.url|escape}" target="{$cta.target|escape}">{$cta.label|escape}</a>

Общие свойства

Для полей с name, которые сохраняются в данных секции:

КлючТипРольПанель
tabstringПодзаголовок группы в инспектореда
width25–100Ширина поля в % строки (flex)да
descriptionstringПодсказка под подписьюда
defaultanyНачальное значение новой секциида
activeboolfalse: скрыть поле в инспектореда
requiredboolОбязательно при publish (черновик сохраняется)да
  • Дополнительно: UTM-плейсхолдеры в url.

Подробнее: обзор полей.

Дальше