🚀 Instalação do Widget TAU

Integre o widget TAU ao seu site em poucos minutos. Escolha entre a instalação simples ou personalizada conforme suas necessidades.

rocket_launch Instalação em 3 Passos

Para a maioria dos casos, você só precisa substituir SEU_APP_ID pelo seu identificador único fornecido pelo TAU.

📋 Passo a Passo

1️⃣ Adicione este código antes do </body>

<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>

2️⃣ Substitua SEU_APP_ID

Troque SEU_APP_ID pelo identificador único do seu bot fornecido no dashboard TAU.

3️⃣ Teste e Publique

Visualize seu site para ver o widget em ação e publique as alterações!

palette Personalização Avançada

Configure cores, comportamento e funcionalidades específicas do widget conforme suas necessidades.

🎨 Configuração Completa

Exemplo com Configurações Personalizadas

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.'
};
info Parâmetros Opcionais

Você não precisa definir todos os parâmetros. O widget funciona perfeitamente apenas com o appId. Veja a documentação completa de parâmetros para todas as opções disponíveis.

📦 Instalação Detalhada

🌐 CDN Oficial

O widget TAU é servido através do nosso CDN oficial para máxima performance e confiabilidade:

<script src="https://app.taubot.ai/widget/widget.js"></script>
speed Performance e Segurança

Usando o CDN oficial, você sempre terá acesso às últimas funcionalidades e correções de segurança automaticamente.

🔧 Requisitos do Sistema

Compatibilidade de Navegadores

Requisitos Técnicos

🚀 Métodos de Carregamento

Carregamento Assíncrono (Recomendado)

O método padrão usa carregamento assíncrono para não bloquear o carregamento da página:

(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);
    }
})();

Carregamento Direto

Para casos específicos onde você precisa de carregamento síncrono:

<script src="https://app.taubot.ai/widget/widget.js"></script>
warning Atenção

O carregamento direto pode impactar a performance da página. Use apenas quando necessário.

🔒 Segurança e Privacidade

check_circle Instalação Concluída!

Agora que o widget está instalado, explore as opções de configuração para personalizar a experiência dos seus usuários.