Installing Helpjuice is very easy. It only takes a few minutes to connect Helpjuice to your website. Check all the ways you can install Helpjuice here .
Embed Helpjuice via our Javascript embed code
Note: If you want to use Helpjuice , behind a "verified wall" (ie: make sure people must be logged in to view your knowledge base, the Javascript embed option is great as it allows you to disable access to your knowledge base, unless people visit it via the javascript embed )
You can use Helpjuice as a widget on your website. All you need to do is copy and paste this code below somewhere on your website.
The best practice when using iframe code is to put it in div with a certain class to make it easier for you to put it on your website. The embed code is below.
<div id = "helpjuice_js_widget_content"> <img src = 'https: //helpjuice.com/images/cube-theme/loading.gif' class = "helpjuice-loading-spinner" /> </div> <script> var helpjuice_account_url = "https://YOUR_SUBDOMAIN.helpjuice.com"; </script> <script src = "https://s3.amazonaws.com/assets.helpjuice.com/helpjuice.min.js"> </script>
Helpjuice Javascript Embed for 1 page apps (hash based)
The following only applies to 1 page hash based apps .
If you are using a single page application such as Ember or Angular, it is important to define a variable that your knowledge base hash lives on.
The Helpjuice _preset_hash This would be the "base" of your helpjuice URL prefix, where Helpjuice is loaded.
For example, if Hj is running on # settings / help , enter settings / help as the helpjuice_preset_hash value.
<div id = "helpjuice_js_widget_content"> <img src = 'https: //helpjuice.com/images/cube-theme/loading.gif' class = "helpjuice-loading-spinner" /> </div> <script> var helpjuice_account_url = "https://YOUR_SUBDOMAIN.helpjuice.com"; var helpjuice_preset_hash = ""; </script> <script src = "https://s3.amazonaws.com/assets.helpjuice.com/helpjuice.min.js"> </script>
