Front Chat Integration

by Jake Peters

Front Chat gives your team the ability to respond to visitors and customers in real-time straight from your team inbox. Here's how to add your Front Chat widget to HelpDocs.

Installing the Front Chat Snippet

We don't have a native integration with Front Chat yet, but we're working on it. In the meantime, you'll need to be on the Pro plan or above to add the snippet required.
  1. In HelpDocs
    1. Head to Settings > Code
    2. Click on Scripts
    3. Paste in the code below replacing the string replace-with-your-chat-token with your chat token
Don't know your Front Chat Token? Follow our guide here.
    window.FCSP = 'replace-with-your-chat-token';
    (function() {
        $(function() {
            var s = document.createElement("script");
            s.type = "text/javascript";
            s.src = "";

Finding your Front Chat token

  1. In the Front email client
    1. Head to Settings
    2. Click Inboxes under Company in the left menu

      Front Chat Inboxes
    3. Select the Front Chat inbox you want to place on your knowledge base
    4. You'll see a list of options. At the bottom, click and expand Code snippet
      1. Within the Code snippet you'll see text similar to window.FCSP = '5d890d0b2b654321bc12345d30a4jc9a'; between <script> tags
      2. Copy the token between the ' quotes—this is your Front Chat token. In the example above, that would be 5d890d0b2b654321bc12345d30a4jc9a
      3. Follow the steps here to add the widget to your HelpDocs

What did you think of this doc?