Configurando o Chat Ao Vivo 3CX para Drupal

Introdução

O software de chat ao vivo 3CX permite atender chamadas e mensagens de visitantes do site diretamente do 3CX. Leia mais sobre a solução de Chat Ao Vivo.

Passo 1: Obtenha seu Snippet de Código

Obtenha seu Snippet de Código

Durante o processo de configuração do Chat Ao Vivo 3CX, você pode ter copiado o trecho de código. Caso contrário, você pode obtê-lo da seguinte maneira:

  1. Faça login em seu Cliente Web 3CX e navegue até “Admin”
  2. Clique em “Voice & Chat”, encontre seu “Live Chat” e clique no ícone de informações. Certifique-se de adicionar o URL do seu site ao campo “Seu site” nas configurações do Live Chat. Você pode inserir vários URLs de sites, separados por vírgulas.
  3. Copie o código HTML, salve-o em um bloco de notas e prossiga para a etapa 2.

Passo 2: Adicionar o snippet de código do 3CX Live Chat

Adicionando snippet de código do Chat Ao Vivo 3CX

  1. Faça login na interface de administração do Drupal
  2. Abra a seção Block Layout (Structure → Block layout): 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, Topo do rodapé, Parte inferior do conteúdo etc.) e clique no botão “Place block” (Colocar bloco) ao lado da região.
  4. Crie um bloco personalizado: Na janela pop-up que se abre:
  • Clique no botão cinza "+ Add custom block" na parte superior (ou às vezes chamado de "Add content block")
  • Escolha o tipo de bloco: Bloco básico
  1. Adicione o snippet de Código do Chat Ao Vivo, onde você verá a tela de criação de blocos personalizados com um editor de texto.
  2. No campo Body:
  • Clique no botão “Source” (Fonte) na barra de ferramentas (isso alterna o editor para o modo HTML bruto)
  • No editor, localize “Formato de 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 seu código de bate-papo obtido do Webclient na área de texto
  1. Clique em “Save and Configure” (Salvar e Configurar).
  2. Hide the Block Title where under “Block title”, uncheck the option: “Display title”
  3. Oculte o título do bloco onde, em “Título do bloco”, desmarque a opção: “Exibir título”
  4. Colocar e salvar 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 Save block layout (Salvar layout de bloco) na parte inferior da página
  1. Feito! Seu snippet do 3CX Livechat está pronto!

Veja também

Ultima Atualização

Este documento foi atualizado pela última vez em 30 de maio de 2025

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