Set z-index for button independently of Messenger open state for Web Widget | Community
Skip to main content

Set z-index for button independently of Messenger open state for Web Widget

  • May 6, 2022
  • 3 replies
  • 0 views

Nathan18

Is there currently a way to set the zIndex for the button but not affect the messenger open state? We have a use case where ideally the button would fall behind a sticky CTA element, but the open state would still appear on top of all elements so it could be easily interacted with and closed.

We are currently setting the z-index with the following, but it's setting the zIndex for all iframes (as the docs state that it will).

window.zE('messenger:set', 'zIndex', 123);

Thanks for any info.

3 replies

  • May 13, 2022
Hi Nathan!
 
As of right now, I don't believe that is possible. You're only able to set the z-index for the entire messaging web widget iframe. Apologies for any inconvenience!
 
Best,
 
Erica

Gabriel40
  • March 29, 2024

Is there any update to this?  We have several tools in our system that load over the main page of our interface and the messaging web widget button always appears on top, blocking some critical things.  Yes, we can set the z-index but that is for the whole messaging widget.  

 

We only want to set the z-index for the button so we it wont show over everything BUT if the user is in an active chat, it will remain on top so we can provide support for all services in our system through an active chat without having to open a tool, do something, close it, talk in chat, open it again, do something else, close chat, etc.  
 


  • July 26, 2025

Any updates on this, as we have the same problem on the websites i work on.