Skip to Content
We are launching Soon! 🚀🚀 🎉
WorkflowsAutomation Studio

Automation Studio

Your visual workspace for building powerful automations. The Automation Studio lets you create, edit, and manage workflows with drag-and-drop simplicity—no coding required.

🎯

New to the studio? Don’t worry—we’ll walk you through each part of the interface and show you how everything works together.


Studio Layout

Wakflo Automation Studio

The Automation Studio is organized into six main areas, each serving a specific purpose in your workflow-building journey.

1. Left Navigation Panel

Your command center for workflow-level controls and information.

🏠

Home

Navigate back to your dashboard

📋

Outline

View your workflow’s structure at a glance

⚙️

Settings

Configure workflow-level options

🕐

Version History

Track changes and restore previous versions

2. Top Menu Bar

Quick access to essential workflow controls and navigation.

Top Menu Bar
Workflow Navigation

Jump between workflows quickly

Workflow Name

Current workflow you’re editing

Publish Button

Make your changes live

Enable/Disable Toggle

Turn workflow on or off

3. Main Canvas

The central workspace where you visually build your workflow by connecting components together.

Trigger

The starting point that kicks off your workflow

🎬

Action Nodes

Tasks performed when your workflow runs

🔀

Logic Nodes

Control flow with conditions and loops

🔗

Integrations

Connections to external apps and services

4. Properties Panel

Properties Panel

Click any component on the canvas and its configuration options appear here on the right.

Basic Settings

Name, description, and core options

Advanced Settings

Additional configuration for power users

Input/Output Mapping

Connect data between workflow steps

Error Handling

Define what happens when things go wrong

Testing

Run tests on this specific component

5. Integrations Browser

Browse and connect to hundreds of apps and services. Click the ”+” button on the canvas to open the integrations browser.

What You Can Do
Browse integrations organized by category
Connect new platforms to your account
Manage existing connections
Configure platform-specific settings
Integrations Browser
Integration Categories

Built-In

Ecommerce

Productivity

Inventory

Shipping

Marketing

Project Mgmt

Support

…and many more

6. Monitoring Panel

Monitoring Panel

Track performance, debug issues, and optimize your workflows with comprehensive monitoring tools.

📊

Dashboard

High-level overview of workflow performance

▶️

Runs

Complete history of workflow executions

📝

Logs

Detailed step-by-step execution logs for debugging

📈

Analytics

Performance metrics and usage trends


Building Blocks

Every workflow is made from these fundamental components. Let’s explore each one.

Triggers

The event that starts your workflow. Every workflow needs exactly one trigger.

🔔

App Triggers

Events from connected platforms like new orders, product updates, or inventory changes

Schedule Triggers

Time-based triggers that run at specified intervals or specific times

🔗

Webhook Triggers

Custom endpoints that receive data from external systems

👆

Manual Triggers

Start workflows on-demand through the dashboard or API

Learn more in the Triggers documentation →

Actions

The tasks your workflow performs. Chain multiple actions together to build complex automations.

🎬

App Actions

Operations on your connected platforms—create, update, or delete records

💻

Code Execution

Run custom code in Node.js or Go for advanced logic

🔄

Data Manipulation

Transform, filter, merge, or aggregate data

🌐

External Services

Interact with third-party APIs and web services

Explore all actions in the Actions documentation →

Logic Components

Control how your workflow flows based on conditions and data.

🔀

Conditions

Branch your workflow based on specific criteria

🔁

Loops

Process lists of data, one item at a time

⏸️

Delay

Pause execution for a specified duration

🛡️

Error Handling

Define fallback actions when errors occur


Building Your Workflow

Follow this step-by-step process to create your automation.

Step 1: Add a Trigger

1

When you create a new workflow, you’ll be prompted to add a trigger

2

Select the Triggers tab in the integrations browser

3

Drag your desired trigger onto the canvas

4

Configure the trigger in the properties panel

5

Test it using the test button to verify it works

Step 2: Add Actions

1

Click the ”+” button below your trigger

2

Choose an integration and its associated action

3

Configure the action settings in the properties panel

4

Keep adding actions to build your workflow

Step 3: Add Logic (Optional)

1

Add conditions, loops, or other logic where needed

2

Configure the logic settings

3

Connect actions to different branches or paths

Step 4: Configure Data Mapping (Optional)

Transform and manipulate data between steps using mapping integrations.

1

Select a data mapping integration (JSON, CSV, etc.)

2

Configure the transformation in the properties panel

3

Test to ensure data flows correctly

Step 5: Code Execution (Optional)

1

Add the Code integration and select your language (Node.js or Go)

2

Write your custom code in the editor

3

Test the execution to verify it works

⚙️

Advanced feature: Code execution requires programming knowledge. Make sure you understand what you’re doing.

💡

Pro tip: Always use return and output valid JSON so subsequent steps can use your code’s results.


Workflow Controls

The toolbar gives you quick access to essential workflow management features.

💾
Save

Save current changes

🧪
Test

Run with test data

🔘
ON/OFF Toggle

Enable or disable

▶️
Runs

View execution history

⚙️
Settings

Configure options

🕐
Version History

Restore previous versions


Advanced Features

Environment Variables

Store sensitive information and reusable values securely across workflows.

1.

Navigate to Settings → Environment Variables

2.

Create variables for API keys, URLs, or configuration values

3.

Reference them in your workflow using {{env.VARIABLE_NAME}}

Debugging Tools

Troubleshoot issues with powerful debugging capabilities.

🧪

Test Mode

Test individual actions or the entire workflow safely

📝

Execution Logs

View detailed logs of every workflow run

🔍

Visual Inspector

Examine data at each step with interactive visualization

Keep Exploring

Now that you know your way around the Automation Studio, dive deeper into specific features.

Last updated on