Docs
Install Wayhint on a plain HTML site
If you can edit the HTML of your pages, this is the whole install.
You need a site key, and your domain on its allowlist. See before you start. Replace YOUR-GUIDE-HOST and YOUR_SITE_KEY in the snippets.
Paste the script tag before </body>
Add it to every page where Pepper should help, or once in the shared footer include if your pages have one.
index.html ... <script src="https://YOUR-GUIDE-HOST/widget/guide.js" data-site-key="YOUR_SITE_KEY" async></script> </body>Load the page
An Ask Pepper button appears in the bottom corner and Pepper waves hello. Type a goal such as "change my password" to try it.
Check it works
Open the page. An Ask Pepper button appears in the bottom corner and Pepper waves. In the browser console, window.Wayhint should be defined. If nothing appears, check the console for [web-assistant] messages: an unknown site key or a domain missing from the allowlist are the usual causes.
Next
- Hide sensitive areas with
data-guide-privateanddata-guide-ignore(overview). - Add your own “Show me” buttons with
Wayhint.ask()(example). - Read what the guide sees, or pick a plan.