# How to connect your blocks

Tiledesk allows you to create no-code AI Agents quickly. One of the key aspects of designing an AI workflow is understanding how to use Blocks and connect them together. 

In this tutorial, we’ll guide you through the process of building a workflow by linking [Blocks](/ai-chatbots-and-automation/visual-builder-101/how-to-create-a-block.md) in Tiledesk.

<figure><img src="/files/pc0fiysBooTfZsQqfcKe" alt=""><figcaption></figcaption></figure>

**Step 1: Understanding Blocks, Actions and Connections**

* In Tiledesk, AI Agent workflows are constructed using [Blocks](/ai-chatbots-and-automation/visual-builder-101/how-to-create-a-block.md).
* Blocks are built using Actions.
* Blocks are connected together to create a workflow.
* The connections between Blocks are made using paths.

<figure><img src="/files/AHJgkQaMiJJaycsi1jQY" alt=""><figcaption></figcaption></figure>

**Step 2: Creating Paths**

* To connect Blocks, you need to create paths.
* Hover over the exit port of any [button](/ai-chatbots-and-automation/knowledge-base/using-buttons-in-an-ai-workflow-to-trigger-the-knowledge-base.md) or Block. It will turn into a green plus icon when you hover on it.
* Click and drag from the exit port to the Block you want to connect it to. This action creates a path.
* This path tells your AI Agent where the workflow should go next.

**Step 3: Deleting Paths**

* If you want to delete a path, click on it. The path will turn light blue to indicate that it is selected.
* Delete it using the delete icon, or press the Backspace key on your keyboard to remove the selected path.

When a path is selected, two additional options appear:

1. **Hide connector**\
   To simplify reading the graph, you can use the hide option.\
   Click on the connector, then select the 👁️ icon in the menu. The connector will be hidden, and a simple mouse-over will display it again. If you click on the label, the original connector will return to its position.
2. **Line text**\
   This option allows you to add a note on each path. Notes help you organize complex workflows more easily and keep your design clear.

<figure><img src="/files/OdM1RmhomaJG6R9U1hgz" alt=""><figcaption></figcaption></figure>

**Step 4: Understanding the Significance of Paths**<br>

* Paths determine the decisions made by users within the workflow.
* They guide users through specific interactions based on how they engage with the AI Agent.
* Continue adding Blocks and connecting them with paths to build your AI workflow. This represents the next steps in the interaction.
* Test it!
*

**Step 5: Launch Your AI Agent**\
Once you are satisfied with the workflow, launch your AI Agent to make it available to users on your website or other platforms.\
[Learn how to install](https://guide.tiledesk.com/web-integrations) it here and/or [how to connect it to different departments](https://guide.tiledesk.com/creating-a-department).

Congratulations! You’ve successfully created an AI workflow by linking Blocks with paths in Tiledesk. These paths play a critical role in guiding users through specific interactions based on their choices, making your AI Agent more engaging and user-friendly.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guide.tiledesk.com/ai-chatbots-and-automation/visual-builder-101/how-to-connect-your-blocks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.