Chat Setup
How to setup Pylon's in-app chat
Last updated
Was this helpful?
How to setup Pylon's in-app chat
Last updated
Was this helpful?
Getting Started
Grab your APP_ID
.
Add Script to Body
Add the following <script>
to right before the </body>
tag in your index.html
.
Make sure to replace the APP_ID
with the APP_ID
you grabbed from Step 1.
Content Security Policy
If you have a CSP, you will need to set up the following policy:
For context, we use PostHog for product metrics and Pusher for sending realtime chat messages.
Enable the Chat Widget
Anywhere in your React code you can access the window
object and set the pylon
config.
You should add this code wherever the user has already logged in and details like the User’s email, name, etc. become available.
Example usage in a React component:
Setup Chat Support Channel
Create a Slack channel in your workspace where you can respond to chats, like #chat-support
.
Note: If you make this channel private, add the Pylon bot to the channel.
Chat Widget Color
Identity Verification
This is optional, but recommended.
Turn it On
At the top of the In-App Chat Settings page on the Settings tab, toggle Enable In-App Chat on.
All Done!
Set #chat-support
as your Chat Support Channel .
Set the color of your chat widget .
.