Help Center

Explore our knowledge base
article

Prevent elements of the visitor's page from being shown on the conversation panel (idz_hide)

From the conversation panel, it is possible to view the navigation of the visitor you're speaking to (mirroring). However, for confidentiality reasons, sometimes not all of the information given by the visitor may be shown.

If you wish to hide from the agent's conversation panel some page elements which you deem confidential, you simply need to add the attribute class="idz_hide" to the html element.

Note: The informations hidden by this CSS class will actually be blocked by the iAdvize servers, it means the information contained in the element will not be transmitted to the agent's conversation panel.

Depending on the element on which you apply this class, the behavior will vary.

1/ When applying this class on an input text element

The content typed by the visitor in the input field will be replaced by dots (as when you type a password), and in cobrowsing mode the agent will not be able to edit this field.

Example:
<input type="text" id="card" name="card" class="idz_hide" />

How it will be displayed on the conversation panel:

 

And here is how it looks on this conversation panel when applying this class to other form elements:

 

2/ When applying this class on a html element, other than input (div/p/span/...)

The content of the element will be replaced by an empty block having the same size. If the block's size is under 50px/50px, a grey space will be displayed.
But if the block's size is above 50px/50px, a padlock will be displayed to show that confidential data has been cleared from the page.

Example:

<div class="idz_hide">
All this content won't be visible on the conversation panel through mirroring/cobrowsing function
</div>

How it will be displayed on the conversation panel:

 

 

Comments