Frontend Script node

The Frontend - Script node allows you to execute custom scripts on the frontend during the flow. These scripts can interact with the UI, manipulate data displayed to the user, or trigger client-side logic. It is typically used for dynamic behaviors, custom validations, or integrating additional frontend functionality within the flow.

This node is available in: Authentication, Admin, Self Service, Consent, Library, Custom, User Defined

Script configurations

Allows defining custom script that is executed within the rendered HTML page. The script runs in the browser context when the node is processed and can be used to manipulate the page, interact with loaded libraries, or perform custom client-side logic.

The Variable Output Table defines the possible outputs of the node and allows you to create custom outputs that can be used during the flow execution.

Each custom output represents a possible exit path from the node and can be triggered from the Front End Form node by assigning the same output ID to an HTML element (for example, a button).

This mechanism allows the node behavior to be dynamically controlled by scripts, UI interactions, or nested flows.

Callback example from the script: return callback({"output": "next", "data": response)

The node provides the ability to inject head elements into the rendered page. See Start Node — Head element for full details.

Attributes can be saved into a variable for reuse by other nodes. See Common Configurations for details.

Default output node

• Failure

JSON metadata

{
    "name": "script_fe",
    "active": true,
    "bundleName": "default-nodes",
    "bundleVersion": "1.0",
    "nodeName": "ScriptFrontEnd",
    "category": "user_agent_components",
    "deprecated": false,
    "displayName": [{
            "lang": "en",
            "value": "Frontend - Script"
        }, {
            "lang": "it",
            "value": "Frontend - Script"
        }
    ],
    "flowCategory": [
        "custom",
        "admin",
        "auth",
        "self",
        "consent"
    ],
    "flowType": [
        "library"
    ],
    "index": 2,
    "inputs": [{
            "name": "Input"
        }
    ],
    "outputs": [{
            "name": "Failure",
            "level": "error"
        }
    ],
    "allowAdditionalOutputs": true
}