Conteúdo - Carrossel

um carrossel é um conjunto de cartões, que podem ser apresentados horizontalmente ou verticalmente o carrossel possui o recurso postback, que permite enviar dados personalizados para o servidor botpress quando o usuário clica em um botão no carrossel usando um gancho, você pode fazer seu servidor botpress agir sobre os dados recebidos exemplo quando nosso usuário de bate papo clica em um botão no carrossel, enviamos uma carga útil com um código de cidade ( mtl \[montréal] ou nyc \[new york city] ) em seguida, criamos um gancho que salva esse código de cidade na memória o bot então flui para um nó específico, dependendo do valor na memória como você pode ver, o bot exibe primeiro um carrossel e, em seguida, um nó diferente com base no valor de temp cityclicked as transições atuais ainda não funcionam, vamos ver o gancho implementando o gancho acesse o conversation studio do bot selecionado; clique na guia editor de código ; ao lado da guia ganchos , clique no botão " + "; no menu suspenso , passe o mouse sobre event hooks e clique em after incoming middleware digite o nome do seu gancho 🖊️ nota não se esqueça de adicionar jsapós o nome que você digitou 6\ cole o seguinte trecho dentro do seu arquivo de gancho function hook(bp typeof sdk, event sdk io incomingevent) { / your code starts below / async function hook() { const backs = \['callback', 'postback'] if (backs includes(event type)) { let payload = '' switch (event type) { case 'callback' // for facebook messenger payload = event payload text break case 'postback' // for web payload = event payload payload } switch (payload) { case 'mtl' event state temp cityclicked = 'mtl' break case 'nyc' event state temp cityclicked = 'nyc' break default console log('unexpected payload') } } } return hook() / your code ends here / } 7\ salve clicando no pequeno disco no canto inferior esquerdo