> For the complete documentation index, see [llms.txt](https://docs.mavibot.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mavibot.ai/doc/pt/chatbot/builder/botoes/trigger.md).

# Botão de um bloco ou gatilho de conexão

## Como criar um botão a partir de uma conexão

Botões de teclado podem ser criados usando conectores. Para fazer isso, arraste um conector e abra o editor:

<div data-with-frame="true"><figure><img src="/files/dd6106492a9ac377436c9d81680c88e7415c59da" alt=""><figcaption></figcaption></figure></div>

Para criar botões a partir de conexões:

1. Ative esta opção.
2. Para cada conexão, insira o texto desejado do botão em seu **"Trigger"** .

{% hint style="warning" %}
Atenção!

Isso funciona apenas em mensageiros que suportam botões.
{% endhint %}

{% hint style="warning" %}
Você pode criar **APENAS botões de teclado** usando conexões.
{% endhint %}

**Depois, aplique a mesma configuração às outras conexões:**

1. **Abra as configurações da conexão:** clique no conector para abrir suas configurações.
2. **Defina o texto do botão:** no campo **Gatilho** campo, insira o texto que você quer exibir no botão.
3. **Selecione o tipo de correspondência:** defina o tipo de comparação como **"Correspondência exata"**.
4. **Ative a exibição do botão:** ative a opção **"Exibir como botão"** .
5. **Salve a configuração:** clique **"Salvar"** para aplicar as configurações.

<div data-with-frame="true"><figure><img src="/files/0ea14882a57190fb9949a67ad29fa00417940ef3" alt=""><figcaption></figcaption></figure></div>

**Linha e posição:** os botões criados a partir de conexões são empilhados verticalmente por padrão. Use este campo para especificar um número de linha e controlar a posição vertical de um botão no layout.

<div data-with-frame="true"><figure><img src="/files/f0dd523e544ceb48ef9dfda263cbe88404bc2cf3" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
A numeração de LINHA e posição COMEÇA EM 0.
\
O primeiro botão na linha superior terá as configurações 0 e 0.
{% endhint %}

**Cor do botão:** Se necessário, você pode especificar a cor do botão — isso funciona no chat online e no Viber.

<div data-with-frame="true"><figure><img src="/files/670d7ef34f99cba4a326b734480b46329be9e5ab" alt=""><figcaption></figcaption></figure></div>

Resultado:

<div data-with-frame="true"><figure><img src="/files/f75809ebb0dc30e348fdd143062797c075ebc8b6" alt="" width="563"><figcaption></figcaption></figure></div>

## **Botão a partir de um gatilho de bloco**

Agora vamos ver um método mais avançado para criar botões usando as **"Configurações avançadas do botão"** no editor de blocos, na **Botões** seção.

Anteriormente, criamos botões usando conexões e gatilhos nos conectores. Um método alternativo é usar blocos de gatilho dedicados, como o **Bloco Início** (ponto de entrada do funil) ou **Bloco de Gatilho**.

**Etapa 1: Crie a estrutura de blocos**

1. Crie um **Bloco Início** (o ponto de entrada do funil).
2. Crie vários blocos adicionais abaixo dele. O número de blocos deve corresponder ao número de botões de que você precisa.

**Exemplo:** No fluxo de trabalho abaixo, três blocos são criados para corresponder a três botões.

<div data-with-frame="true"><figure><img src="/files/d641c4b78e551b89949dc7ad1e6f92be889e23b6" alt=""><figcaption></figcaption></figure></div>

**Passo 2.** Configure as condições de gatilho nos blocos subsequentes (neste exemplo, os três blocos Início).

<div data-with-frame="true"><figure><img src="/files/0ca21627a942e9fe5a3180c18437ab99771cb715" alt=""><figcaption></figcaption></figure></div>

**Passo 3.** Vá para o bloco principal (o ponto de entrada do funil) e clique na aba Botões.

<div data-with-frame="true"><figure><img src="/files/a59cfcb5bded54d2f35d01137a7207b12b200bd3" alt=""><figcaption></figcaption></figure></div>

**Etapa 4.** Na **Botões** seção do editor de blocos, mude para **Configurações avançadas** e insira o código do seu botão personalizado.

`[{"line":0,"index_in_line":0,"text":"Ir","type":"reply"},{"line":1,"index_in_line":0,"text":"Não","type":"reply"},{"line":2,"index_in_line":0,"text":"Na próxima vez","type":"reply"}]`

Você verá um menu idêntico, mas sem as conexões. Se configurado corretamente, ao clicar em um botão, o bot disparará o envio da mensagem do bloco de resposta correspondente.

<div data-with-frame="true"><figure><img src="/files/d7c47e288afb8e03c7515caa139d406eea46738b" alt=""><figcaption></figcaption></figure></div>

**Etapa 5.** Salve as configurações do bloco e mude para o modo de teste do bot.

<div data-with-frame="true"><figure><img src="/files/314dd3c69c8e02cc59983286c845f1d0b365cbfe" alt=""><figcaption></figcaption></figure></div>

Ao testar o bot, ele exibirá botões de teclado que são funcional e visualmente idênticos aos criados com a opção "Adicionar botão".

<div data-with-frame="true"><figure><img src="/files/28090651a605f3199a9616f887a2487c99b977e9" alt="" width="563"><figcaption></figcaption></figure></div>

Um clique no botão entregará a mensagem do seu bloco Início vinculado (criado na Etapa 1).

<div data-with-frame="true"><figure><img src="/files/e8b2e4c1ac00b963674fe68b65d23f651d53d308" alt="" width="563"><figcaption></figcaption></figure></div>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.mavibot.ai/doc/pt/chatbot/builder/botoes/trigger.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.