# Text and Image Button: Create Text and Image message

## I. How to use

<figure><img src="/files/j3RO6cS1EuHuAqFoPcGX" alt=""><figcaption><p>Edit Block of Text &#x26; Image Button Interface</p></figcaption></figure>

You can use the format tool to get a better outline.

Here are the 3 basic steps to create the flow based on the Text & Image Components:

* Step 1: Create Text & Image block by clicking <img src="/files/JeqbvRJgVmV4QF23VEJl" alt="" data-size="line"> (it's on the left of the workflow component tool). There's a block of message that will appear.
* Step 2: Connect 2 purple dots to activate the flow.
* Step 3: Click "Save changes" to confirm the setting.&#x20;

<mark style="color:red;">**= Please remember to click the "Save changes" button before leaving.**</mark>

## II. Examples

<figure><img src="/files/GEXVR7BQwBwAZjAv64wK" alt=""><figcaption><p>Create message flow by using Text &#x26; Imagage Button</p></figcaption></figure>

<figure><img src="/files/o4OC1ZgYNxZNCxh8kzdT" alt=""><figcaption><p>When your customer trigger the workflow condition, it will send exactly the message you have created above</p></figcaption></figure>

\*Note: You can upload a maximum of 5 images per 1 block.


---

# 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/text-and-image-button-create-text-and-image-message.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.