Como Adicionar o Widget de Chat WhatChimp ao WordPress

Guia passo a passo para integrar o widget de webchat do WhatChimp no seu site WordPress

Updated 18 September 2026

Chatbots nativos de sites são agentes conversacionais automatizados integrados em um site, permitindo que os usuários interajam sem sair do site. Esses bots auxiliam em tempo real, respondem perguntas, guiam usuários através de processos e melhoram a experiência do usuário.

WhatChimp introduziu seu recurso de Chatbot Nativo de Site, permitindo que usuários adicionem um widget de chat às páginas de destino de seu site e gerenciem interações por meio da Opção de Live Chat WebChat.

Pré-requisitos

Antes de começar, certifique-se de ter o seguinte:

Uma conta WhatChimp

Acesso de administrador ao seu site WordPress

O plugin Elementor instalado (se usar Elementor como construtor de páginas)

Conecte Seu Site

Navegue até a opção "Connect Website" do WebChat no painel do WhatChimp.

Clique em Connect Website para acessar o menu de configuração.

Forneça um título adequado para sua chatbox.

Insira seu Website URL.

Configure o Theme Background e Theme Color.

Selecione cores para Chat Bubble Background e Chat Bubble Color.

Faça upload de um Brand Logo e configure o Chatbox Wallpaper.

Escolha a posição da chatbox e se ela permanece aberta ou fechada na inicialização.

Defina as posições do Eixo X e Eixo Y para posicionamento preciso.

Configure o Loading Chatbox After delay (padrão é 0 segundos).

Escolha se deseja excluir automaticamente registros de assinantes (padrão é Never).

Clique em Connect para finalizar a configuração.

Copie o Código de Incorporação JS

Clique em Embed Code para abrir uma caixa de diálogo.

Copie o código de incorporação JavaScript no canto superior direito.

Este código pode ser usado para WordPress, sites personalizados e outras plataformas.

Cole o Código de Incorporação JS no Seu Site

Faça login no seu site WordPress e acesse o painel.

Navegue até a Página Inicial e selecione Visit Site.

Clique no ícone Home, depois escolha Edit with Elementor.

Procure o widget Code na seção Widgets.

Selecione o widget Shortcode, depois arraste e solte dentro de um contêiner na página.

Cole o código de incorporação copiado na seção de shortcode.

Publique a página para tornar o chatbot ativo.

Observe que selecionamos apenas a Página Inicial e nosso widget de chat será visível apenas para esta página. Se você quiser que apareça em outras páginas, siga o mesmo procedimento.

Obs.: Como a maioria dos sites WordPress usa o plugin Elementor como construtor de páginas, nós o utilizamos. Para outros construtores de páginas, o processo será quase semelhante.

Teste Seu Chatbot

Visite seu site e abra o chatbot.

Teste gatilhos de palavras-chave para respostas do bot.

Retorne à Opção de Live Chat do BotSailor Web Chat para gerenciar conversas.

Seguindo estas etapas, você pode integrar com sucesso o WebChat do WhatChimp no seu site WordPress para engajamento perfeito com clientes.

FAQ

1. Posso usar este chatbot em sites não-WordPress?

Sim, você pode integrar o chatbot com sites personalizados e outras plataformas usando o código de incorporação JavaScript fornecido.

2. Preciso do Elementor para adicionar o chatbot ao meu site?

Não, Elementor é apenas uma forma de adicionar o chatbot. Você pode colar o código de incorporação JS em qualquer construtor de páginas ou diretamente no HTML do seu site.

3. Posso personalizar a aparência do chatbot?

Sim, você pode modificar a cor do tema, plano de fundo da bolha de chat, papel de parede da chatbox e logo da marca no menu de configuração do Webchat.

5. E se o chatbot não aparecer no meu site?

Verifique o seguinte:

Certifique-se de que o código de incorporação está colado corretamente.

Confirme que JavaScript está habilitado no seu site.

Verifique se o chatbot está ativado nas configurações do BotSailor.

Limpe o cache do seu site e tente novamente.