Drupal é um sistema de gerenciamento de conteúdo open source bem poderoso, utilizado por empresas, governos e universidades do mundo inteiro. Neste guia, você vai ver como adicionar o chat ao vivo da Smartsupp e o widget Flow (antigamente chamados de chatbots) ao seu site Drupal — com instruções atuais para as versões 9, 10 e 11, além de um passo a passo separado para o Drupal 7.
Este tutorial está dividido assim:
Copiar o código da Smartsupp
Primeiro, acesse seu painel da Smartsupp e vá em Configurações → Canais → Chat ao vivo → Instalação. Copie o código inteiro.
Adicionar um bloco personalizado (Drupal 9, 10, 11)
No Drupal atual, você pode colar o código da Smartsupp usando um bloco personalizado — não precisa instalar módulos extras. Entre no painel administrativo do Drupal e vá em Estrutura > Layout de bloco > Biblioteca de blocos personalizados. Clique em Adicionar bloco personalizado, coloque um nome (como "Smartsupp") e cole o código da Smartsupp no campo de conteúdo. Troque o formato do texto para HTML completo para garantir que a tag de script vai funcionar, depois clique em Salvar.
Escolher onde o bloco aparece no site
Agora é só escolher onde o bloco vai ficar. Volte em Estrutura > Layout de bloco, selecione uma região do site (por exemplo, Rodapé ou Conteúdo), clique em Colocar bloco, escolha o bloco da Smartsupp e salve. O widget será exibido em todas as páginas em que essa região aparece — assim, ele funciona no site todo.
Instalar no Drupal 7 (legado)
Se você ainda usa Drupal 7, o processo é diferente — vai ser preciso instalar um módulo de terceiros para poder inserir código personalizado no cabeçalho da página.
Atenção: O Drupal 7 chegou ao fim da vida útil em janeiro de 2025 e não recebe mais atualizações de segurança. Por isso, a recomendação é migrar para o Drupal 10 ou 11. As etapas abaixo usam o módulo de terceiros Add To Head — a Smartsupp não garante o funcionamento desse módulo nem oferece suporte para ele.
1. Instale o módulo Add To Head. Baixe o módulo Add To Head em .ZIP. No admin do Drupal, vá em Módulos > Lista, clique em Instalar novo módulo, envie o arquivo ZIP e clique em Instalar.
2. Ative o módulo. Após instalar, o módulo não funciona até você ativá-lo. Procure o Add To Head na lista de módulos, marque a caixa e salve.
3. Crie um perfil e cole o código. Vá nas configurações do Add To Head, crie um novo perfil (por exemplo, "Smartsupp"), cole o código no campo do snippet, ajuste onde ele deve aparecer e salve.
Testar a instalação
Abra seu site Drupal em uma nova aba e atualize a página. O widget de chat da Smartsupp deve aparecer no canto da tela. Faça login no seu painel de controle da Smartsupp para começar a conversar com seus visitantes.
Dica: Se o chat não aparecer, limpe o cache do Drupal (Configuração > Desempenho > Limpar todos os caches) ou abra o site em uma janela anônima. No Drupal 9/10/11, garanta que o texto do bloco está no formato HTML completo e que o bloco está em uma região que aparece no site.
Veja também:
Instalação da Smartsupp — veja todos os métodos para instalar o chat.
Por que o chat não aparece no meu site? — saiba o que fazer quando a instalação não funciona.
E agora?
Configurações básicas da caixa de chat — personalize cores, posição, mensagens de boas-vindas e muito mais.
Status da caixa de chat — veja como funciona e como controlar o status do widget de chat.
Por que o chat não aparece no meu site? — saiba o que fazer quando a instalação não aparece.
Baixar plugins — confira todas as integrações disponíveis.