The Helpr can explain your website* better by adding Bubbles with additional information.
* for simplicity we write website but it could be a webservice or a complex formular etc.
This code will embed a The Helpr Logo into your website that is clickable and will show all your created Bubbles drawed in their own layer above everything else.
A Document contains all your created Bubbles for your website
A Bubble points to an element on your website to show an explanation or additional information.
A Document contains a random number of Bubbles.
Follow these steps:
At the moment you can just set titles. To achive this, add directly in front of the title the "#" character. For example: #This is a title
In the future we will add full markdown support for the text, changing colors and font-size.
Don't worry, every time you edit, delete or add a Bubble it does auto-save. Be aware that every change you do, will be published immediately.
If you're logged in, go to the Document Overview, then click on any Link in the Column "Name". The next Screen shows all the details to your Document, click on "Show code".
Be sure to paste the embed code directly before the closing </body> tag from your website.
Yes you can. You can change the text of the "Need help?" label or trigger drawing Bubbles with any html element in your website by changing or uncomment the embed code:
// optional configuration // window.__helpr.anchor = "#your_anchor_id"; // window.__helpr.badge_text = "Help"; // window.__helpr.overlay_zindex = 100;
The "Need help?" label is on visible on pages of your website where you created Bubbles.
For example: if you only created Bubbles on www.yourwebsite.com/about your user will see them while visiting the about page but not on the other pages like e.g. www.yourwebsite.com/service.
The following browsers and platforms are tested regularly with The Helpr. If you see any problems, please report them.