QWELP Demo.

Imagine this is the site, you want to do remote support for.
In order to do that you only need two information:

  1. The Domainname: qwelp.dev
  2. The Support-Code:

Now visit support.qwelp.dev on any other machine and enter these two values. If you are on a desktop you can also simply open this Link in a new Window.

Connection status:

Waiting for the Support to connect!

So what am I looking at?

QWELP mirrors the content of this browser (HTML, CSS and Images) to the browser of the support-staff.
This allows the support to see what the users sees without any further permission requests or the installation of any additional software.
Which ensures the first main feature of QWELP:

Simplicity

Follow the user

QWELP also mirrors the interaction from the User.
For example your mouse position, clicks and text selection is mirrored to the support staff.
Also interactions like resize of the window or scrolling are mirrored.
Just give it a try.

This block can be scrolled in both directions.
It will be synchronized to the support staff. Line 1
Line 2
Line 3
Line 4
Line 5
Line 6
Line 7

Privacy

The unique logic behind QWELP allows us to redact privacy relevant information from a support staff.
For Example: This text will be redacted for the support staff.
Privacy is further strengthened by the security concept behind QWELP.
The whole communication is end-to-end encrypted, so that even the server operator could not highjack a session.

Interactive Sites

Javascript and CSS animations are automatically available for the support-staff.
Also all changes to the site content, will be mirrored.
Example: Like this typing animation!

Forms

Inputs to forms can be followed in realtime.
Like for an input field:

Also it highlights the current focused element or used checkbox.

Images

QWELP also handles canvas element and blob images correctly.

Compatibility

Well this is currently a beta-version, so there is no extensive

Test it on your site!

If your site runs as Secure Context and does not have a Content Security Policy set, you can simply run this snippet in the development console for a test: 

const qwelpScript = document.createElement("script");
qwelpScript.type="module";
qwelpScript.textContent = "import {startQwelpSession} from 'https://js.qwelp.dev/beta/index.js';  startQwelpSession(); ";
document.body.append(qwelpScript);