Chegamos à quarta parte da pequena série apresentando o Botpress, uma solução completa para criação de Chatbots com recursos avançados de interação.

Para facilitar ainda mais a implementação e uso da aplicação, vamos mostrar neste vídeo como utilizar o Botpress em páginas online já publicadas.

Este assunto já foi abordado anteriormente, mas agora a demonstração acontece de forma prática.

Botpress – Chatbot implementado em Lojas Online

Nos exemplos apresentados neste vídeo, mostramos o Botpress rodando no WooCommerce, instalada no WordPress. Você pode seguir todos estes passos em qualquer plataforma, inclusive em ambientes proprietários, como o Lojas Integradas.

No Magento, Prestashop e OpenCart, basta implementar o código logo antes da tag </body>:

<script>
window.botpressSettings = {
hostname: "chattkz.herokuapp.com" // <<-- Troque pela URL do seu Botpress
};
</script>
<script>
!function(){function t(){var t=n.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://"+a.hostname+"/api/botpress-web/inject.js";var e=n.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}var e=window,a=e.botpressSettings,n=document;e.attachEvent?e.attachEvent("onload",t):e.addEventListener("load",t,!1)}();
</script>

Este código pode ser copiado e utilizado sem nenhum problema, mas lembre-se de alterar o campo “hostname” para a sua URL.

Para instalar o Botpress-Web, lembre-se de acessar a pasta/diretório da sua aplicação em localhost e executar o comando:

npm install botpress-web@next

Todos estes passos e comandos são explicados no vídeo, por isso, acompanhe tudo até o fim, só assim você será capaz de entender e compreender todos os passos.