> ## Documentation Index
> Fetch the complete documentation index at: https://zuperinc-section23.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Navigation & Key Pages

Zuper Workflow Builder is a dynamic tool designed to automate and streamline business processes.

**Home Page Access**:

# I. My Workflows

1. Log in and navigate to the "**Workflows**" builder section from the sidebar.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW1.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=2488389b5a68f1502d195c7feb673ccd" alt="WW1 Pn" width="1900" height="872" data-path="images/WW1.png" />

2. Click the"**Ellipsis**" icon.

* **Activate/Inactivate**: Toggle a workflow's status using the activate/inactive button.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW14.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=ddcf55a39678a8eddfcddb3b53f86d86" alt="WW14 Pn" width="1907" height="873" data-path="images/WW14.png" />

* **Execution history**: Click the "**Execution History**" button to view the workflow execution history records.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW15.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=7261d519345c73dec89a6f2e861b2e30" alt="WW15 Pn" width="1907" height="873" data-path="images/WW15.png" />

* **Delete**: Click the "**Delete**" button to delete the workflow.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW16.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=255a46220a8e3eb01221477f1b3b5579" alt="WW16 Pn" width="1907" height="873" data-path="images/WW16.png" />

\
**Workflow Active Limits**

* The interface tracks the number of workflows created based on your subscription.
* For example, as shown here, you can have 10 workflows active at a time.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW103.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=66159923f58590d3b6b5ecd42b3032a6" alt="WW103 Pn" width="1900" height="872" data-path="images/WW103.png" />

### Sort:

Workflows can be sorted by "**Workflow Name, Created At**" date or by "**Ascending or Descending order**." To organize them chronologically, use the sort option at the top of the "All Workflows" section.

"**Search workflows**" help you find the exact workflow you are looking for.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW104.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=9cc819a8bdd6a724cdebc64125243875" alt="WW104 Pn" width="1901" height="867" data-path="images/WW104.png" />

**Features**: View a list of all workflows with details such as status (active/inactive) and creation date. The "**Needs Attention**" section highlights workflows with errors or pending actions, ensuring prompt resolution.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW101.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=a1bf762a5a5dd56a017fd50c2493e15e" alt="WW101 Pn" width="1900" height="872" data-path="images/WW101.png" />

### **Creating Workflows**

Zuper supports three creation methods:

Start from Scratch, Templates, and Import Workflows.

1. **Start from Scratch**: Open the workflow canvas, click "Add a node," and build a custom flow by dragging and connecting nodes.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW2.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=110ef84380347270ecf6c8f8982fe474" alt="WW2 Pn" width="1905" height="864" data-path="images/WW2.png" />

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW4.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=4d9d3db065793877a179b5302731a3da" alt="WW4 Pn" width="1916" height="865" data-path="images/WW4.png" />

2. After creating the workflow, click "**Test Workflow**."

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW6.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=d52b95bf8ccc970be491b56b48be4328" alt="WW6 Pn" width="1913" height="872" data-path="images/WW6.png" />

3. Click "**Save and Publish**" to create the new workflow.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW8.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=e22d4bb3b6521a52308a232261d5792e" alt="WW8 Pn" width="1910" height="874" data-path="images/WW8.png" />

4. Click the "**Revision History**" to view the changes in the workflow.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW9.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=5acab1d0007f522a6c3f4210c7ffb464" alt="WW9 Pn" width="1910" height="874" data-path="images/WW9.png" />

5. Click the "**Execution History**" to view the workflow executions.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW10.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=2e21d0999374022c496c01d5268e4c7b" alt="WW10 Pn" width="1910" height="874" data-path="images/WW10.png" />

6. Click the "**Export Workflow**" to transfer the workflow to another system.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW11.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=4e14ea6c8cfb0f6969164408a71518cb" alt="WW11 Pn" width="1910" height="874" data-path="images/WW11.png" />

7. Click the "**Settings**" to modify the preferences.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW12.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=54fd6a016ca088757d2dda0b6cd83c48" alt="WW12 Pn" width="1910" height="874" data-path="images/WW12.png" />

