# Workflow Components

* For the first use, we would like to introduce Workflow Dashboard, here, it has components that help you to create an amazing Message Flow.
* Each component that you add to your whiteboard. We call it "Block". Each block has 1-2 purple dots, which help you connect with the other components. 
* "Start" block  <img src="/files/bOapyYznoXfBYKoRoqwM" alt="" data-size="line">can only connect with 1 block
* Every component now will have instruction tab.

<mark style="color:red;">= Note: You need to draw a straight line from the purple dot in this block to the purple dot in another block to complete the diagram. This allows the chatbot to execute the sequences you have set up.</mark>

## [1. Text and Image Button.](/bots/workflow/workflow-components-1/text-and-image-button-create-text-and-image-message.md)

This component lets you create the workflow message for your chatbot to send the reply with the image if the customer triggers a workflow condition.

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

## [2. Message with actions](/bots/workflow/workflow-components-1/message-with-actions.md)

This component lets you create the workflow message for your chatbot to send the reply with the message action if the customer triggers a workflow condition.

<figure><img src="/files/8z8XEWC7wEx06vScjvo6" alt=""><figcaption></figcaption></figure>

## [3. Saved Flow](/bots/workflow/workflow-components-1/saved-flows.md)

This component lets you create the workflow and use the old one to send the reply with the message action if the customer triggers a workflow condition

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

## [4. Collect Feedback](/bots/workflow/workflow-components-1/collect-feedback.md)

This component lets you create the workflow to collect feedback based on the emoji to evaluate the customers' attitude

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

## [5. Notify Agent](/bots/workflow/workflow-components-1/notify-agent.md)

This component lets you create the workflow to notify the live agent. Help your staff know the customers' needs

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

## [6. Form Submit](/bots/workflow/workflow-components-1/form-submit.md)

This component lets you create the workflow to send a form where your customers can filling any information you need.

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

## [7. Recap Chat Message](/bots/workflow/workflow-components-1/recap-chat-message.md)

This component lets you Recap chat messages in a chatbot is a feature that allows the chatbot system to summarize the content of previous conversations between the customer and the chatbot

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

## [8. Frequent Question](/bots/workflow/workflow-components-1/frequent-questions.md)

This component lets you use the data from Bot's Knowledge (FAQs) to make a list of Frequent Question

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

## [9. AI API](/bots/workflow/workflow-components-1/ai-api.md)

This section is exclusively for developers, so the information here is only meant to provide a general overview of the features available at CX Genie

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

## [10. API Call](/bots/workflow/workflow-components-1/api-call.md)

This section is exclusively for developers, so the information here is only meant to provide a general overview of the features available at CX Genie.

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


---

# 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://documents.cxgenie.ai/bots/workflow/workflow-components-1.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.