# Adicionando botões ao canal whatsapp

## **Botão de resposta**

Botões de Resposta são botões clicáveis que não possuem imagens e irão direcionar o usuário para uma determinada parte do bot. 

1-Para utilizá-los, na etapa de Mensagem, basta clicar no botão resposta rápida:

![](/files/-MHC02gHablJXGAFjqot)

2- Definir o Título da Resposta rápida e Tipo(Se ela irá direcionar para um fluxo ou etapa:

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/61002374775/original/Ix2v9ztvFcyVSq3Fd6_KwbdhwScUNOCyhw.gif?1591939939)

{% hint style="info" %}
OBS: O Texto da Mensagem que é enviada com respostas rápidas pode ter no máximo 60 caracteres.

OBS: Você pode configurar até 3 respostas rápidas de até 20 caracteres cada
{% endhint %}

Exemplo:

![](/files/-MhbLy7Y-YtHuKWgK87J)

## **Lista**

A lista são opções no formato de Menu/Lista que levam o usuário à um fluxo/etapa do bot, 

1-Para utilizá-los, na etapa de Mensagem, basta clicar no botão resposta rápida:

![](/files/-MHC02gHablJXGAFjqot)

2- Definir o Título da Resposta rápida e Tipo(Se ela irá direcionar para um fluxo ou etapa:

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/61002374775/original/Ix2v9ztvFcyVSq3Fd6_KwbdhwScUNOCyhw.gif?1591939939)

{% hint style="info" %}

OBS: O Texto da Mensagem que é enviada  em Texto pode ter no máximo 60 caracteres.

OBS: Você pode configurar até 10 respostas de até 20 caracteres cada
{% endhint %}

Exemplo:

![](/files/-MhbLgPm8v-ZZTkV7iRW)

## **Cards**

Aqui você pode criar botões clicáveis com imagens. 

1- Para isso, dentro da [ etapa de mensagem](https://help.cosmobots.io/help/bot-builder/fluxo-da-conversa/mensagem), clique em cartões, e em seguida clique no botão + do cartão:

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/61002374759/original/htBEKU48WsWaZcAzWjoRkghOzwa-1Pl0cg.gif?1591939837)

{% hint style="info" %}
OBS: No whatsapp você pode adicionar no máximo um Card por etapa de mensagem.
{% endhint %}

2- Preencha o Título, anexe ou coloque a url de  uma  imagem ou vídeo,  em Botão>Título, adicione as configurações do botão, em Tipo, defina se ele irá para uma etapa ou fluxo e salve:

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/61002374770/original/-qrMtZ7uDQylJO04C0vTJTHGGQfQQmvCxA.gif?1591939876)

{% hint style="info" %}
OBS#: Um tamanho recomendado para que a imagem dos cards fiquem com uma boa resolução é de 700x300.

OBS#: O tamanho máximo de vídeos aceitos é de 16MB
{% endhint %}

Exemplo:

![](/files/-MhbM3ItB8ft5qBtveWz)


---

# 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://help.cosmobots.io/help/bot-builder/canais/whatsapp1/adicionando-botoes-ao-canal-whatsapp.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.