Create custom presets for components

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:1分
  • Create presets to save time and make your component configurations reusable across different experiences.

    始める前に

    Role required: ui_builder_admin

    手順

    1. Navigate to All > Now Experience Framework > UI Builder.
    2. Select Create.
    3. Select Preset.
    4. On the form, fill in the fields.
      表 : 1. Create a page collection form
      Field Description
      Name Name to track your preset internally.
      Component Select the component you want to create a preset for.
      Controller Select the controller with data and logic to power the preset.
      Description Short description to help find your preset. Write a description that helps page builders understand what content is included in the preset.
    5. Select Create.
      The preset building window opens.

      Preset building window with no data added.

    6. Enter controller test values to preview data in the component preset.
    7. Configure the component properties you want to apply with the preset.
    8. Bind data from the controller to the component preset by dragging items from the data preview section to the fields in the configure panel.
      Configuration panel for component preset
    9. オプション: Add events to the component.
      For more information, see Configure an event handler manually.
    10. Select Save.

    次のタスク

    Apply the preset you just created by selecting a preset in UI Builder.