How to Install HelperHat with Google Tag Manager

Before You Start

• Your Google Tag Manager container must already be installed on every page where HelperHat should appear.
• You need your HelperHat business ID from HelperHat Settings.

Install from the Community Template Gallery

1. Open your Google Tag Manager web container.
2. Go to Templates and search the Community Template Gallery for HelperHat Live Chat.
3. Add the template to your workspace.
4. Go to Tags > New and choose HelperHat Live Chat.
5. Paste your HelperHat business ID.
6. Set the trigger to All Pages, or choose the pages where HelperHat should appear.
7. Use Preview mode to confirm the widget loads, then publish your GTM container.

Manual Template Import

If the Gallery listing is not available yet, import the template manually from the public GitHub repository.

1. Download template.tpl from the HelperHat GTM template repository.
2. In Google Tag Manager, go to Templates > New.
3. Open the menu and choose Import.
4. Select template.tpl, save it, then create a tag from the imported template.

Find Your HelperHat Business ID

Open your HelperHat Settings page and copy the value after businessId= in your install code.

<script async defer
    src="https://helperhat.com/install.js?businessId=YOUR_ID"></script>

Troubleshooting

• If HelperHat does not appear, make sure the GTM container itself is published on your website.
• Confirm the HelperHat tag fires in GTM Preview mode.
• Confirm the business ID contains only the ID value, not the full script tag.

Copy your install code All install options