Integrations

Copy the code from the project card in the back office and paste it before the closing </body> tag on every page:

<script src="https://widget.hokkot.com/v1.js"
  data-project="YOUR_PROJECT_KEY" async></script>

The script is small, loads asynchronously and keeps its styles isolated, so it won’t conflict with your design.

If the site is managed through Google Tag Manager, you don’t need to touch the code at all:

1. Create a new Custom HTML tag and paste the widget code into it.
2. Set the trigger to All Pages.
3. If your site puts the user’s ID into the dataLayer, Hokkot picks it up automatically — the operator will see which account is writing.
4. Publish the container.

The project card in the back office has a ready-made GTM tab with both tags, so you only need to copy them.

Pass user data with attributes on the script tag, or from your own code:

<script>
  window.LiveChat.identify({ id: '58213', name: 'Mark', email: '[email protected]' });
</script>

The operator sees the name, email and the user’s ID on your site in the customer card.

• window.LiveChat.open() and close() — open or close the chat from your own code.
• Any element with the data-livechat-open attribute opens the chat on click — perfect for “Contact support” buttons.
• window.LiveChat.identify() — tell the chat who the user is.

Hokkot sends a POST request to your URL when something happens:

• conversation.created a new conversation started
• message.created a new message
• conversation.assigned an operator was assigned
• conversation.closed the conversation was closed
• conversation.rated the customer rated the chat

Every request is signed with HMAC-SHA256 using your secret, so you can verify it really came from Hokkot.

Two ways to show CRM data to operators:

• Link to the customer card. Set a template like https://crm.example.com/users/{siteUserId}, and the operator opens the profile in one click.
• Fields from your CRM. Hokkot sends a signed request with the customer’s data to your URL, and the fields you return — balance, status, number of orders — appear next to the chat.