O que é o componente?

O componente  possibilita expor várias imagens no fluxo de conversa do seu bot, de forma dinâmica e organizada. Seu funcionamento é como se fosse uma vitrine ilustrativa com várias opções para escolha.

Você pode alimentar seu carrossel realizando manualmente o upload das imagens ou via conector.

Como implementá-lo no fluxo

Acesse a etapa desejada e adicione o componente "Carrossel"Será aberto um pop-up para escolha do modo de criação do carrossel: Upload de imagens ou Conector.

• Upload de imagens:

Na opção "Upload de imagens", você irá construir o carrossel manualmente, inserindo as imagens uma a uma. 

Se você optou por esse modo, após adicionar o componente, é necessário configurar as propriedades que o mesmo terá:

• Título: Texto exibido abaixo da imagem;
• Descrição: Texto exibido quando o cursor do mouse é posto sobre a imagem;
• Rótulo: Texto exibido no botão para seleção da imagem;
• Variável: Nome da sua variável.

• Conector:

Na opção "Conector", as informações para o seu carrossel serão alimentadas através da integração Droz e sua API. 

Se você optou por esse modo, após adicionar o componente, é necessário configurar as propriedades que o mesmo terá:

• Integração: Escolha a integração criada que disponibilizará as imagens e descrições;
• Para os itens: ID, Titulo, Imagem, Descrição e Rótulo, preencha com as variáveis criadas no conector.

Dica: É recomendado a utilização de imagens com a dimensão aproximada de 300x300px.

Para direcionar o usuário a uma nova etapa do fluxo, quando uma opção do carrossel é selecionada, utilize o componente .

Acompanhe o exemplo abaixo:

1º Defina um nome para a variável do seu carrossel. Ex.: carrossel:

2º Após, crie a condicional para ocorrer o direcionamento:

Ex.: Se na variável ${carrossel} possuir armazenado o valor igual a "Rótulo imagem 1" (valor definido no campo "Rótulo" do carrossel), o usuário será direcionado para a etapa "Imagem 1":

Exemplo de uso

Um dos exemplos de uso para este componente é a exposição de produtos disponíveis para venda em um e-commerce.