All Collections
Advanced Customization
How to hide form data from the agent's screen
How to hide form data from the agent's screen
It's easy to designate forms or inputs whose value is hidden from the agent's view.
Joe avatar
Written by Joe
Updated over a week ago

By default, all form values except passwords are shown during screen sharing.

If you handle credit card payments or have password inputs with "view input" switches, you will need to tell Upscope to hide the input.

You can also hide entire portions of the page so that they show as black boxes to the agents.

Using the settings page

Head to Advanced Settings page and add to the list of masked elements a comma-separated list of CSS selectors of elements you want to hide.

The CSS selector is commonly known as the "JQuery selector". For example an element with class payment-form  will have a selector .payment-form, and an input with ID cc-input will have a selector #cc-input .

Using CSS

The easiest way to hide form values from Upscope is adding to the input or element the no-upscope class.

Using this method will convert the input value to asterisks, so that the agent can still see the user typing. Upscope would be shown as ******* .

If the class is applied to any other type of element, it will be shown as a black box to the agent.

It's important to note that the conversion is done before any data is transmitted to Upscope, so it never leaves your user's screen.

Did this answer your question?