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 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.

4. Add conditional auto-responses

Set up conditional auto-responses from Settings - Auto-responders. Set conditions based on Tier, label or business hours so you can let your customers know when they’ll receive a response.

5. Viewing Chats in Plain

Each new conversation in the Chat widget creates a new thread in Plain. You can view and respond to these threads in the Plain app.

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;