# The classic canvas

## Introduction

The **process flow canvas** is where you build and test your process flows in a smart, visual way. This is where you define if, when, what, and how data is synced.&#x20;

## Finding your way around the process flow canvas

The **process flow canvas** has four main elements - a [title](#the-process-flow-title), an [actions bar](#the-actions-bar), a [shapes area](#the-shapes-area), and a (hidden unless activated) [options panel](#the-options-panel):

<div align="left"><figure><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2Ftz4oXW63Yxo48BEfVqWc%2Fprocess%20flow%20canvas%202505%20b.png?alt=media&#x26;token=ae6a8e53-bcbe-494e-adc1-2056b108cd2d" alt=""><figcaption></figcaption></figure></div>

### <mark style="color:orange;">(A)</mark> The process flow title bar

The process flow title bar shows the name of the process flow, as specified when it was created. The number above the title is the process flow id and the number below is the version number. To change this title, use the [settings option from the actions bar](#settings).

The `copy link with current company id` icon to the right of the title can be used to copy a link to this process flow, which includes the `id` for your company profile:

<div align="left"><figure><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2FMuVLwHlnwmD9esorYJ2z%2Fprocess%20flow%20canvas%20copy%20company%20link.png?alt=media&#x26;token=d1b41661-ef61-4943-8fe2-784530cc6933" alt="" width="375"><figcaption></figcaption></figure></div>

This is useful if:

* You use our [partner features bolt-on](https://doc.wearepatchworks.com/product-documentation/getting-started/core-subscription-tiers#core-subscription-tier-bolt-ons) to manage multiple Patchworks profiles. Sharing this link with other team members (who have sufficient permissions) means they can access the process flow directly, seamlessly switching to the relevant company profile.&#x20;
* You need to raise a support query regarding a process flow. Including this link in your support ticket means that a member of our Support team can access the flow more efficiently, seamlessly switching to the relevant company profile.&#x20;

### <mark style="color:orange;">(B)</mark> The actions bar

Options in the actions bar are summarised below:

<table><thead><tr><th width="140.33333333333331">Option</th><th>Summary</th></tr></thead><tbody><tr><td><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2FiiH3lTvAPxRGlI7d48Yb%2Faction%20-%20settings.png?alt=media&#x26;token=c10a51a6-e73e-447b-b269-275ab7ba4a4c" alt="" data-size="original"></td><td><p><strong>Process flow settings</strong></p><p>Use this option to access general settings for this process flow. For more information, please see <a href="../process-flow-settings">Process flow settings</a>. </p></td></tr><tr><td><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2FXSmsvYOfdzmFVFchNK8C%2Faction%20-%20back%20to%20trigger.png?alt=media&#x26;token=1aaf71f9-c706-46ca-bd10-80e23ad4333c" alt=""></td><td><p><strong>Return to trigger</strong></p><p>If you're working on a longer process flow, use this option to quickly jump back to the start (i.e. back to the trigger shape).  </p></td></tr><tr><td><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2FblicYVKALKqzw8SHc3R2%2Faction%20-%20run.png?alt=media&#x26;token=c04dd9e4-70e8-4e7f-8f47-6415bf41b484" alt=""></td><td><p><strong>Initialise flow now</strong></p><p>Use this option to run the process flow manually (rather than waiting for a trigger to be invoked). For more information, please see <a href="../../managing-process-flows/initialising-a-process-flow-manually">Running a process flow manually</a>. </p></td></tr><tr><td><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2FZ1ceUdd2M6kfcBxpeA8c%2Faction%20-%20advanced%20run.png?alt=media&#x26;token=7e408e6d-8a71-47ab-ad6c-0e5314a5ef05" alt=""></td><td><p><strong>Initialise flow (advanced)</strong></p><p>Use this option to run the process flow manually with a given payload. This is particularly useful for testing - for example, if you want to test how a flow will run with expected data from a <a href="broken-reference">Patchworks API request</a>.<br><br>If the <a href="../../../virtual-environments">virtual environments</a> feature is enabled for your company profile, you can also use this option to <a href="../../../virtual-environments/implementing-virtual-environments/testing-a-process-flow-against-a-virtual-environment">test a process flow against a given virtual environment</a>.</p></td></tr><tr><td><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2FQ25CHP8EswHBGKUaIi0y%2Faction%20-%20stop.png?alt=media&#x26;token=f58ae374-aced-4390-8a8e-d32ae035e693" alt=""></td><td><p><strong>Stop the current run</strong></p><p>If a process flow is running, you can use this option to stop the current run. Stopping a run in this way triggers the flow to stop at its next step. If an API call or script has already been triggered, the process flow will stop after these have completed. <br><br>With this in mind, it's important to check any target connections to clarify what (if any) updates have been made after a process flow has been stopped.</p></td></tr><tr><td><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2FfjUilhKy90EMeFYu6fgR%2Faction%20-%20logs%20c.png?alt=media&#x26;token=d1762e5f-5809-4ea1-b9b2-eb92e08876c1" alt=""></td><td><p><strong>Logs &#x26; payloads</strong></p><p>Toggles the <code>details</code> panel off/on. As the process flow runs, you can <a href="../../../error-reporting-and-exception-handling/real-time-run-logs#real-time-monitoring">view progress in real time</a>; you can also <a href="../../../error-reporting-and-exception-handling/real-time-run-logs#logs-and-payloads">check logs and view payloads</a> at any stage.</p></td></tr><tr><td><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2FTD718bHgOIXQ0OYsrWBk%2Faction%20-%20toggle%20classic%20f.png?alt=media&#x26;token=2023364f-398a-4bcf-9dea-b906e7a9a2e9" alt="" data-size="original"></td><td><p><strong>Toggle new canvas</strong></p><p>If you're currently working with the classic canvas, use this option to switch to the new canvas. You can switch back at any time. Note that if you switch from the new canvas back to classic, any <a href="../the-drag-and-drop-canvas/drag-and-drop-canvas-interactions#disconnecting-shapes">disconnected shapes</a> are NOT displayed in classic flow.</p></td></tr></tbody></table>

### <mark style="color:orange;">(C)</mark> The shapes area&#x20;

The main 'shapes area' is where you build your process flow. Start by clicking the + sign associated with the [trigger shape](https://doc.wearepatchworks.com/product-documentation/process-flows/building-process-flows/process-flow-shapes/standard-shapes/trigger-shape), then choose the required shape for your next step, and [start building](https://doc.wearepatchworks.com/product-documentation/process-flows/building-process-flows)!

<div align="left"><figure><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2Fmwj27hJUr3jUDAUdKU0L%2Fadd%20step.png?alt=media&#x26;token=2400c3a8-8f5d-473a-8455-42aee1c4a314" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
We're adding new shapes all the time! For information about working with shapes, please see our [Process flow shapes](https://doc.wearepatchworks.com/product-documentation/process-flows/building-process-flows/process-flow-shapes) section.
{% endhint %}

### <mark style="color:orange;">(D)</mark> The settings drawer

When you access [process flow settings](#settings) or to configure a shape in your flow, available settings are displayed in a panel on the right-hand side. For example, when we choose to access settings for a [trigger ](https://doc.wearepatchworks.com/product-documentation/process-flows/building-process-flows/process-flow-shapes/standard-shapes/trigger-shape)shape, available trigger options are displayed:

<figure><img src="https://2440044887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLYNcUBVQwSkOMG6KjZfz%2Fuploads%2F9SxIEIXi8MLfGzUXmyeZ%2Fimage.png?alt=media&#x26;token=50ef2476-d500-4b8b-a7a7-bcc9e6cde65d" alt=""><figcaption></figcaption></figure>
