Passar para o conteúdo principal

WordPress

Aprenda a instalar o chat ao vivo do Smartsupp no seu site WordPress usando o plugin oficial, a inserção manual de código ou a configuração avançada para páginas específicas.

Escrito por Michal Jindra

Quer adicionar o chat ao vivo do Smartsupp ao seu site WordPress? Este guia aborda todos os métodos de instalação disponíveis — do plugin oficial à inserção manual de código e à configuração avançada para páginas específicas.

Dividimos o guia em seções:


Opção 1: Instalar usando o plugin do WordPress (recomendado)

A maneira mais fácil de adicionar o Smartsupp ao seu site WordPress é usando nosso plugin oficial. Não é preciso programar — basta instalar, entrar na sua conta e você já pode conversar.

Instalar o plugin

No painel administrativo do WordPress, vá para Plugins > Adicionar novo, pesquise por Smartsupp Live Chat e clique em Instalar agora. Depois, ative o plugin.

Entrar na sua conta Smartsupp

Depois de ativar o plugin, você verá a opção Criar conta gratuita ou Conectar conta existente. Entre com suas credenciais do Smartsupp para vincular sua conta.

Se tudo estiver configurado corretamente, você verá a tela de confirmação abaixo. O widget de chat do Smartsupp agora aparecerá no seu site.

Dica: O método com plugin é a maneira mais rápida e segura de instalar o Smartsupp. Ele não exige editar arquivos do tema nem código — e as atualizações são feitas automaticamente.


Opção 2: Inserir o código manualmente

Se você preferir não usar um plugin, pode inserir o código de chat do Smartsupp diretamente no arquivo de cabeçalho do seu tema WordPress.

Observação: Editar arquivos do tema diretamente pode fazer seu site parar de funcionar se isso for feito incorretamente. Se você não se sente à vontade para lidar com código, recomendamos usar o método com plugin acima ou pedir ajuda ao seu desenvolvedor web.

Copiar seu código de chat

Encontre seu código de chat exclusivo do Smartsupp no painel de controle, em Configurações > Canais > Chat ao vivo > Instalação > Inserir código.

Colar o código no seu tema

Vá para Aparência > Editor de arquivos de tema > Cabeçalho do tema (header.php) e cole o código de chat antes da tag de fechamento </head> . Depois, clique em Atualizar arquivo.


Opção 3: Avançado — instalação em páginas específicas

Por padrão, os métodos com plugin e manual carregam o Smartsupp em todas as páginas do seu site. Se você quiser o widget de chat apenas em páginas específicas, pode usar o plugin de terceiros para WordPress Scripts n Styles.

Instalar o Scripts n Styles

No painel administrativo do WordPress, vá para Plugins > Adicionar novo, pesquise por Scripts n Styles e instale-o.

Modificar o código de chat

O Scripts n Styles exige uma versão ligeiramente modificada do seu código do Smartsupp. Remova as tags <script> que envolvem o código — o plugin as adiciona automaticamente.

Observação: Certifique-se de remover apenas a tag de abertura <script type="text/javascript"> e a de fechamento </script> . Mantenha o código JavaScript em si intacto.

Seu código modificado deve ficar assim (apenas um exemplo — use sua própria chave exclusiva):

Adicionar o código a páginas específicas

Vá para Páginas, edite a página em que você quer que o Smartsupp apareça e cole o código modificado na seção Scripts n Styles abaixo do conteúdo. Depois, clique em Atualizar scripts e em Atualizar para atualizar sua página.


Observações importantes

O Smartsupp não está disponível no WordPress.com

O Smartsupp não pode ser instalado em sites gratuitos do WordPress.com. O WordPress.com não permite plugins personalizados nem código JavaScript personalizado. Para usar o Smartsupp, você precisa de uma instalação do WordPress.org em hospedagem própria, na qual tenha controle completo sobre os plugins e os arquivos do tema.

Observação: Se você usa uma conta Google para entrar no Smartsupp, não poderá entrar diretamente pelo plugin do WordPress. Você pode inserir o código de chat manualmente ou clicar em “Esqueci minha senha” no Smartsupp para configurar o login por email.

Recursos relacionados:


Quais são os próximos passos?

💡 Precisa de mais ajuda? Entre em contato com nossa equipe de suporte — teremos prazer em ajudar!

Respondeu à sua pergunta?