8. Adjust the values and click "**Save**." The concurrency limit specifies the exact number of simultaneous executions allowed. Any additional executions will be paused until the current ones are completed.

   For instance, if 100 records are triggered for workflow execution and the concurrency limit is set to 1, 99 records will wait until the single active execution finishes.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW105.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=91ddbbf03575080643e2542571135e26" alt="WW105 Pn" width="1917" height="867" data-path="images/WW105.png" />

9. Click "**Delete Workflow**" to delete the workflow.        

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW13.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=120fade312eb7b72961f280801f9b8f7" alt="WW13 Pn" width="1910" height="874" data-path="images/WW13.png" />

### **Picker (Expression / Variable / Functions)**

 The Picker is a powerful functionality integrated into the editor's navigation sidebar, designed to streamline the process of building dynamic expressions within nodes. It provides quick, contextual access to three core categories: **Expressions**, **Variables**, and **Functions**—allowing you to insert reusable logic, data references, and operations. This picker enhances productivity by reducing manual typing and minimizing errors, particularly in complex automations that involve conditionals, data transformations, or custom scripting.

To open the picker:

* Click the node that you would like to configure and place the cursor on any of the input fields, and it will auto-open the picker.

Once opened, the picker is divided into three intuitive sections:

* **Expressions**: Use this to pull dynamic data from previous steps. This will allow you to select the node from the previously executed nodes.

<img src="https://mintcdn.com/zuperinc-section23/2lDl8FkSaJpfIaPC/images/wfbn3.png?fit=max&auto=format&n=2lDl8FkSaJpfIaPC&q=85&s=9d1a0e07d281fd2b4ac260d4110e4df2" alt="Wfbn3 Pn" width="1919" height="910" data-path="images/wfbn3.png" />

* **Variables**: Use this to pull the variables from the Variables tab on the home page, such as user-defined constants. This section is ideal for maintaining consistency across multiple nodes, like reusing an account ID or API keys.

<img src="https://mintcdn.com/zuperinc-section23/2lDl8FkSaJpfIaPC/images/wfbn2.png?fit=max&auto=format&n=2lDl8FkSaJpfIaPC&q=85&s=4cba7d53139fcbf46940d9d07a8a2a9f" alt="Wfbn2 Pn" width="1919" height="912" data-path="images/wfbn2.png" />

* **Functions**: Dive into categorized libraries of pre-built operations:
  * **String Functions:** Manipulate text for formatting, validation, or extraction.
  * **Array Functions**: Handle lists and iterations, perfect for parsing CSV data or merging results.

<img src="https://mintcdn.com/zuperinc-section23/2lDl8FkSaJpfIaPC/images/wfbn1.png?fit=max&auto=format&n=2lDl8FkSaJpfIaPC&q=85&s=78d1b52e7958b1b920b7fea77cbdd1ef" alt="Wfbn1 Pn" width="1919" height="914" data-path="images/wfbn1.png" />

# **II. Templates**

* **Use Prebuilt Templates**: Navigate to "**Templates**," select a template (e.g., "**Job to Invoice**"), and edit it on the canvas.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW44.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=384e0935aa43c3291c3ba15529288458" alt="WW44 Pn" width="1916" height="865" data-path="images/WW44.png" />

* **Import Workflows**: Use the "**Import Workflow**" option to upload a previously exported .json file and adjust as needed.

To import workflows into Zuper using a JSON file, follow these steps:

1. **Access the Import Option**: Navigate to the "**Workflows**" section in your Zuper instance. Look for the "Import Workflow" option, which allows you to upload a JSON file. This option is typically found in the workflow management area of the Zuper interface.
2. **Upload the JSON File**: Select the "**Import Workflow**" option, and a file browser window will appear. Select the previously exported .json file containing the workflow you want to import. Ensure the file was exported from Zuper, as only Zuper-exported workflows are compatible.
3. **Adjust the Workflow**: Once the file is uploaded, the workflow will appear in your Zuper workflows list. Open the imported workflow to customize it as needed. This may involve updating configurations, adjusting settings, or modifying the workflow logic to suit your requirements.

