Alterando a posição do widget
As instruções abaixo são apenas para desktops e laptops.
Você pode facilmente alterar a posição do chat Widget do tawk.to para combinar com o layout e a identidade visual do seu site. Por padrão, o Widget aparece no canto inferior direito da tela. Mas você pode escolher entre seis posições padrão (topo, meio ou fundo, no lado esquerdo ou direito da tela) diretamente do seu Dashboard — não é necessário codificação.
Passos para alterar a posição do seu Widget
1. Select the correct property.
2. Selecione a propriedade correta.
2. Selecione a propriedade correta.
3. Clique em Administração na barra de navegação à esquerda.
4. Clique em Ferramenta do chat no submenu à esquerda. Em seguida, clique em Avançado (Advanced) em Apariencia del widget (Widget Appearance) (ao lado de Couleur du widget).
5. Em Posição do widget para desktop e dispositivos móveis (Desktop and Mobile Widget Position), escolha sua posição preferida:
-Canto superior esquerdo
-Canto superior direito
-Centro esquerdo
-Centro direito
-Canto inferior esquerdo
-Canto inferior direito (padrão)
-Canto superior esquerdo
-Canto superior direito
-Centro esquerdo
-Centro direito
-Canto inferior esquerdo
-Canto inferior direito (padrão)
6. Clique em Salvar (Save) no canto inferior direito. O widget será atualizado automaticamente no seu site.
Ajustar a posição do Widget usando código (Opcional)
Se as seis opções pré-definidas não se encaixarem no seu layout — por exemplo, se o Widget sobrepor um rodapé fixo ou uma barra de navegação — você pode ajustar sua posição usando a API do tawk.to.
O método customStyle permite definir deslocamentos em pixels, rotação e posicionamento separado para desktop e mobile. Certifique-se de definir customStyle antes do script de incorporação para que tenha efeito.
Para instruções detalhadas, consulte este guia: Personalizando a colocação da sua ferramenta com JavaScript
O método customStyle permite definir deslocamentos em pixels, rotação e posicionamento separado para desktop e mobile. Certifique-se de definir customStyle antes do script de incorporação para que tenha efeito.
Para instruções detalhadas, consulte este guia: Personalizando a colocação da sua ferramenta com JavaScript
Considerações adicionais
- Responsividade em dispositivos móveis
Em dispositivos móveis, o Widget pode se reposicionar automaticamente para evitar sobreposição de elementos de navegação ou botões importantes. Sempre teste as alterações em vários dispositivos.
- CSS ou scripts personalizados
Se o seu site inclui CSS personalizado ou scripts de terceiros, eles podem sobrescrever as configurações do Painel de controle. Verifique regras de posicionamento ou z-index se o Widget não aparecer onde esperado.
- Configurações do Painel de controle vs. nível de código
As alterações no Painel de controle controlam as posições padrão. Se você adicionou posicionamento personalizado através da API JavaScript, essas configurações de nível de código substituirão o Painel de controle.
- Testes
Após atualizar a posição do Widget, acesse várias páginas em desktop e mobile para garantir que ele não interfira com outros elementos do site.
Guias relacionados
Se você tiver sugestões sobre este artigo ou precisar de mais ajuda:
- Clique no ícone verde de chat ao vivo
- Agende uma chamada conosco
- Visite nossa comunidade