Instalação

Instalação em 3 passos

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 assistente, disponível no dashboard TAU em Configurações do Widget.

3. Teste e publique

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

Instalação personalizada

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.'
};

Você não precisa definir todos os parâmetros. O widget funciona perfeitamente apenas com o appId. Veja a referência completa de parâmetros.

CDN e carregamento

O widget é servido pelo CDN oficial app.taubot.ai, garantindo máxima performance e atualizações automáticas de segurança.

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>

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

Compatibilidade

Navegadores suportados:

Navegador	Versão mínima
Chrome	60+
Firefox	55+
Safari	12+
Edge	79+
Opera	47+
Mobile (modernos)	✅

Requisitos técnicos:

JavaScript habilitado
Suporte a ES6 (ECMAScript 2015)
Conexão com internet para carregar o widget

Segurança e privacidade

✅ Conexão segura via HTTPS
✅ Conformidade com LGPD
✅ Não coleta dados pessoais sem consentimento
✅ CSP (Content Security Policy) friendly
✅ Carrega de forma isolada (iframe)

Instalação

On this page