Funcionalidades da tela

Nossa tela flexível oferece várias maneiras de tornar sua experiência de construção de bot rápida e fácil.

🎥 Tutorial em vídeo do Canvas

Prefere assistir em vez de ler? Neste tutorial, aprenda a usar as diferentes funcionalidades do canvas construindo um bot de Pizza rápido e fácil 👇

Se você prefere ler, vamos passar por cada funcionalidade especial do canvas abaixo 👇

Layout automático

Se você testar o canvas com um bot existente, os blocos do seu bot aparecerão sobrepostos. A funcionalidade de layout automático existe para resolver isso.

Para usar o layout automático:

1. Na sua tela, clique em Layout automático botão no canto inferior direito da sua tela.

Botão de layout automático.

1. Seus blocos agora estão distribuídos pelo canvas de forma não sobreposta. Fique à vontade para arrastar e soltar cada bloco onde você preferir!

Observe que, depois que você organizar seu fluxo usando o layout automático, não é possível voltar ao aspecto anterior do seu fluxo.

Arraste e solte

Para adicionar novos blocos ao seu bot com o canvas, basta arrastá-los e soltá-los diretamente do canto superior direito para qualquer lugar que você quiser no canvas.

Arraste e solte um bloco no seu canvas.

🆕 Duplicar blocos

Para duplicar um bloco:

1. Selecione um bloco clicando nele.

2. Clique no Duplicar ícone acima dele.

Duplique um bloco.

1. Uma cópia deste bloco aparece no seu canvas!

Conexões

Há 2 tipos de conexões de seta no canvas: conexões Go-to e conexões pai-filho.

Conexões Go-to

As setas contínuas representam as Conexões Go-to, ou seja, uma conexão real de fluxo. Isso significa que o bloco apontado pela seta acontece logo após o primeiro, guiando a conversa de um componente para outro.

Ponto Go-to de onde você pode desenhar conexões

Para vincular 2 componentes com um Go-to:

1. Clique e segure o Go-to ponto no canto inferior direito de um nó.

2. Conecte-o a qualquer outro bloco existente desenhando uma seta, ou você pode simplesmente criar um novo se ainda não tiver um bloco disponível.

A partir dos pontos Go-to, desenhe conexões entre componentes.

Conexões pai-filho

As setas tracejadas são Conexões pai-filho, projetadas como um auxílio visual para ajudar você a organizar seus fluxos. Embora não criem links funcionais entre componentes, elas oferecem uma ferramenta para estruturar visualmente seu bloco de maneira coerente.

Para adicionar uma conexão pai-filho:

1. Abra o seu bloco.

2. Vá para o seu Configurações.

3. Em Pai, defina um bloco pai.

4. Clique em Salvar.

Por exemplo, conexões pai-filho são especialmente úteis quando você está usando contexto.

A conexão pai-filho melhora a visualização.

Configurações de conexão

Excluir setas

Tanto as setas Go-to quanto as pai-filho podem ser excluídas ao passar o mouse sobre elas e clicar no ícone da lixeira.

Clique no ícone da lixeira de uma seta para excluir uma conexão de fluxo

Posição e cor das setas

Você tem a flexibilidade de mover as setas para frente e para trás conforme sua conveniência, para obter o posicionamento perfeito. Além disso, você pode modificar as cores delas para atender às suas preferências.

Altere a cor e o posicionamento da seta.

Se algum dia você quiser reverter para o design anterior das setas, uma simples opção de redefinição permite restaurar instantaneamente as setas originais.

Redefina a seta para seu estado anterior.