**Important Notes**:

* Only workflows exported from Zuper can be imported.
* If you encounter issues during the import process, ensure the JSON file is valid and properly formatted. You may need to check Zuper’s documentation or contact their support for assistance if the file fails to import.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW3.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=9aa1464c77c517b5b146e0cd5806af2f" alt="WW3 Pn" width="1913" height="867" data-path="images/WW3.png" />

* Add the missing variables.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW7.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=4053e62f349067a0264087f05b079405" alt="WW7 Pn" width="1901" height="877" data-path="images/WW7.png" />

* Navigate to the **Workflows** section in the sidebar. Click the **Templates** to view the available options. Use the search bar or sort by name to find a specific template.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW17.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=4c5aa3867c968f5bde546fa21a6ec620" alt="WW17 Pn" width="1903" height="870" data-path="images/WW17.png" />

* Click any of the templates to use them for workflow creation. Then, Click "**Use this template**" to create the workflow.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW102.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=1d78f834ac8c6855b1dd1e90a2c1b048" alt="WW102 Pn" width="1915" height="854" data-path="images/WW102.png" />

# **III. Execution History**

Access the **Execution History** tab to review past workflow runs and monitor their performance. This section provides critical details for tracking and troubleshooting:

* **Filters**: Use dropdowns to filter by Workflow, All Status, Triggered Date, and Mode. Check the "**Flagged**" box to view only flagged items.
* **Search**: Enter a Workflow Name in the search bar to quickly find specific executions.
* **Columns**:
  * **Execution ID**: Unique identifier for each execution.
  * **Workflow Name**: Name of the executed workflow.
  * **Triggered at**: Time when the workflow was initiated.
  * **Executed at**: Time when the workflow was processed.
  * **Status**: Indicates success (green), failure (red), in progress (yellow), or queued (gray).
  * **Time Taken**: Duration of the execution, with warnings for failures.
* **Total Executions**: Displays the number of executions for the current month, along with the remaining quota.
* **Pagination**: Navigate through pages using the controls at the bottom.

**Interpreting Status**

* **Success**: Workflow completed without issues (green checkmark).
* **Failed**: Workflow encountered an error (red "X" with warning icon).
* **In Progress**: The Workflow is currently running.
* **Queued**: The Workflow is waiting to be processed.

**Created Time vs. Triggered Time**

* **Created Time**: The timestamp when the workflow is queued or initiated in the system. This may be slightly later than the Triggered Time due to system processing or queueing delays.
* **Triggered Time**: The timestamp when the trigger condition is met (e.g., when a "Job Created" event occurs or a webhook is received).
* **Why It’s Helpful**:
  * **Troubleshooting**: A large gap between Triggered Time and Created Time may indicate system latency or resource issues.
  * **Audit Accuracy**: Triggered Time confirms when the event occurred, while Created Time shows when the system began processing.
  * **Performance Optimization**: Monitoring this gap helps improve workflow efficiency, especially for time-sensitive tasks.
  * **Compliance**: Precise Triggered Times align executions with external events or schedules for auditing purposes.

 **Use Case**: Use filters to quickly find problematic runs (e.g., all failed executions in the last week) or flag an execution for further investigation if it produces unexpected results.

# **IV. Variables**

## **Using Variables in Workflow Builder**

This guide explains how to define, use, and manage variables in the Workflow Builder, including how to reference them in code nodes and throughout workflows. It also highlights the importance of the "**Mark as Secret**" feature for enhanced security.

## **Defining Variables**

To create a variable in Workflow Builder:

1. Navigate to the **Variables** tab in the Workflow Builder interface.
2. Click **Create a Variable**.
3. Provide a name for the variable (e.g., client\_id).
4. Assign a value to the variable or link it to a data source (e.g., an API response, database field, or user input).
5. Optionally, enable the **Mark as Secret** option for sensitive data (see below for details).

**Mark as Secret**: When defining a variable, you can mark it as secret to protect sensitive information, such as API keys, passwords, or personal data. This feature:

