Form Field Masking

This option is only necessary if you want to mask certain fields in a form.

In some cases, you don't want a sales or support agents to see customer’s sensitive data, like credit card information. Add the right class to mask certain form fields.

Example:

<input class="cobrowsing_nosync">

Example:

<input class="cobrowsing_agent_disabled">

Example:

<input class="cobrowsing_nosync cobrowsing_agent_disabled">

Private Elements

This option is only necessary if you want to mask or remove certain elements on a page.

In some cases, you don't want a sales or support agent to see sensitive parts of a page.

By adding the attribute data-cobrowsing to any valid html5 element, it is possible to hide or totally remove it from the agent's view. This makes it easy to remove sensitive and unwanted parts of the visitor’s interface from the agent's view.

This makes it possible integrate co-browsing with other site tools like live video chat, or chat solutions from external parties.

Example:

<div data-cobrowsing="hidden" >
<p>This entire section, including the "div" is removed from the view of the agent.</p>
</div>
<div data-cobrowsing="disabled">
<p>The contents of the "div" is removed from the view of the agent.</p>
</div>