What issues are you having exactly? OBS has a control panel for the websocket.
As for "pay", you don't really need to pay for this website. You get 1 scoreboard for free; and almost nobody needs more than that.
The double piping has to be in your code. It's not a default thing.
So for instance, you would do something like:
var versus_1 = docData['versus_1'].split('||');
Then you would access the two pieces of data with versus_1 and versus_1.
Browser source pages are in the format of: http://8wr.io/scoreboard/source/<package_id>/<page_id>/
The <package_id> and <page_id> references in the URL to your browser source are essentially the API key to your page. Sharing them means someone could theoretically alter the values in your page...