* **Encrypts the variable’s value** in storage and during transit.
* **Masks the value** in the Workflow Builder interface to prevent accidental exposure.
* **Restricts access** to authorized users or processes, reducing the risk of data leaks.
* **Enhances security** by ensuring sensitive data is not logged or displayed in plaintext during workflow execution or debugging.

**Security Benefits**: Marking variables as secret is critical for workflows handling sensitive data. It minimizes the risk of unauthorized access, ensures compliance with data protection regulations (e.g., GDPR, HIPAA), and safeguards your organization’s and customers’ sensitive information.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW108.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=d16f0fe439ce362f39c74141ffd7cbce" alt="WW108 Pn" width="1909" height="864" data-path="images/WW108.png" />

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/Wv.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=9b1e2a1eaed9d0e5d20101a83d8b91c2" alt="Wv Pn" width="1915" height="865" data-path="images/Wv.png" />

## **Using Variables in Workflows**

Variables make workflows dynamic and reusable by allowing you to reference data across nodes. You can use variables in:

* **Node configurations**: Insert variables into fields like text inputs, API calls, or conditions to dynamically populate values.
* **Code nodes**: Reference variables in JavaScript code to process or manipulate data.

Variables can be picked directly inside the workflow itself via intuitive interface elements – picker. Clicking on any input field within a node will auto-open the picker with the **Variables** tab. This allows seamless functionality without manual typing—simply search or browse your defined variables and insert them on the fly.

<img src="https://mintcdn.com/zuperinc-section23/2lDl8FkSaJpfIaPC/images/wfbn2.png?fit=max&auto=format&n=2lDl8FkSaJpfIaPC&q=85&s=4cba7d53139fcbf46940d9d07a8a2a9f" alt="Wfbn2 Pn" width="1919" height="912" data-path="images/wfbn2.png" />

Alternatively,

**Syntax for Calling Variables**:

* In **node configurations**, select the variable from a dropdown menu or reference it using the format `{{VARIABLE.<variable_name>}}` in supported fields.
* In **code nodes**, use the VARIABLE object followed by the variable name to access its value.

**Example (Node Configuration)**: To use a variable like client\_id in a node (e.g., an API call):

1. In the node’s configuration panel, locate the field where the variable is needed (e.g., a URL or payload field).
2. Use the variable picker or type `{{VARIABLE.client_id}}` to insert the variable’s value dynamically.

**Example (Code Node)**: If you have a variable named zuperkey, access it in a code node like this:

```
javascript

CollapseWrapRun

Copy

let variable_value = VARIABLE.zuperkey; // Access the variable

let result = variable_value.toUpperCase(); // Process the variable

return result; // Return the result for the next node or output
```

### **Tips for Success**

* **Test thoroughly**: Always test your workflows to ensure variables and expressions are correctly referenced and the return statement provides the expected output.
* **Use descriptive variable names**: Clear names (e.g., client\_id, user\_email) improve workflow readability and maintenance.
* **Leverage "Mark as Secret" for sensitive data**: Always enable this option for variables containing sensitive information to enhance security and compliance.
* **Validate data sources**: Ensure variables linked to data sources (e.g., APIs, databases) are correctly configured to avoid runtime errors.

# **V. Insights**

* Navigate to the "**Execution Insights**" section from the main dashboard.
* Check the overview for total executions, success/failure rates, and key trends. Use the "Last Days" filter to adjust the time range for data analysis.
* Save or export insights for future reference.

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW20.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=fbc50f6fe7bc65652464117b7e2e6fdc" alt="WW20 Pn" width="1910" height="872" data-path="images/WW20.png" />

<img src="https://mintcdn.com/zuperinc-section23/dPOYyfraKkKVT81b/images/WW21.png?fit=max&auto=format&n=dPOYyfraKkKVT81b&q=85&s=f4e91bb38fa30b818576a14c16206c54" alt="WW21 Pn" width="1920" height="872" data-path="images/WW21.png" />

Mastering the Zuper Workflow Builder nodes empowers you to automate complex processes efficiently. Leverage triggers, templates, and monitoring tools to optimize your workflows, with version control providing a safety net for adjustments.

 
