Adicione o Widget Web do ChatMaxima a um Site Wix

Visão Geral

Este guia mostra como instalar o widget de chat web do ChatMaxima em um site Wix. Depois de instalado, a bolha de chat aparece em todas as páginas do seu site e se conecta diretamente à sua caixa de entrada unificada do ChatMaxima, junto com suas conversas de WhatsApp, Instagram, Facebook, Telegram e SMS.

Todo o processo leva cerca de cinco minutos e não exige nenhuma programação.

Pré-requisitos

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

• Uma conta do ChatMaxima ativa com um canal de Widget Web configurado
• Um plano Wix Premium com um domínio personalizado conectado
• Acesso de Proprietário ou Administrador ao site Wix onde deseja instalar o widget

Nota: Os planos gratuitos do Wix não permitem código personalizado, então o widget não pode ser instalado em um site Wix gratuito. Você precisa primeiro fazer upgrade para um plano Premium com um domínio personalizado conectado.

Etapa 1: Gere Seu Snippet de Widget no ChatMaxima

1. Faça login no seu painel do ChatMaxima em chatmaxima.com/dashboard/
2. Na barra lateral esquerda, navegue até Canais
3. Selecione Widget Web, depois abra um widget existente ou clique em Criar Novo Widget
4. Personalize a aparência do widget: cores da marca, mensagem de boas-vindas, logotipo e posição da janela de chat
5. Opcionalmente, ative um formulário pré-chat para coletar o nome e o e-mail do visitante
6. Salve suas alterações e clique na aba Instalar ou Código de Incorporação
7. Copie o snippet JavaScript para a área de transferência

O snippet é uma pequena tag <script> e carrega de forma assíncrona, então não vai deixar seu site lento.

Etapa 2: Abra o Código Personalizado no Wix

1. Faça login na sua conta do Wix em wix.com e abra o painel do site
2. Na barra lateral esquerda, vá para Configurações
3. Role para baixo até a seção Avançado e clique em Código Personalizado

Nota: Em alguns painéis do Wix, esta opção aparece em Marketing e SEO, depois Rastreamento e Análise. Ambos os caminhos levam ao mesmo painel de Código Personalizado.

Etapa 3: Adicione o Snippet do ChatMaxima

1. Clique em + Adicionar Código Personalizado no canto superior direito da página de Código Personalizado
2. Cole o snippet do ChatMaxima que você copiou na Etapa 1 no campo Cole o snippet de código aqui
3. No campo Nome, insira um rótulo reconhecível como ChatMaxima Web Widget
4. Em Adicionar Código às Páginas, selecione Todas as páginas e marque a opção Carregar código uma vez
5. Em Colocar Código em, selecione Corpo - fim
6. Clique em Aplicar

Referência de Configurações Recomendadas

Configuração	Valor	Por quê
Nome	ChatMaxima Web Widget	Fácil de identificar depois
Adicionar Código às Páginas	Todas as páginas	O widget aparece em todo o site
Carregar código uma vez	Ativado	Evita recarregamento na navegação
Colocar Código em	Corpo - fim	Necessário para o widget renderizar

O script do ChatMaxima precisa carregar antes da tag de fechamento </body> para que o widget renderize corretamente.

Etapa 4: Publique e Verifique

O código personalizado só roda na versão publicada do seu site, nunca dentro da prévia do editor Wix.

1. Abra o Editor Wix do seu site e clique em Publicar no canto superior direito
2. Quando a publicação for concluída, abra a URL do seu site ao vivo em uma nova aba do navegador
3. Procure pela bolha de chat do ChatMaxima no canto inferior direito da sua página
4. Clique na bolha, envie uma mensagem de teste e confirme que a conversa aparece na sua Caixa de Entrada da Equipe do ChatMaxima

Se a conversa de teste chegar à sua caixa de entrada, seu widget está no ar e funcionando.

Alternativa: Incorporando o Widget Inline

Se você quiser que a janela de chat apareça dentro de uma seção específica da página em vez de como uma bolha flutuante, use o elemento de incorporação HTML do Wix.

1. Abra seu site no Editor Wix
2. Clique no botão + Adicionar Elementos na barra lateral esquerda
3. Role para baixo até Código de Incorporação e selecione Incorporar HTML
4. Cole seu snippet do ChatMaxima no campo de código
5. Arraste o elemento de incorporação até o local desejado na página e redimensione-o conforme necessário
6. Para fixar a janela de chat em um canto da tela em todas as páginas, clique com o botão direito no elemento de incorporação e selecione Fixar na Tela
7. Clique em Publicar

Uma altura de cerca de 622px e uma largura de 384px funcionam bem para a maioria dos layouts.

Nota: O método de Código Personalizado nas Etapas 1 a 4 é o caminho recomendado para a maioria dos usuários. Use a incorporação inline apenas se precisar da janela de chat em um local fixo na página.

Boas Práticas

• Teste na URL ao vivo, pois o código personalizado não roda na prévia do editor Wix
• Use o método de Código Personalizado para chat em todo o site em vez da incorporação inline, a menos que você precise especificamente de um local fixo na página
• Mantenha apenas uma ferramenta de chat ativa para evitar confundir os visitantes com várias bolhas de chat
• Ative o formulário pré-chat no ChatMaxima para capturar o nome e o e-mail do visitante automaticamente
• Configure regras de roteamento para que as conversas do Wix cheguem ao membro certo da equipe

Solução de Problemas

O widget não aparece no meu site

1. Confirme que você está testando na URL ao vivo publicada, não na prévia do editor Wix
2. Verifique se seu plano Wix é Premium com um domínio personalizado conectado
3. Abra o console do navegador e verifique se há erros de script
4. Confirme que o snippet foi colado em Corpo - fim, não em Cabeçalho

O widget aparece em alguns navegadores, mas não em outros

1. Desative quaisquer bloqueadores de anúncios ou extensões de prevenção rigorosa de rastreamento
2. Recarregue a página após desativá-las
3. Algumas ferramentas de privacidade bloqueiam scripts de terceiros por padrão; peça aos seus visitantes para colocar seu domínio na lista de permissões

Duas bolhas de chat aparecem no meu site

Você provavelmente tem outra ferramenta de chat instalada, como Wix Smart Chat, Tidio ou LiveChat.

1. Abra seu painel do Wix e vá para Configurações
2. Encontre o app de chat conflitante e remova-o ou oculte seu widget
3. Recarregue seu site ao vivo para confirmar que apenas o ChatMaxima aparece

As conversas não chegam à minha caixa de entrada

1. Abra seu painel do ChatMaxima e vá para Canais, depois Widget Web
2. Confirme que o widget está definido como Ativo
3. Verifique se os membros da sua equipe estão atribuídos às regras de roteamento corretas
4. Envie uma nova mensagem de teste a partir do site ao vivo

O widget carrega lentamente

O snippet do ChatMaxima carrega de forma assíncrona e não deve afetar suas pontuações de velocidade da página. Se você notar carregamento lento, verifique os outros scripts personalizados do seu site Wix em busca de conflitos.

Próximas Etapas

• Conectar a Automação de DM do Instagram
• Configurar Sua Caixa de Entrada de Equipe
• Treinar Seu Bot de IA no Studio
• Configurar Regras de Roteamento

Precisa de ajuda? Entre em contato com o suporte do ChatMaxima em support@chatmaxima.com ou converse conosco ao vivo em chatmaxima.com.