Este guia contém todas as informações necessárias para integrar e configurar o Widget TAU em seu site ou aplicação.
O Widget TAU oferece uma maneira simples e poderosa de adicionar um assistente virtual inteligente ao seu site. Com suporte a múltiplos canais, personalização avançada e integração com sistemas externos.
Adicione o Widget TAU ao seu site em 3 passos simples:
<script>
window.taubotConfig = {
appId: 'SEU_APP_ID' // Substitua pelo seu appId
};
(function() {
var loadWidget = function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = 'https://app.taubot.ai/widget/widget.js';
document.getElementsByTagName('head')[0].appendChild(script);
};
if (document.readyState === 'complete') {
loadWidget();
} else {
window.addEventListener('load', loadWidget);
}
})();
</script>
Adicione o código antes do fechamento da tag </body> em seu HTML.
Substitua SEU_APP_ID pelo ID fornecido no dashboard do TAU.
Exemplo com os parâmetros mais utilizados:
window.taubotConfig = {
appId: 'SEU_APP_ID',
// Aparência do Botão
chatbotButtonBackground: '#4834D4',
chatbotButtonForeground: '#FFFFFF',
chatbotButtonSize: 60,
showChatbotButton: true,
// Posicionamento
chatbotButtonBottom: 20,
chatbotButtonRight: 20,
// Comportamento
autoOpen: false,
mode: 'default', // 'default' ou 'cool'
defaultRoute: 'home', // 'home' ou 'chat'
defaultMessage: 'Olá! Como posso ajudar?',
closeChatOnOutsideClick: false,
// Dimensões
chatWidth: 400,
maxChatHeight: 700,
// WhatsApp
enableWhatsApp: false,
whatsAppNumber: '+5511999999999',
whatsAppMessage: 'Olá! Vim do site e preciso de ajuda.'
};
Explore as seções da documentação para configurar e personalizar seu widget.