Converse com seus visitantes em tempo real e aumente suas vendas

Uma ferramenta gratuita para lhe ajudar a monitorar e conversar com seus clientes pelo seu site, E-mail, Telefone, Facebook, Telegram e Viber em tempo real.

Tente novamente por favor Algo deu errado, tente novamente

Uhul! Você acabou de completar o 1º passo.
Agora, por favor, verifique a caixa de entrada do seu e-mail, nós te enviamos as instruções para instalação do Jivochat. GO, GO, GO!

Como instalar o código do chat no Wix

Acesse outro artigo

Há alguns métodos diferentes para instalar o JivoChat no seu site do Wix. Iremos mostrar 3 métodos de instalação diferentes e explicar os detalhes de cada método para escolher qual formato prefere utilizar.

IMPORTANTE: o método n°1 só pode ser seguido na versão PRO do Wix.

Método n°1 - Inserir o código na área de Acompanhamento e Análises

1.Acesse seu painel do Wix e clique em Configurações -> Acompanhamento e Análises.

Wix_metodo_1

2.Na janela que será aberta, clique em Nova Ferramenta -> Personalizado.

Wix_metodo_2

3.Insira seu código de instalação do JivoChat no campo “Cole o trecho do código aqui”, escolha um nome de identificação se desejar, mantenha selecionado “Todas as páginas” caso queira que o chat apareça no site todo, marque a opção “Body - fim” e Salve a nova ferramenta.

Wix_metodo_3

O código do JivoChat pode ser encontrado no Aplicativo Web da Jivo, ou em nossos apps para Desktop, em Configurações -> Canais -> Configurações (localizado abaixo do nome do site) -> Instalação.

4.Pronto! Agora é só clicar em “Publicar” e o chat já poderá ser visualizado no seu site.

Wix_metodo_4

Método n°2 - Instalar o App do JivoChat no Mercado de Apps do Wix

Importante: Instalando pelo Método n°2, o Widget ficará por padrão em Inglês. Você pode traduzir todos os textos do chat para o idioma que desejar seguindo nosso tutorial de Como alterar o idioma da janela do chat no seu site.

1.Acesse seu painel do Wix e clique em Ações do Site -> Editar Site.

Como_instalar_wix_0

2.Dentro do editor do site, clique em Adicionar Apps.

Como_instalar_wix_1

3.Utilize o campo de busca e pesquise pelo “JivoChat”. Selecione para abrir o app do JivoChat, clique em “Adicionar” e depois em “Adicionar Aplicativo”.

Como_instalar_wix_2

4.Agora você já deverá visualizar o widget do chat localizado no canto direito inferior do seu editor. Clique em cima do widget e depois em “Configurações”.

Como_instalar_wix_3

5.Na primeira tela de configurações você verá duas opções:

Como_instalar_wix_4

Como_instalar_wix_5

Como_instalar_wix_15

Pronto. Ao seguir qualquer uma das duas opções acima, você verá uma mensagem de sucesso como esta abaixo caso tudo tenha dado certo:

Como_instalar_wix_6

Após clicar em “Done” para fechar a janela, você notará que algumas novas opções de configurações apareceram nas Configurações do widget.

6.Você notará que há algumas opções para configurar o visual do widget, como a opção “Design”.

Como_instalar_wix_11

Aqui, é possível mudar a cor da barra do chat, o tipo e tamanho da fonte dos textos e a posição do widget no seu site.

IMPORTANTE: Note que todas as opções mostradas aqui e muitas outras estão disponíveis para serem modificadas diretamente no Aplicativo web da JivoChat, ou em nossos apps para Desktop, em Configurações -> Canais -> Configurações (abaixo do nome do seu site) -> Design. É recomendável que você faça as modificações diretamente no app JivoChat para evitar conflitos.

7.Outro menu disponível é o “Texts” (Textos).

Como_instalar_wix_12

Nele, você pode trocar os textos das barras do modo online/offline do chat. Recomendamos também que todas as modificações de textos sejam realizadas diretamente no Aplicativo web da JivoChat, ou em nossos apps para Desktop, em Configurações -> Canais -> Configurações (abaixo do nome do seu site) -> Design.

8.Abaixo do menu de textos, você verá o menu “Mobile”. Importante: note que ao instalar o Jivo pelo app no mercado do Wix, você terá uma versão diferenciada do nosso widget na versão mobile do seu site. Caso queira o widget padrão mobile do JivoChat, é necessário instalar pelo método 1 apresentado nesta página.

Nesse menu, você pode escolher uma posição diferente do widget mobile para cada página do seu site. Você notará um pequeno quadrado que aparecerá na parte de edição do site e pode movê-lo para o local que desejar que o botão do chat seja mostrado na versão móvel da página que estiver editando. É possível inclusive adicionar mais de um botão de chat à mesma página.

Como_instalar_wix_13

9.As últimas opções são as de “Support” (Suporte), onde você pode encontrar as formas de entrar em contato com a nossa equipe de suporte que também atende 24/7 em nosso site jivochat.com.br, e “Upgrade” que levará você para a página de compra da versão PRO do JivoChat.

Pronto! Após finalizar, basta clicar em Publicar e acessar seu site para visualizar o JivoChat instalado.

Como_instalar_wix_7

Como_instalar_wix_9

Para ficar online no chat e começar a atender seus visitantes em tempo-real, basta acessar o Aplicativo Web da Jivo ou qualquer um de nossos outros aplicativos disponíveis. Você pode encontrar os links para download em nossa página de aplicativos.

Método n°3 - Instalar o código do chat em um widget no site

Problemas conhecidos da instalação pelo Método n°3

Devido às configurações de algumas páginas do WIX, nós temos algumas restrições do funcionamento do chat em sites criados nesta plataforma:

Caso mesmo assim prefira seguir com a instalação pelo Método n°3:

Confira o vídeo abaixo ou role o mouse para baixo e siga as instruções.

Abra o Editor de Sites WIX e depois a página principal.

Em seguida, clique no botão “Adicionar (+)” no menu esquerdo do editor, e dentro da aba “Mais”, selecione “Código HTML”.

Wix

Agora copie o código do JivoChat que está no seu Aplicativo Web do Jivo, ou em nossos apps para Desktop, em Configurações -> Canais -> Configurações (localizado abaixo do nome do site) -> Instalação. Copie o mesmo e volte ao Editor de Sites do Wix. Clique em Configurações (ícone de roda dentada) ou em “Inserir Código”.

Wix2

Cole código dentro de “Adicione seu código aqui (apenas HTTPS)” e clique no botão “Atualizar”. Em seguida, você deve alterar o tamanho do widget do chat. É só configurar no painel direito ou arrastar o widget carregando-o pelas bordas. Você precisa customizar o tamanho para 420x500.

Wix3

Não esqueça de habilitar o botão “Mostrar em todas as páginas”. Agora, clique com o botão direito do seu mouse sobre o widget e selecione a opção “Posição Fixa”.

Wix4

Você pode selecionar a posição em que o chat ficará no seu site e fixá-lo no canto inferior direito, como no exemplo abaixo. Favor configurar todas as distâncias como “0”.

Wix5

Clique em “Publicar” no canto superior direito da tela, e pronto. Você pode abrir o seu site e a janela do nosso chat já deverá estar aparecendo lá.

Ainda tem dúvidas? Nossa equipe de suporte está disponível 24/7 no chat do nosso site e ficará feliz em ajudar você.