image for site

Default z-index for Zendesk Web Widget

Discover the default z-index value for Zendesk Web Widget (Classic) and how to adjust it.

What is the default z-index value for the Web Widget (Classic)?

The default z-index value for the Zendesk Web Widget (Classic) is 999998. This high value ensures that the widget appears at the front of the screen unless another element on the page has a z-index that exceeds this number. You can adjust this value using the window.zESettings object or the updateSettings API to change the widget's position relative to other elements.


More related questions

What is z-index and how does it work?

Z-index is a CSS property that determines the stack order of overlapping elements on a webpage. When two elements overlap, the z-index value decides which element appears on top. You can assign z-index using integers or global values like inherit,…

How can I set the z-index for Zendesk Web Widget (Classic)?

You can set the z-index for the Zendesk Web Widget (Classic) using two methods: the window.zESettings object and the updateSettings API. The window.zESettings object allows you to set the z-index when the widget is first loaded. On the other hand,…

How do I hide the Web Widget (Classic) behind other elements?

To hide the Web Widget (Classic) behind other elements, you need to set its z-index to a value lower than the elements you want it to be behind. For instance, if you want the widget to be behind a modal with a z-index of 2, you can set the widget's…

How can I bring the Web Widget (Classic) to the front of other elements?

To bring the Web Widget (Classic) to the front of other elements, you need to set its z-index to a value higher than the elements you want it to be in front of. For example, if a modal has a z-index of 2, you can set the widget's z-index to 3 using…

What are the methods to update z-index in real-time for the Web Widget (Classic)?

To update the z-index of the Web Widget (Classic) in real-time, you can use the updateSettings API. This method provides flexibility to change the z-index dynamically as needed. Unlike the window.zESettings object, which sets the z-index on page…

Interested indeflectingover 70% of your Zendesk support tickets?

Our AI customer support agent is here to help. Trained on all your help docs, installed directly into your Zendesk account, it can be used to automate customer replies for tickets or live chat. Learn more below.
Zendesk logo

Zendesk Support Tickets

Receive new tickets by email or a support form? This integration is for you.
My AskAI integrated within Zendesk to deflect support tickets
Learn about our Zendesk ticket integration
Zendesk logo

Zendesk Messaging (live chat)

Using Zendesk's Messaging widget on your site for live chat? This integration is for you.
My AskAI integrated within Zendesk to deflect customer support live chat conversations
Learn about our Zendesk Messaging integration

Join1,000+ companies reducing their support costs and freeing up support agents for more important work

Vestd company logo — Customer of My AskAI's AI customer support agents
Genesis company logo — Customer of My AskAI's AI customer support agents
Zinc company logo — Customer of My AskAI's AI customer support agents
Customer.io company logo — Customer of My AskAI's AI customer support agents
Zeffy company logo — Customer of My AskAI's AI customer support agents
NHS company logo — Customer of My AskAI's AI customer support agents
Kontakt.io company logo — Customer of My AskAI's AI customer support agents

Reduce support costs.Spend more time on customer success.

Our AI customer support agents are already used by 👇
Companies using AI assistants on their websites