Home > Knowledge Base > How to hide page elements from CUX

How to hide page elements from CUX

You can hide some page elements from the CUX script. When you do this, the hidden part is ignored and not shown in visit recordings or heatmaps. This is useful when you want to make sure sensitive data provided by your visitors is never recorded. You can hide static and dynamic (loaded by Ajax loader) page elements.

Modify HTML

To hide an element from CUX, you need to modify your page HTML code. You can add the class “cux-exclude” to any HTML element. When the CUX script finds an element containing the exclude class, it replaces it with an empty DIV element. The styles for the hidden elements are retained. Thanks to this, the page rendered in CUX player or heatmaps won’t be destroyed.

Note that the operation of the CUX script affects only the data that goes to our database. The masking operation is transparent to your visitors. They can use and see all the elements freely.

It’s good to consider the elements you want to hide carefully.