Overview

Plain’s chat widget lets you embed a branded, live chat interface on your website or app, allowing customers to reach out without leaving your product. You handle every message directly from Plain – alongside your email, Slack, and other support channels.

Set up and customize Chat

1. Create your Chat app

In Plain, navigate to Settings → Chat. Press Create a Chat App.

2. Add Chat to your webpage(s)

After creating your Chat app, you will be provided with a snippet of code that you can embed in your website or app. This will add the chat widget to your site. We recommend adding this to all pages of your site.

3. Customize your Chat experience

You can customize some aspects of the Chat widget by providing additional information to the Plain.init function. Learn more about customization here.

Configure your customer's experience

There are multiple settings you can configure once you click into your chat app, including:

• Show business hours to users.

• Show agent status to users.

• Enable unread messages notifications.

You can also go to Settings -> Auto-responders to configure an auto-response based on Tier, label, or business hours.

Content security policy (CSP)

If you are using a Content Security Policy on your website, you will need to add the following to your CSP

script-src https://chat.cdn-plain.com;
connect-src https://chat.uk.plain.com https://prod-uk-services-attachm-attachmentsuploadbucket2-1l2e4906o2asm.s3.eu-west-2.amazonaws.com;
style-src https://fonts.googleapis.com;
img-src https://prod-uk-services-workspac-workspacefilespublicbuck-vs4gjqpqjkh6.s3.amazonaws.com https://prod-uk-services-attachm-attachmentsbucket28b3ccf-uwfssb4vt2us.s3.eu-west-2.amazonaws.com https://i0.wp.com;