Quando terminar de configurar o Web Widget, você poderá instalá-lo no seu site ou na sua central de ajuda e disponibilizá-lo para os clientes. Como alternativa, você pode inserir o Web Widget se quiser controlar exatamente onde e como ele aparece.
Este artigo inclui os tópicos a seguir:
Instalação do Web Widget em um website
A instalação do Web Widget em um website requer alguma familiaridade básica com o código do seu website, pois você precisa colar o trecho do código antes da tag de HTML </body> de fechamento.
O vídeo a seguir fornece uma visão geral de como adicionar mensagens ao seu website:
Adição de mensagens ao seu website [1:40]
Como adicionar o Web Widget ao seu website
- Na Central de administração, clique em
Canais na barra lateral e selecione Mensagens e redes sociais > Mensagens. - Clique no nome do widget que você quer instalar.
- Role para baixo e clique em Instalação para expandi-lo.
- Clique no ícone Copiar (
) na parte inferior da janela do trecho de código. - No código-fonte da página da web na qual você quer adicionar o widget, cole o trecho de código antes da tag HTML </body> de fechamento. Adicione o código a todas as páginas da web onde deseja que o widget seja exibido.
- Se você deseja enviar o código para outra pessoa (um desenvolvedor, por exemplo), clique em Enviar código por e-mail para um membro da equipe.
- Confirme se o seu firewall está configurado para permitir que o Web Widget seja exibido.
Instalação do Web Widget em uma central de ajuda
A instalação do widget em uma central de ajuda é um processo simples que só exige um clique, sem necessidade de suporte técnico. Você deve ter criado e ativado sua central de ajuda para instalar o Web Widget.
Como adicionar o Web Widget à sua central de ajuda
- Na Central de administração, clique em Canais na barra lateral e selecione Mensagens e redes sociais > Mensagens.
- Clique no nome do widget que você quer instalar.
- Role para baixo e clique em Instalação para expandi-lo.
- Clique na caixa de seleção Inserir automaticamente o Web Widget em sua central de ajuda.
Você não verá essa opção se ainda não tiver criado e ativado a central de ajuda.
- Clique em Salvar.
O Web Widget é adicionado a cada página da sua central de ajuda.
Inserção do Web Widget
O modo inserido coloca o Web Widget dentro de um contêiner específico de HTML na página, em vez de exibi-lo como uma sobreposição flutuante com uma posição fixa. O widget preenche automaticamente as dimensões do contêiner escolhido, permitindo que você controle exatamente onde e como ele deve ser exibido. Por exemplo, isso é útil para layouts avançados, como visualizações dividias com listas de conversas e mensagens lado a lado.
O modo inserido requer que você use uma chamada da API de inserção do JavaScript para especificar o modo e o contêiner de destino do widget.
Para usar o modo inserido, comece desativando o comportamento de renderização automática padrão do widget:
window.zEMessenger = {
autorender: false
}
Em seguida, informe onde o widget deve aparecer, especificando o ID ou a classe de um contêiner:
zE('messenger', 'render', {
mode: 'embedded',
widget: {
targetElement: '#messaging-container'
}
});
O Web Widget agora é exibido dentro do elemento #messaging-container e usa o tamanho e a posição definidos pelo CSS.
Para obter mais informações, consulte a documentação sobre o modo inserido do Web Widget voltada para desenvolvedores. Para visualizar mais exemplos, consulte este artigo sobre o modo inserido para o Widget do Zendesk.