Personalizando seu z-index com JavaScript

Z-index é um termo usado para definir onde um elemento HTML se posiciona numericamente em relação aos outros. A ordem é importante, pois elementos com valores mais altos serão exibidos acima daqueles com um índice mais baixo.


A ferramenta do chat tawk.to tem, por padrão, um z-index de 2.000.000.000, um valor relativamente alto, já que muitas vezes precisa estar acima de outros elementos HTML. Usar um índice mais baixo pode fazer com que a ferramenta funcione normalmente, mas fique invisível para os visitantes, pois pode ser ocultada por outros elementos na sua página da web.


O valor máximo permitido para o z-index é 2.147.483.647, portanto, se você precisar que outro elemento apareça acima da ferramenta, basta definir seu z-index como 2.000.000.001 ou superior. Como alternativa, se preferir alterar o z-index da ferramenta, é possível fazer isso usando a API JavaScript.


Adicionar o código JavaScript abaixo ao Código incorporado da Ferramenta atribuirá manualmente um novo valor ao z-index da ferramenta do chat. Para encontrar o seu Código da Ferramenta, consulte este artigo: Onde posso encontrar o ID da propriedade e o ID da ferramenta?


Basta adicionar a parte central do código abaixo (linhas 4 a 7) ao seu código da ferramenta antes do final do script, conforme mostrado, e substituir o valor do z-index pelo valor numérico desejado.

Com um pouco de criatividade e testes, não há limite para o número de personalizações que você pode fazer usando a API JavaScript. Para descobrir outras maneiras de alterar a aparência e o comportamento da ferramenta, confira nossos outros artigos sobre a API JavaScript no Centro de Ajuda da tawk.to.


Se você tiver outras dúvidas, não hesite em entrar em contato com nossa equipe de suporte ou agendar uma chamada.


Se você tiver sugestões sobre este artigo ou precisar de mais ajuda:


Este artigo foi útil?

141 de 192 gostaram deste artigo