# 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: 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://docs.mavibot.ai/doc/pt/chatbot/builder/botoes/trigger.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.