Configurando o Chat Ao Vivo 3CX para Drupal

Introdução

O software 3CX Live chat permite que você atenda chamadas e mensagens de visitantes do site diretamente do 3CX. Saiba mais sobre a solução de Chat ao Vivo.

Etapa 1: Obtenha Seu Snippet de Código

Incorporação de voz e chat

Durante o processo de configuração do 3CX Live Chat, você pode ter copiado o snippet (trecho) de código. Caso contrário, é possível obtê-lo da seguinte maneira

  • Faça login no Console de Admin 3CX.
  • Acesse Voz & Chat, localize seu “Chat ao Vivo” e clique no ícone de três pontos > Trecho de código.
  • Certifique-se de adicionar a URL do seu site ao campo “Seu Site” nas configurações do Chat ao Vivo. Você pode inserir várias URLs de sites, separadas por vírgulas.
  • Copie o código HTML, salve-o em um bloco de notas e passe para a etapa 2.

Etapa 2: Adicione o Snippet de Código do 3CX Live Chat

A demonstração gratuita de hospedagem em nuvem do Drupal não permite a inserção de snippets de código necessários para uma personalização completa. Para acessar recursos que exigem a inserção de código personalizado, você deve instalar o Drupal localmente ou utilizar um serviço de hospedagem que ofereça acesso administrativo.

Código do 3CX Live Chat inserido no corpo de bloco básico do Drupal

  1. Faça login na interface de administração do Drupal
  2. Abra a seção “Layout de blocos” (Estrutura → Layout de blocos): Atalho de URL: /admin/structure/block (É aqui que você gerencia os blocos — pequenas unidades de conteúdo que podem ser colocadas em várias regiões do seu site Drupal.)
  3. Escolha uma Região (por exemplo, Rodapé): Percorra a lista de regiões (elas variam de acordo com o tema — por exemplo, Cabeçalho, Parte Superior do Rodapé, Parte Inferior do Conteúdo etc.). Clique no botão “Inserir bloco” ao lado da região.
  4. Criar um bloco personalizado: Na janela pop-up que se abre:
  • Clique no botão cinza “+ Adicionar bloco personalizado” na parte superior (ou, às vezes, chamado de “Adicionar bloco de conteúdo”)
  • Escolha o tipo de bloco: Bloco básico
  1. Adicione o trecho de código do Chat ao Vivo; você verá agora a tela de criação de blocos personalizados com um editor de texto.
  2. No campo “Corpo”:
  • Clique no botão “Código-fonte” na barra de ferramentas (Isso muda o editor para o modo HTML bruto)
  • Abaixo do editor, localize “Formato do texto” e Selecione HTML Completo (Isso é importante!)
  • Se você usar HTML Básico ou HTML Filtrado, o Drupal removerá sua tag <script>, e o widget não será carregado.
  • Cole o código do chat obtido no Webclient na área de texto
  1. Clique em “Salvar e Configurar”.
  2. Oculte o Título do Bloco: em “Título do bloco”, desmarque a opção: “Exibir título”
  3. Posicione e salve o bloco
  • Depois de salvar o bloco, você voltará à seleção da região
  • Escolha a região (Rodapé, por exemplo) e clique em Salvar bloco
  • Em seguida, clique em Salvar layout do bloco na parte inferior da página
  1. Pronto! Seu snippet do 3CX Livechat está pronto!

Veja Também

Última Atualização

Este documento foi atualizado pela última vez em 10 de setembro de 2026

https://www.3cx.com.br/docs/drupal-live-chat/