The Integration editor is a drag-and-drop interface that lets you design and develop your entire integration flow
with little or no code. You can create, modify, and run all your integrations in the Integration editor. Overall, you can think of the Integration editor as a unified workspace for managing your integration.
Application Integration provides out-of-the-box
triggers and
tasks to further assist you in rapid
development of your integration. Every task or trigger element is connected using an
edge along with its respective
fork and join.
Edges also indicate the flow of control from one task/trigger to another. For information on specifying conditions for edges and tasks, see
Edge conditions.
Open integration editor
To open your integration in the Integration editor, do the following:
In the Google Cloud console, go to the Application Integration page.
The Variables panes lists all the integration variables and task variables available in the integration. It also displays a count of the total variable references within the integration.
To perform actions such as deleting or duplicating a variable, click
more_vert
(Actions menu) next to the respective variable.
For more information about variable, see Variables.
Designer canvas
The designer canvas is the backdrop on which you can design and develop your integration flow.
Configuration pane
The configuration pane displays the configuration settings for each of the triggers and tasks that are added in your designer canvas.
For information about how to configure a trigger or task, see Triggers and tasks.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-26 UTC."],[[["\u003cp\u003eThe Integration editor is a drag-and-drop interface for designing, developing, modifying, and running integrations with minimal coding.\u003c/p\u003e\n"],["\u003cp\u003eApplication Integration offers built-in triggers and tasks that can be connected via edges to rapidly create integrations, and edges indicate the flow of control between elements.\u003c/p\u003e\n"],["\u003cp\u003eThe Integration editor is accessible from the Application Integration page in the Google Cloud console, either by selecting an existing integration or creating a new one.\u003c/p\u003e\n"],["\u003cp\u003eThe Integration editor's layout includes a toolbar, navigation bar, variables pane, designer canvas, and configuration pane, each serving distinct purposes in the integration design process.\u003c/p\u003e\n"],["\u003cp\u003eThe editor allows you to view connectors, execution logs and monitoring dashboard and also perform actions like cloning, downloading and uploading, and deleting integrations.\u003c/p\u003e\n"]]],[],null,["# Explore the Integration editor layout\n\nSee the [supported connectors](/integration-connectors/docs/connector-reference-overview) for Application Integration.\n\nExplore the Integration editor layout\n=====================================\n\nThe *Integration editor* is a drag-and-drop interface that lets you design and develop your entire integration flow\nwith little or no code. You can create, modify, and run all your integrations in the *Integration editor* . Overall, you can think of the *Integration editor* as a unified workspace for managing your integration.\n\n\nApplication Integration provides out-of-the-box\n[triggers](/application-integration/docs/trigger-overview) and\n[tasks](/application-integration/docs/task-overview) to further assist you in rapid\ndevelopment of your integration. Every task or trigger element is connected using an\n[edge](/application-integration/docs/edge-overview) along with its respective\n[fork and join](/application-integration/docs/forks-joins).\nEdges also indicate the flow of control from one task/trigger to another. For information on specifying conditions for edges and tasks, see\n[Edge conditions](/application-integration/docs/edge-overview#edge_condition).\n\nOpen integration editor\n-----------------------\n\n\nTo open your integration in the *Integration editor*, do the following:\n\n1. In the Google Cloud console, go to the **Application Integration** page.\n\n [Go to Application Integration](https://console.cloud.google.com/integrations)\n2. Click **Integrations** from the left navigation menu to open the **Integrations** page.\n3. Select an existing integration or create a new integration by clicking **Create integration** .\n\n\n If you are creating a new integration:\n 1. Enter a name and description in the **Create Integration** dialog.\n 2. Select a region for the integration. **Note:** The **Regions** dropdown only lists the regions provisioned in your Google Cloud project. To provision a new region, Click **Enable Region** . See [Enable new region](/application-integration/docs/enable-new-region) for more information.\n 3. Click **Create** . The newly created integration opens in the *integration editor*.\n\n\nExplore integration editor layout\n---------------------------------\n\nThe following figure shows a sample layout of the *Integration editor*.\n\n\nThe following table describes the different sections that comprise the integration editor:\n\nWhat's next\n-----------\n\n- Start a [quickstart](/application-integration/docs/quickstarts).\n- Learn about the [canvas view](/application-integration/docs/canvas-view).\n- Get a deeper understanding of the fundamental Application Integration [concepts](/application-integration/docs/concepts).\n- Learn how to add and configure the available [triggers and tasks](/application-integration/docs/all-triggers-tasks)."]]
