How to set up a Front Chat inbox in Front

Setting up a Front Chat inbox allows you to live chat with your customers directly from Front so that all your customer interactions occur in one place. Front Chat will work for any website, Electron web and desktop applications, and mobile webpages. We do not support iOS or Android mobile apps yet. 

Read more about how Front Chat works here.

Step 1

Go into your Settings, select Inboxes, and Add a team inbox.

Step 2

Select Front Chat.

Step 3 

Give your Inbox a name, and click Next.

Step 4

Give your teammates access to the new team inbox, and click Create inbox.

Step 5

Complete your inbox settings. Here, you can change the color of the widget, add your logo, and edit your welcome message!

Step 6

Click Save. You will need to install Front Chat on your website or in your app in order to start receiving messages.

Installing Front Chat on your site or in an app

If you do not need to recognize logged in users

Grab the code snippet by clicking into the Channel you just created, and copying the code displayed in the Code Snippet section, and insert it before the '</body>' tag on your webpage. You will need to do this before messages will start syncing from your webpages with your Chat inbox in Front.

Here's an example of what that of a code snippet will look like:

<script src=""></script>
 window.FrontChat('init', {chatId: 'b107a36...', useDefaultLauncher: true});

Your Chat inbox is now live. Start chatting with your customers!

If you need to recognize logged in users

If you are using Front Chat in a web or desktop application and need to identify logged in users, first follow the instructions above to add the code snippet. After adding the code snippet, you will need to complete an additional step.

Copy your Verification Secret from your channel settings. You can use this to pass information to the Chat widget securely from your site or app to the chat widget using the Front Chat API

To reject messages from users not logged in to your site or app, turn on the “Only accept messages from logged in users” toggle in your channel settings. If you want to accept messages from anonymous visitors browsing your site, do not enable this toggle.

5replies Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
Like Follow
  • 1 mth agoLast active
  • 5Replies
  • 9592Views
  • 7 Following