How do I plug HelpHQ into my theme body?
By default, HelpHQ takes over the entire page view. Usually, you’ll want to bring along your theme’s header and footer for the ride. Don't worry; HelpHQ can be plugged in wherever you like.
The steps in this article involve editing your theme's code. If you don't feel comfortable making these changes, email us at helphq@apphq.co, and we will gladly assist you.
To plug HelpHQ into your theme body, we’ll need to copy the advanced installation code. You can find it below, or if you ever need the code again, it can also be found on the app's dashboard under the Settings tab.
<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>
In your Shopify Admin, go to Online Store -> Themes and click on Edit code in the three dots button for the theme where you want to plug HelpHQ.
Create a new page template. To do this, you'll need to click on Templates-> Add a new template. In the template type, select Page and Liquid. Assign a name, for example, help-manual, and click Done.
In the template you created, paste the advanced installation code and click Save.
Lastly, Head to Online Store-> Pages and click on Add page. Add a page title like HelpHQ, and under Theme template, select the newly created template and click save.
