> For the complete documentation index, see [llms.txt](https://documents.cxgenie.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documents.cxgenie.ai/bots/workflow/workflow-components-1/text-and-image-button-create-text-and-image-message.md).

# 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.