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. 

Front Chat can be purchased in addition to your regular Front plan. It can be purchased for only the users that need to reply to messages; other users can comment on, assign, and tag chat messages, but not reply.

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="https://chat-assets.frontapp.com/v1/chat.bundle.js"></script>
<script>
 window.FrontChat('init', {chatId: 'b107a36...', useDefaultLauncher: true});
</script>

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, after adding the code snippet above 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.

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

Welcome to the Front community!

The Front community is your place to come together and discuss the product, register for webinars, and get support from our help center.

Webinars

New to Front or need to refresh your skills? Join us for live training sessions every week! Check them all out here.

If at any point you need assistance, please don't hesitate to email us: team@frontapp.com.