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 you 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.

Stay in the loop

Sign up for the AppHQ newsletter! We'll keep you up to date on app releases, updates, and blog postings.