Como criar um botão a partir de uma conexão
Os botões do teclado podem ser criados usando conectores. Para isso, arraste um conector e abra o editor:
Para criar botões a partir de conexões:
- Ative esta opção.
- Para cada conexão, insira o texto desejado do botão no campo "Gatilho".
Nota!
Isso funciona apenas em mensageiros que suportam botões.
Você pode criar APENAS botões de teclado usando conexões.
Em seguida, aplique a mesma configuração às outras conexões:
- Abra as configurações da conexão: clique no conector para abrir suas configurações.
- Defina o texto do botão: no campo Gatilho, insira o texto que deseja exibir no botão.
- Selecione o tipo de correspondência: defina o tipo de comparação como "Correspondência exata".
- Ative a exibição do botão: ative a opção "Exibir como botão".
- Salve a configuração: clique em "Salvar" para aplicar as configurações.
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.
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.
Cor do botão: Se necessário, você pode especificar a cor do botão — isso funciona no chat online e no Viber.
Resultado:
Botão a partir de um gatilho de bloco
Agora vamos analisar um método mais avançado para criar botões usando as "Configurações avançadas de botão" na seção Botões do editor de blocos.
Anteriormente, criávamos botões usando conexões e gatilhos nos conectores. Um método alternativo é usar blocos de gatilho dedicados, como o Bloco Inicial (ponto de entrada do funil) ou o Bloco de Gatilho.
Passo 1: Crie a Estrutura do Bloco
- Crie um Bloco Inicial (o ponto de entrada do funil).
- Crie vários blocos adicionais abaixo dele. O número de blocos deve corresponder ao número de botões necessários.
Exemplo: No fluxo de trabalho abaixo, três blocos são criados para corresponder a três botões.
Passo 2. Configure as condições de gatilho nos blocos subsequentes (neste exemplo, os três blocos Iniciais).
Passo 3. Navegue até o bloco principal (o ponto de entrada do funil) e clique na aba Botões.
Passo 4. Na seção Botões do editor de blocos, mude para Configurações avançadas e insira o código para o seu botão personalizado.
[{"line":0,"index_in_line":0,"text":"Go","type":"reply"},{"line":1,"index_in_line":0,"text":"No","type":"reply"},{"line":2,"index_in_line":0,"text":"Next time","type":"reply"}]
Você verá um menu idêntico, mas sem as conexões. Se configurado corretamente, clicar em um botão fará com que o bot envie a mensagem do bloco de resposta correspondente.
Passo 5. Salve as configurações do bloco e mude para o modo de teste do bot.
Ao testar o bot, ele renderizará botões de teclado que são funcional e visualmente idênticos aos criados com a opção "Adicionar botão".
Um clique no botão entregará a mensagem do seu bloco Inicial vinculado (criado no Passo 1).
