Настройка вашего z-индекса с помощью JavaScript API

Z-индекс - это термин, используемый для определения численного расположения одного элемента HTML среди других. Порядок важен, поскольку элементы с более высокими значениями будут видны над элементами с более низким индексом.

По умолчанию для виджета tawk.to установлен z-index, равный 2 000 000 000, что является относительно высоким значением, поскольку ему часто требуется располагаться над другими элементами HTML. Использование более низкого индекса часто может привести к тому, что виджет будет работать нормально, но будет невидимым для посетителей, поскольку он будет скрыт другими элементами на вашей веб-странице.

Максимально допустимое значение z-index составляет 2 147 483 647, поэтому, если вам нужен отдельный элемент, который должен отображаться над виджетом, вы можете просто указать его z-index равным 2 000 000 001 или выше. В качестве альтернативы, если вы предпочитаете изменить z-индекс виджета, вы можете сделать это с помощью JavaScript API.

Добавление приведенного ниже кода JavaScript во встроенный код виджета вручную присвоит новое значение z-индексу виджета чата. Чтобы найти код своего виджета, см. Эту статью: Где я могу найти идентификаторы проектов и виджетов?

Обратите внимание, что вы можете использовать функции JavaScript API, только если вы встроили код виджета для установки программного обеспечения tawk.to. Если вы использовали плагин или приложение для добавления виджета в свою систему управления контентом, вы не сможете использовать функции JavaScript API.

Просто добавьте центральную часть приведенного ниже кода (строки 4-7) в код вашего виджета до конца скрипта, как показано, и замените z-index желаемым числовым значением.

Приложив немного творческого подхода и проведя тестирование, вы можете без ограничений изменять количество настроек, которые можно выполнить с помощью JavaScript API. Чтобы узнать о других способах изменения внешнего вида и поведения виджета, ознакомьтесь с другими нашими статьями по JavaScript API в Справочном центре tawk.to.