How do I plug HelpHQ into my theme body?

Note: This is an advanced article. If you’re not sure what you’re doing email us at helphq@apphq.co for free installation on your store.

By default, HelpHQ takes over the entire page view. More commonly you’ll want to bring along your theme’s header and footer for the ride. Don't worry, HelpHQ can be plugged in where ever you’d like.

Step 1

First, we’ll need to grab the advanced installation code.

<div id="help-hq-manual"></div><script type="text/javascript">window.HELPHQ_DOMAIN = '{{ shop.permanent_domain }}'; window.HELPHQ_SHOP = '{{ shop.name }}'; (function() { var url = 'https://d13rdz7z89sikw.cloudfront.net/helphq/helphq.js?' + new Date().getTime(); var s = document.createElement('script'); s.type = 'text/javascript'; s.src = url; var x = document.querySelector('body'); x.appendChild(s); })()</script>

Additionally, if you ever need the code again it can be found on the settings page.

Step 2

Head to “Online Store > Theme” and click “Edit code”.

Step 3

Create a new page template and paste the code wherever you’d like HelpHQ to appear. Click “Save” once complete.

Step 4

Head to “Online Store > Pages” and select the HelpHQ Page. Select our newly created template and click save.